7 Steps to Better Website Feedback

Most web designers and developers avoid getting feedback on their work because it can be time consuming, frustrating and even scary. But it doesn’t have to be that way. When done right, you can gather feedback that will inspire you, give you a fresh perspective and push your work to the next level.

preview 7 Steps to Better Website Feedback

In this following post, I want to share with you 7-step framework for getting better website feedback each and every time. Full article after jump.

Step 1 – Start Early

Feedback should be part of your production plan from the moment you start working on a new website. The earlier you start asking for feedback, the easier it will be to make a change. Don’t wait until you’re emotionally invested in your design to start getting feedback. As soon you have a sketch or a wireframe, put it in front of other people and see what they think.

Step 2 – Be Open

This goes back to emotional investment. If you’ve already made up your mind about a website, and there’s no changing it, no matter what anyone says, then don’t waste your time (or theirs). Seek feedback only when you’re going to pay attention to it. Don’t become so attached to a design or layout that you can’t hear the constructive ideas being offered by those around you.

Step 3 – Use The Right Tools

People often avoid asking for feedback because of an unproductive past experience. Either the people asked didn’t respond, or there was no good way of collecting the feedback. Fortunately, there are a number of free tools out there that are designed specifically for gathering feedback in an organized and actionable way – no more patching together ideas from a long string of emails.

Example of tools

Concept Feedback – Concept Feedback is a free website feedback community for designers, developers and marketers. Members can upload a concept a website, specify an objective and start receiving constructive, actionable feedback from other members. A system of reputation points keeps users honest and helps prioritize advice. Sensitive concepts may also be posted privately for client or co-worker review.

concept feedback

Five Second Test – The name says it all. Fun and easy to use, FST gives random visitors the chance to “take a test” and look at your design for 5 seconds. When time runs out, the user is asked to list everything they can remember from the concept, providing what FST describes as a “simple online usability test that helps you identify the most prominent elements of your user interfaces”.

five second test

Notable – Notable is a website feedback app designed specifically for team and client settings. A web page can be uploaded using an image, screen grab or a plug-in for Firefox that allows you to give or receive feedback on any website or application without leaving your browser. A free plan is available (although you need to look for it) and paid plans start at $24/month.
Alternative(s): ConceptShare, ProofHQ, GetSignOff, GetBackboard and Concept Feedback

notable 7 Steps to Better Website Feedback

User Testing – For $29, you get a video of a remote tester using your site, speaking their thoughts out loud as they go. You select the demographics, provide a list of tasks and watch as they navigate through your site. Live user testing can provide some excellent insights in to the sticky areas on your website and how to improve them. If you don’t want to pay, you can always setup a makeshift testing lab and pull in your friends or co-workers. Often, the results can be just as good, if not better.
Alternative(s): Feedback Army

user testing

Userfly – Userfly allows you to watch videos of your real users. A small piece of JavaScript code on your website captures video of each visitor, which you can analyze later. Videos like this can be helpful, but the lack of sound and context can sometimes make it difficult to understand the users intention.
Alternative(s): ClickTale

userfly 7 Steps to Better Website Feedback

Additional Resources

Step 4 – Recruit Everyone

You don’t need an expert to give you valuable advice about your latest website, just someone who is going to look at it seriously and give you an honest response. Everyone, whether they have a Ph.D. in Computer Science or lack any relevant website experience, can contribute something of value. Sometimes, the most insightful feedback, comes from people who don’t know much about web design at all, but are able to spot something that is confusing or difficult to use. Join a community, ask your friends and family, post your idea on Twitter or grab a complete stranger. Whatever you do, don’t be shy, get out there and share your website with anyone who’s willing to take a look.

More Reading on this Topic

Step 5 – Ask the Right Questions

Make sure to clarify your objective. By providing direction ahead of time, you’re more likely to receive focused feedback that clearly addresses what you want to know. Instead of asking “what do you think?“, ask “what elements of this design catch your attention right away?” or “what confuses you most about this website?“. Also, try to keep it brief. Clear and concise directions generate specific and helpful feedback.

More Reading on this Topic

Step 6 – Make the Most of Criticism

Whenever you’re faced with criticism, make sure to check your first reaction. Are you just snapping back because your design is personal? It takes a mature designer with the right attitude (see #1) to be able to take genuine, constructive criticism and learn from it. Criticism never feels good at first, but once you’re able to take a step back from your design and look at it objectively, you can usually find something helpful. For an in-depth look at responding to criticism, read my article on Smashing Magazine.

More Reading on this Topic

Step 7 – Repeat the Process

Feedback is an ongoing process. Don’t just stop after the first draft, continue to get feedback as you revise and improve your design. The more you times you repeat the process, the easier it will be to get in to the habit of asking for feedback and the better your websites will be as a result.

So whether you have an existing website, or a brand new concept, try using these 7 steps to uncover new ways to improve your work. If you have other ideas, resources or suggestions, please feel free to share them in the comments below.

Additional Reading and Resources

(hk)

Author: Andrew Follett

Andrew is an online marketing consultant and the founder of Concept Feedback, a website feedback community for designers, developers and marketers. Follow Andrew and Concept Feedback on Twitter.

Share!

Enjoy the article so far? Recommend it to your friends and peers.

Subscribe! (free)

Be the first to our articles and get latest updates on freebies.

Advertisement

  • http://feedgrids.com Dimi

    Great post, will look into a few of these that I have not used before.

    Has anyone used userfly yet? Looking for some feedback on it.

  • http://feedgrids.com Dimi

    Great post, will look into a few of these that I have not used before.

    Has anyone used userfly yet? Looking for some feedback on it.

  • http://feedgrids.com Dimi

    Great post, will look into a few of these that I have not used before.

    Has anyone used userfly yet? Looking for some feedback on it.

  • http://feedgrids.com Dimi

    Great post, will look into a few of these that I have not used before.

    Has anyone used userfly yet? Looking for some feedback on it.

  • http://csssample.com csssample

    Excellent Article, keep positng like this.

  • http://csssample.com csssample

    Excellent Article, keep positng like this.

  • http://csssample.com csssample

    Excellent Article, keep positng like this.

  • http://csssample.com csssample

    Excellent Article, keep positng like this.

  • http://www.iconfinder.com Martin Leblanc

    You should use Clicktale instead of Userfly – much better.

  • http://www.iconfinder.com Martin Leblanc

    You should use Clicktale instead of Userfly – much better.

  • http://www.iconfinder.com Martin Leblanc

    You should use Clicktale instead of Userfly – much better.

  • http://www.iconfinder.com Martin Leblanc

    You should use Clicktale instead of Userfly – much better.

  • http://mpstudio.nazwa.pl/blog/?p=134 7 Steps to Better Website Feedback | 4design

    [...] post: 7 Steps to Better Website Feedback :better, better-website, browser, computer, design, feedback, firefox, friends, mind, [...]

  • http://supersite.me Simon

    Useful article, thanks. You don’t have to use 3rd party feedback scripts, check this PHP script, which you can buy on Envato for $5

  • http://supersite.me Simon

    Useful article, thanks. You don’t have to use 3rd party feedback scripts, check this PHP script, which you can buy on Envato for $5

  • http://supersite.me Simon

    Useful article, thanks. You don’t have to use 3rd party feedback scripts, check this PHP script, which you can buy on Envato for $5

  • http://supersite.me Simon

    Useful article, thanks. You don’t have to use 3rd party feedback scripts, check this PHP script, which you can buy on Envato for $5

  • http://123-sale.com/2010/06/24/7-steps-to-better-website-feedback/ 7 Steps to Better Website Feedback | seo bloghosting and sale 123-sale.com

    [...] link to search Booooookmark SubscribeDiggdel.icio.usStumbleUpon [...]

  • http://design-newz.com/2010/06/25/7-steps-to-better-website-feedback/ 7 Steps to Better Website Feedback | Design Newz

    [...] 7 Steps to Better Website Feedback [...]

  • http://knowledgecity.com Jae Xavier

    very useful round up. thanks!

  • http://knowledgecity.com Jae Xavier

    very useful round up. thanks!

  • http://knowledgecity.com Jae Xavier

    very useful round up. thanks!

  • http://kongsibersamanora.blogspot.com nur

    great n3.. sharing is caring

    thanks a lot

  • http://kongsibersamanora.blogspot.com nur

    great n3.. sharing is caring

    thanks a lot

  • http://kongsibersamanora.blogspot.com nur

    great n3.. sharing is caring

    thanks a lot

  • http://www.malcolmalmeida.com Malcolm

    Super interesting stuff. Thanks :)

  • http://www.malcolmalmeida.com Malcolm

    Super interesting stuff. Thanks :)

  • http://www.malcolmalmeida.com Malcolm

    Super interesting stuff. Thanks :)

  • http://yohan06.student.ipb.ac.id/ yohan

    nice info, thank you :)

  • http://yohan06.student.ipb.ac.id/ yohan

    nice info, thank you :)

  • http://yohan06.student.ipb.ac.id/ yohan

    nice info, thank you :)

  • http://yohan06.student.ipb.ac.id/ yohan

    nice info, thank you :)

  • http://magplazza.com Mike

    These tools are awesome. It’s what I’m looking for exactly to begin to boost my productivity of me and my team mate. Thanks for sharing.

  • http://magplazza.com Mike

    These tools are awesome. It’s what I’m looking for exactly to begin to boost my productivity of me and my team mate. Thanks for sharing.

  • http://magplazza.com Mike

    These tools are awesome. It’s what I’m looking for exactly to begin to boost my productivity of me and my team mate. Thanks for sharing.

  • http://www.thedesignbuzz.net/7-steps-to-better-website-feedback/ 7 Steps to Better Website Feedback

    [...] View full post on hongkiat.com [...]

  • http://www.cnantpats.com/ Fashion Shoes Wholesaler

    Very interesting! It’s very useful.

  • http://www.cnantpats.com/ Fashion Shoes Wholesaler

    Very interesting! It’s very useful.

  • http://berbadpresents.wordpress.com Bert K. Badrinath

    I never get feedback on my website but I work hard at it everyday so that one day I can be successful and have a lot of money.

  • http://berbadpresents.wordpress.com Bert K. Badrinath

    I never get feedback on my website but I work hard at it everyday so that one day I can be successful and have a lot of money.

  • http://wpevolved.com Dan @ wpevolved

    Getting feedback on a website, especially a new site is key.

    Thanks for posting, I’m going to check out some of these feedback solutions.

  • http://wpevolved.com Dan @ wpevolved

    Getting feedback on a website, especially a new site is key.

    Thanks for posting, I’m going to check out some of these feedback solutions.

  • http://www.itechthis.com/test/ test | itechthis

    [...] more: 7 Steps to Better Website Feedback | Design [...]

  • http://www.conceptfeedback.com Andrew Follett

    Dimi,

    I’ve used Userfly on a few projects (the free plan). It’s nice to get a sense of what people are doing, but my only complaint is the lack of context. You are never sure why the person leaves, where they get confused and so on. True user testing is the only way to get that kind of context, but for a free, quick, sometimes creepy look at how average people use your site, it’s worth a try.

    I’ve also heard very good things about ClickTale. Their solution is more robust than Userfly, but sometimes simple is nice too.

    Good luck!
    Andrew

  • http://www.conceptfeedback.com Andrew Follett

    Dimi,

    I’ve used Userfly on a few projects (the free plan). It’s nice to get a sense of what people are doing, but my only complaint is the lack of context. You are never sure why the person leaves, where they get confused and so on. True user testing is the only way to get that kind of context, but for a free, quick, sometimes creepy look at how average people use your site, it’s worth a try.

    I’ve also heard very good things about ClickTale. Their solution is more robust than Userfly, but sometimes simple is nice too.

    Good luck!
    Andrew

  • http://www.conceptfeedback.com Andrew Follett

    Dimi,

    I’ve used Userfly on a few projects (the free plan). It’s nice to get a sense of what people are doing, but my only complaint is the lack of context. You are never sure why the person leaves, where they get confused and so on. True user testing is the only way to get that kind of context, but for a free, quick, sometimes creepy look at how average people use your site, it’s worth a try.

    I’ve also heard very good things about ClickTale. Their solution is more robust than Userfly, but sometimes simple is nice too.

    Good luck!
    Andrew

  • http://www.conceptfeedback.com Andrew Follett

    Dimi,

    I’ve used Userfly on a few projects (the free plan). It’s nice to get a sense of what people are doing, but my only complaint is the lack of context. You are never sure why the person leaves, where they get confused and so on. True user testing is the only way to get that kind of context, but for a free, quick, sometimes creepy look at how average people use your site, it’s worth a try.

    I’ve also heard very good things about ClickTale. Their solution is more robust than Userfly, but sometimes simple is nice too.

    Good luck!
    Andrew

  • http://seo-agentur-hamburg.de Seo Agentur Hamburg

    Thanks for that Post. Maybe you could write an article about how to react to the feedback. (how to handle it).

    Thanks!

  • http://seo-agentur-hamburg.de Seo Agentur Hamburg

    Thanks for that Post. Maybe you could write an article about how to react to the feedback. (how to handle it).

    Thanks!

  • http://www.safershops.com Safershops

    Even tho im not a designer I really dig your posts! Keep on blogging! Should the feedback be displayed to other users tho?

  • http://www.safershops.com Safershops

    Even tho im not a designer I really dig your posts! Keep on blogging! Should the feedback be displayed to other users tho?

  • http://www.safershops.com Safershops

    Even tho im not a designer I really dig your posts! Keep on blogging! Should the feedback be displayed to other users tho?

  • http://www.safershops.com Safershops

    Even tho im not a designer I really dig your posts! Keep on blogging! Should the feedback be displayed to other users tho?

  • http://superdit.com aditia

    yeah the feedback is becoming scary when the client or my boss telling me with scary face too lol, some kind angry person, nice post btw

  • http://superdit.com aditia

    yeah the feedback is becoming scary when the client or my boss telling me with scary face too lol, some kind angry person, nice post btw

  • http://superdit.com aditia

    yeah the feedback is becoming scary when the client or my boss telling me with scary face too lol, some kind angry person, nice post btw

  • sara

    I would suggest give Clicktale a try. I’ve been using it for 2 months and it is neat to watch what your users do, I learned a lot.

  • sara

    I would suggest give Clicktale a try. I’ve been using it for 2 months and it is neat to watch what your users do, I learned a lot.

  • sara

    I would suggest give Clicktale a try. I’ve been using it for 2 months and it is neat to watch what your users do, I learned a lot.

  • http://disenia.me/blog/?p=145 Favoritos de mis Feeds – June 29, 2010 – Disenia.me

    [...] 7 Steps to Better Website Feedback June 24, 2010 [...]

  • http://abdie.web.id/29062010/7-steps-to-better-website-feedback/ 7 Steps to Better Website Feedback » abdie.web.id

    [...] hongkiat.com [...]

  • http://namiary.cba.pl Luiseq

    Owesome and simple. Thanks for this tut. Goold Luck!

  • http://namiary.cba.pl Luiseq

    Owesome and simple. Thanks for this tut. Goold Luck!

  • http://namiary.cba.pl Luiseq

    Owesome and simple. Thanks for this tut. Goold Luck!

  • http://namiary.cba.pl Luiseq

    Owesome and simple. Thanks for this tut. Goold Luck!

  • http://104design.wordpress.com/2010/07/03/7-steps-to-better-web-feedback/ 7 Steps to Better Web Feedback « 104 Design

    [...] Steps to Better Web Feedback http://www.hongkiat.com/blog/7-steps-to-better-website-feedback/ – link, 7 steps, by Hongkiat, for better website feedback. [...]

  • http://dakjaat.com Dakjaat

    great!!! :D i love this!!

  • http://dakjaat.com Dakjaat

    great!!! :D i love this!!

  • http://dakjaat.com Dakjaat

    great!!! :D i love this!!

  • http://dakjaat.com Dakjaat

    great!!! :D i love this!!

  • http://grafika.xl8.eu Janke

    Owesome post. Thanks for help! Good luck!

  • http://grafika.xl8.eu Janke

    Owesome post. Thanks for help! Good luck!

  • http://grafika.xl8.eu Janke

    Owesome post. Thanks for help! Good luck!

  • http://bestwpnews.info/7-steps-to-better-website-feedback/ 7 Steps to Better Website Feedback | Best Wordpress News™

    [...] full post on hongkiat.com This entry was posted in WordPress News and tagged Better, Feedback, Steps, Website. Bookmark the [...]

blog comments powered by Disqus