Brand Building: Usability Testing for our Site Redesign

by Andrea Lindeman on May 4, 2009 · 4 comments

andrea lindemanNote: This post is the 6th in a series on Brand Building that highlights the approach that WhitePages has taken over the past 15 months to build and reposition its brand.

The following post was written by Andrea Lindeman, who is a Usability Engineer at WhitePages.  She explains exactly what that is below.  Enjoy!

Hi, my name is Andrea and I’m the Usability Engineer here at WhitePages. What’s a Usability Engineer, you ask? One of my jobs (among many) is to test all our new designs with actual users to make sure the website is easy to use. We have a strong design team here at WhitePages (Isiah and Alexi wrote about our Visual Identity in an earlier Brand Series post), but every so often we prove that nothing beats watching an actual user as they try to use the site.

I’ve had a lot of opportunity to do usability testing over the past year as we get ready to launch our site redesign. As much as I’d love to go into detail about everything, let me just give you one example of where we put usability testing to work.

On our existing website, when you search for a person, you get a results page showing all the listings that we returned for your search. From that page, you can get additional info and tools, such as a printing, mapping, and saving listings, by clicking the name or “Listing Details” link (see below).

purplemr1

In the new design, we wanted to simplify this results page. One of our new brand attributes is “Intuitive Experiences” (as John mentioned in his Strategic Brand Platform post), so throughout the design process we tried to make sure the new design was really easy to use. The goal of our new results page was to help the user find the “right” person quickly and then click through to access the full listing information and tools. We made it easy for users to scan the results by organizing data in a row format (kind of like a spreadsheet), removed non-essential info, and added icons in the top right corner of every listing to show what contact info was available for each person (landline, cell phone, or email address). Our first design approach is below:

greenmr1

When a user hovered over a listing with their mouse, the listing highlighted and a message appeared prompting them to click to the next page. The entire listing area was clickable. Simple, right? But when we watched users, everyone tried to click the contact info icon for the info they were looking for rather than simply clicking anywhere in the listing. In hindsight this behavior made sense; we didn’t give them any other obvious place to click so they clicked on the only thing that looked somewhat clickable – the icons. We also noticed that users slowed down to read the message when it appeared as they hovered over the listing. Obviously, we still had some work to do…

After a few more designs (and usability testing sessions) we came to our final version, seen below. In the final design, users can click on the name or the icons to get to the Listing Detail page. This design gives users a clear target to click and also eliminates the distracting message. When we tested this design with users, they all quickly clicked on the name link without hesitation. Success!

greenmr2

This is just one example of how we use usability testing when designing our website to create intuitive experiences. We do extensive user research with almost everything that ends up on the site, so if you’re interested in becoming part of our user panel and helping WhitePages with future usability testing or market research, click here. We love hearing from you!

And of course, if you want to delve further into our usability testing efforts at WhitePages, feel free to comment below.  I’m happy to answer any questions.

Andrea

Share and Enjoy:
  • Twitter
  • Digg
  • Reddit
  • StumbleUpon
  • del.icio.us
  • Google Bookmarks
  • Facebook
  • Sphinn

Related posts:

  1. Brand Building: Launching the new WhitePages site!
  2. Brand Building: WhitePages Site Redesign
  3. Brand Building: SEO, meet Usability and Brand.
  4. Brand Building: And the Site Officially Launches!
  5. Brand Building: Making Money on WhitePages’ Website

{ 4 comments… read them below or add one }

Gregor Anton May 4, 2009 at 8:14 pm

Is there a Canadian Version?

Reply

Andrea Lindeman May 5, 2009 at 9:04 am

Good question! We will be launching the new WhitePages.ca site by the end of June, so stay tuned…

Reply

Kim August 6, 2009 at 10:28 am

You need to display the zip code and the phone number on the results page like before. I was using your site multiple times a day for my job for over a year and recommended it to people, however; having to click on the name just to get a zip code is not user friendly. Also, forcing me to log in to get a phone number is too time consuming. I have switched to using addresses.com because it is must easier and faster to see the information that I need. whitepages.com use to be like that.

Reply

Andrea Lindeman August 10, 2009 at 12:32 pm

Thank you for taking the time to share your thoughts on our new website! As we continue to add more information to listings on our website, it was a necessary design decision to limit what we show on the multiple results page. On the “Detail View” page, we provide all available information.

Becoming a WhitePages Member is 100% optional – a vast majority of search results on WhitePages are available without becoming a member. We only ask customers to login and create a WhitePages Member Listing to view listings that are available exclusively on WhitePages.com. Creating an account and WhitePages Member Listing is free and comes with customer-suggested privacy controls such as hiding the phone number and email address.

We hope you will continue to take full advantage of everything that we have to offer going forward.

Reply

Leave a Comment

Previous post: (Mobile) Innovation Will End This Global Recession

Next post: Brand Building: Launching the new WhitePages site!