{"id":3619,"date":"2012-04-20T15:58:37","date_gmt":"2012-04-20T22:58:37","guid":{"rendered":"http:\/\/www.noomii.com\/blog\/?p=3619"},"modified":"2012-04-23T10:32:17","modified_gmt":"2012-04-23T17:32:17","slug":"feedback-user-testing-website","status":"publish","type":"post","link":"https:\/\/www.noomii.com\/blog\/?p=3619","title":{"rendered":"Feedback on UserTesting.com exposed website weaknesses I didn’t know I had"},"content":{"rendered":"

\"\"You know the old adage be careful what you ask for, well I decided to follow a recommendation by Noomii co-founder Stephan Wiedner to try out a service called UserTesting.com<\/a>. \u00c3\u201a\u00c2\u00a0They offer low cost usability testing for websites (in case you’re new to the concept of user testing, I describe how it works<\/a> at the end of this article). \u00c3\u201a\u00c2\u00a0Going into this experience I thought my website was pretty good and then I got the hard truth.\u00c3\u201a\u00c2\u00a0 User testing told me I had some challenges in the following areas:<\/p>\n

    \n
  1. My homepage lacked a compelling call to action<\/li>\n
  2. The site looked generic with standard fonts and too many words<\/li>\n
  3. User testers couldn\u00c3\u00a2\u00e2\u201a\u00ac\u00e2\u201e\u00a2t figure out how to schedule an appointment<\/li>\n
  4. Signing up for the newsletter was buried in obscure menus<\/li>\n<\/ol>\n

    Here is my experience with this great service and the “before” and “after” based on the feedback I received. \u00c3\u201a\u00c2\u00a0So you can experience the high quality service they provide I have included video clips of the test execution, tester quotes, and answers to post test impressions.<\/p>\n

    Perspective #1: My Site Looked too Generic<\/h2>\n

    Overwhelmingly the feedback I received is that my site looked too generic and cookie cutter. \u00c3\u201a\u00c2\u00a0The fonts were standard and it generally lacked the panache to grab the readers attention and encourage them to stay and browse.\u00c3\u201a\u00c2\u00a0 Watch the video clip and see what you think.<\/p>\n

    [youtube http:\/\/www.youtube.com\/watch?v=31vRIhZ-q38?rel=0]<\/p>\n

    Here are some quotes from the usability testers…<\/p>\n

    “…The second thing that I noticed was the dark green background, which you find on a number of generic websites…”<\/p>\n

    “…What strikes me the most about the website is it uses a lot of generic font types…”<\/p>\n

    “…It has some interesting design elements to it, that is the first thing I notice…the colors are very warm and I personally am not a fan of this type of this type of layout…”<\/p>\n<\/blockquote>\n

    Not all the feedback was focused on the need for improvement. \u00c3\u201a\u00c2\u00a0I also received some kudos.<\/p>\n

    “It is a very clean looking site, I like the graphics…I get the feeling this is a quality company”<\/p>\n

    “…This site is very calming…Its got some nice photography and includes everything I would be looking for…”<\/p>\n<\/blockquote>\n

    Based on their feedback, here is the revised homepage layout. \u00c3\u201a\u00c2\u00a0I simplified the content, added graphics to capture the readers attention, and added new fonts for a more custom look. \u00c3\u201a\u00c2\u00a0What do you think, was I successful in capturing the essence of the feedback?<\/p>\n

    \"\"<\/a><\/strong><\/p>\n

    After<\/strong><\/p>\n

    Perspective #2: Layout Suffers from Information Overload<\/h2>\n

    While information is good, the testers highlighted that there was just simply too many words on the page, not enough pictures, and my site wouldn’t hold the attention of the time starved Executive. \u00c3\u201a\u00c2\u00a0Putting myself in the shoes of my target audience enabled me to redesign the layout to speak more in bullet points and get my point across more succinctly. \u00c3\u201a\u00c2\u00a0I also preserved some of the content to appeal to my other target audience, the HR Manager.<\/p>\n

    \"\"<\/a>Perspective #3 Performing Routine Actions<\/em><\/strong><\/p>\n

    It was really important to me to ensure that visitors to the site could accomplish some very basic tasks including:<\/p>\n

      \n
    1. Signing up for a newsletter<\/li>\n
    2. Ask a question<\/li>\n
    3. Schedule an Appointment<\/li>\n<\/ol>\n

      As you will see from the video clips I have included, one of the user testers spent a minute trying to locate some of these features, something that would definitely irk a potential client, and turned them off immediately from working with us.<\/p>\n

      In this video clip the user is attempting to schedule an appointment. \u00c3\u201a\u00c2\u00a0After looking on several pages it becomes clear that there is no clear path to this feature and the only option visible to the potential customer is to send a message. \u00c3\u201a\u00c2\u00a0Definitely not the end result we were looking for.<\/p>\n

      [youtube http:\/\/www.youtube.com\/watch?v=-Ibbl37g_ZA?rel=0]<\/p>\n

      In this video clip the tester is attempting to sign up for the newsletter. \u00c3\u201a\u00c2\u00a0After several failed navigation attempts, the potential customer gives up in frustration without being able to sign up for the newsletter. \u00c3\u201a\u00c2\u00a0Definitely a failure on our part in guiding the user.<\/p>\n

      [youtube http:\/\/www.youtube.com\/watch?v=P9ecdEdGqvQ?rel=0]<\/p>\n

      I spent a good deal of time thinking on how best to “advertise” these features. \u00c3\u201a\u00c2\u00a0I also paid close attention to the navigation that the usability testers attempted when asked to perform these tasks. \u00c3\u201a\u00c2\u00a0The result is a much improved layout, menu structure, and key placement of widgets to prompt the user.<\/p>\n

      Here is the result of implementing the suggestions from the usability testers. \u00c3\u201a\u00c2\u00a0First I modified the menu structure to better guide the visitor to the right page. \u00c3\u201a\u00c2\u00a0This makes it much easier to find the location to schedule an appointment and sign up for the newsletter.<\/p>\n

      \"\"<\/a>
      \nAfter<\/strong><\/p>\n

      I updated the resources menu, which is where each of the testers looked when attempting to sign up for the newsletter to actually say Newsletter instead of archives. \u00c3\u201a\u00c2\u00a0In addition we moved the sign-up widget from the home page to this page.<\/p>\n

      \"\"<\/a><\/p>\n

      After<\/strong><\/p>\n

      I updated the Contact Us menu to include a new menu option titled “Appointments” to make it clear where a customer should go to schedule an appointment. \u00c3\u201a\u00c2\u00a0Much simpler than the first layout.<\/p>\n

      \"\"<\/a><\/p>\n

      \"\"<\/a><\/p>\n

      After<\/strong><\/p>\n

      I added some widgets that make it easy to schedule an appointment from the home page and ask a question<\/p>\n

      In addition to the video capture of the test execution, the tester also answers some questions at the end of their session. \u00c3\u201a\u00c2\u00a0<\/p>\n

      Here is the feedback I received from one of the testers.<\/strong><\/p>\n

        \n
      1. Would you use the <\/strong>www.assuredleadership.com<\/strong><\/a> website in the future (please explain why or why not)?<\/strong>I might, but the home page just doesn’t grab you like it should. A few of the others might hold my attention. It is too wordy and doesn’t convey what makes them different.<\/li>\n
      2. If you had a magic wand, how would you improve <\/strong>www.assuredleadership.com<\/strong><\/a>?<\/strong>I would take advantage of the actual coach and try to engage visitors with a short video on the home page, more testimonials, a call to action per se. I would also improve the navigation of the site as a few times I had problems following the tasks of the User Test. To me it needs a cleaner navigation approach to try to keep people from having to search for things. The design of the site should really attempt to convey what the Company is about without so many words. Do it with graphics and pictures and video.<\/li>\n
      3. What did you like about <\/strong>www.assuredleadership.com<\/strong><\/a>?<\/strong>I like the large amount of resources, ie. the podcasts, book section, community section etc. The company definitely presents a wealth of resources for those individuals who want to improve.<\/li>\n
      4. How likely are you to recommend <\/strong>www.assuredleadership.com<\/strong><\/a> to a friend or colleague (0=Not at all likely, and 10=Very Likely)?<\/strong>5 If someone was asking me for help finding executive coaching I would likely mention the site. But I wouldn’t enthusiastically mention it to a friend in a conversation raving about how great it was.<\/li>\n<\/ol>\n

        I still would like to add an audio intro telling more about what Assured Leadership does.<\/p>\n

        Without a doubt, UserTesting.com improved the overall layout, flow, and design of my website. \u00c3\u201a\u00c2\u00a0I would definitely recommend this service to others looking for a customer perspective. \u00c3\u201a\u00c2\u00a0Sometimes as the creator we can get too close to the end product to remain objective. \u00c3\u201a\u00c2\u00a0I invite you to give UserTesting.com a try and see what they can do for you.<\/p>\n

        <\/a>How it Works<\/strong><\/p>\n

        So you sign up for an account, which is quick and easy and then you design your test. \u00c3\u201a\u00c2\u00a0You can start from scratch or use one of their templates, which you can further customize. \u00c3\u201a\u00c2\u00a0You select the number of users and any number of tasks and questions you would like the tester to complete. \u00c3\u201a\u00c2\u00a0I found their large database of suggested tasks quite useful<\/p>\n

        Next you define the parameters of your user testing population. \u00c3\u201a\u00c2\u00a0They enable you to select from the following criteria:<\/p>\n