There are several lists on web design mistakes out there. Most of them focus on the web design itself but forget about other components such as how a good design becomes a great design through the right way of collecting feedback.
There’s always a feedback stage in the web design process which requires intensive interaction between co-workers, as well as external clients. And as in every intense interaction there’s plenty of room for improvement.
Here’s my list of 6 common mistakes to avoid when collecting & giving feedback on design drafts.
1. Simply start asking for feedback
Well, it absolutely makes sense to gather as much feedback as possible from people working in different departments. Your project team will (and should) be the first place you go to ask for feedback on design drafts and prototypes.
However, it is dangerous to simply ask someone because he/she’s just around. Well, yes. Ask him/her besides a couple of other people to gather different aspects you might forget. But always be specific and precise in your questions while collecting feedback.
2. Generic questions like “Do you like it?”
Do not ask your colleagues “how they like your design”. Ask them specific questions explaining the background and the story of the design first.
Answer the following questions and explain these answers to the people you ask for feedback:
- What’s the main vision and objective of the website/app/prototype you’ve worked on?
- What’s the target group who’ll be using the product/website? How do they look like & behave?
- What are potential use cases for the website/app? How does a potential customer journey look like?
- What are different limitations you’ve had during the design process (e.g. CI guidelines, etc.)?
- What are different standards & presets for the projects?
3. Personal opinions are personal
It’s super-easy to express personal opinions and we’ve probably been to a couple of client’s meetings where we’ve heard the sentence “I don’t like it!” (or something similar). Unfortunately, design is a highly subjective area.
And as people we tend to take that opinion personally.
In theory it’s easy: stay objective and factual. And try to ask follow-up questions like the ones below to solve these situations:
- Is there anything specific you do not like about that design? What element don’t you like? Is it the type style, the color, the spacing?
- Think about our target group (which we’ve defined during our first meeting) and how they would react on that design?
- In what kind of way will it differ to your personal reaction?
4. Getting feedback the unstructured way
Do not simply ask for feedback without considering the process of how to get feedback. You might end up sitting in different design meetings or phone calls where people you’ve asked for their comments, will provide you with some lengthy feedback and express their thoughts.
Getting a huge amount of feedback in a very unstructured way might feel like this:
Clearly express the expected way to collect feedback (whether it’s with one of the mentioned tools below or in any other structured way).
5. Any deadline for submitting feedback?
You’ve worked hard on crafting a new web design for your client and you now end up waiting days or even weeks for feedback. Don’t let that happen.
Consider feedback loops right at the beginning of a new project and clearly address and communicate them within your project team. In many cases the “real process of providing feedback” is underestimated and overlooked in many cases which often results in a delay of the project.
6. Listen to the loudest one in the room
I know this one is kind of obvious, but to some extent the situation happens in many teams. People are discussing on design drafts and prototypes and may disagree on some specific area.
Don’t just overlook someone because someone else gets more attention.
Tools for collecting & getting feedback on design drafts
The above-mentioned mistakes when collecting design feedback won’t be solved by the usage of any tool. However, I’d recommend checking out one of the below-listed tools since they are a great replacement for email or phone calls while collecting feedback.
Making use of a design collaboration tool will help you to collect feedback in a more efficient way:
- InVision App: InVision is very well-known among designers and front-end developers to collect feedback and collaborate on design drafts. invisionapp.com
- Concept.ly: Similar to InVision this tool offers you great possibilities to collaborate on design drafts. With some great feature set it’s super-easy to provide feedback on new designs: concept.ly
- Marvel App: Marvel is a simple prototyping tool for mobile and web which also works great for collecting feedback in a very structured way. You can even create real customer journeys with your prototype and design draft. marvelapp.com
- SAVAHAPP: Similar to Marvel App, SAVAHAPP enables you to manage design feedback. savahapp.com
- fluid: Fluid UI is great for mobile prototyping and collaborating with colleagues & clients: fluidui.com
- Framebench: With Framebench you can manage your design files and keep your design feedback on track. And you can even provide feedback on design drafts right inside your gmail inbox. framebench.com
- Usersnap: Usersnap works great for collecting feedback too. Whether it’s for design drafts (which can directly be uploaded to your project dashboard) or for real HTML prototypes. usersnap.com
From my point of view, it doesn’t really matter which tool you choose. All mentioned tools will offer you great flexibility to get in-depth feedback from colleagues & clients. They will also make your feedback process way faster and more interactive.
Good design can be made better by working within limitations and incorporating the feedback from others. However collecting and giving feedback is an intense phase during every web project where people tend to take things personal.
By avoiding the mentioned mistakes and making use of one of these awesome design collaboration tools, designers as well as developers and project managers can ensure an efficient and transparent way of collecting design feedback.
What mistakes have you seen so far when collecting feedback on design drafts or prototypes?
PS: You might also enjoy this article with 72 posters of ridiculous design feedback: http://www.bitrebels.com/design/design-feedback-posters/
This article was brought to you by Usersnap – a visual bug tracking and screenshot tool for every web project.
24 Amazing Web Design Blogs You Should Follow This Month!
A while ago, I published this collection of great web development blogs for developers. Since then, some web designers have approached us and suggested further blogs, specifically, web design blogs worth following in 2016. So this time, it’s all about web design. We’ve collected some of the best web design blogs around for you. Now…
Free & great wireframe tools for web designers & developers!
Usersnap is great for bug tracking. And that’s the core feature of our Usersnap widget. However there’s a time when ideas are brought to paper and web teams discuss about mockups and first scribbles. We know that, because a lot of users tell us about their web development and web design workflows. Unfortunately the coordination…
Containerize your web development: How Docker is solving real world problems for web developers!
Working in web development? Well, then you’ve probably heard about Docker and its recent developments before. Many people call it hotter than hot. Docker containers can be a true productivity booster for your next web apps. As a web developer, it’s not that easy to understand the essence of it. This is why I’d like…
Get the process right with requirements engineering!
As we presented you some awesome chat tools (Slack, Hipchat and Hall) in our last blog post, we want to focus on the web development process itself. You probably heard and read a lot about all kind of different processes and how to do it right. We can’t show you the “perfect web development process”,…
15 inspirational podcasts for everyone working in web development
Since there are many resources out there for getting started in web development, having some truly inspiring web development podcasts in your bookmarks is a great way to learn. It’s the most portable way to consume content and to learn something new in web development. In this post, we’ve collected a list of the most…
A practical guide to building fast web applications in the cloud (with PHP)
This post originally appeared on loige.co, written by Luciano Mammino. Luciano is a web developer & entrepreneur from Italy. In this article, Luciano highlighted some of the most common principles you should consider while building high performing web applications (specifically on the backend part). The following concepts discussed here can be applied to any language and framework.…