Sunday, August 14, 2011

Search Fields — What To Do and What Not To Do




We're big fans of using concept testing to make measurable improvements to our own apps and pages. We're always curious, studying the world's most popular websites to discover what they are getting right and where they are falling down. We recently used Verify to run studies on world's top 20 consumer electronics websites, as ranked by Alexa. In the studies, we focused on the search fields of the electronics websites.




Millions of dollars can be lost if eCommerce visitors have trouble finding a simple way to search for products they are trying to buy. In order to test how effective various sites' search fields were, we created a Verify click test to record where people clicked after being asked to search for a product. You can try out the Verify test below:






We performed this test for each of the top 20 consumer electronics websites and collected 100 responses for each. Afterwards, we analyzed the data collected to see what lessons we could apply to our own work. We'll start with some of the worst practices we found. Here are a few takeaways from low scoring sites:






TigerDirect — What Not To Do


TigerDirect had an abysmal 50% success rate when people were asked to click on the spot on the page where they would search for a product they want to buy. Those people who did click on the right spot on the page took on average of 27 seconds to find that spot. Why is that the case?





A poor content choice is throwing people off when they're trying to find TigerDirect's search field. The directive seems to arbitrarily restrict searching to ‘deals’ and not ‘products’. This confuses people.



Check out the full set of TigerDirect Verify Results →






FutureShop — What Not To Do


Future Shop did slightly better, with 58% of people correctly identifying the spot on the page where they would search for a product they want to buy. However, those people who did click on the right spot took an average of 32 seconds to find that spot. What happened here? Why did it take them that long to find the spot?





Visually indistinct search actions spread the the visitors' attention and had them lost as to which spot they should click on.



No solid focus on search left users hunting for the search field for a while. Website visitors' attention gets pulled everywhere else by the density of the screen and lack of hierarchy for search or categories.



Check out the full set of FutureShop Verify Results →






eCost — The Right Way To Do It


eCost nailed it. 79% of our test takers successfully navigated to their search field when prompted to. Better yet, they took an average of just 9 seconds to find that search field. Why did eCost perform so much better?





Obvious contrast and prominent placement helped people find the search field much faster. eCost does a great job of using visual markers such as contrasting colors and breaking the grid to call out their search field.



Check out the full set of eCost Verify Results →



We use Verify to learn from other sites this way in addition to testing our own sites to find simple problems that hit you over the head such as 'poor content choices.' As a result, we've improved the comprehension of our own pages and gained more happy customers. We'll be sharing more case studies in upcoming posts.



Related Posts Plugin for WordPress, Blogger...