3551

econsultancy_xml

Clothes retailing has always been a competitive trade, even more so online. It is therefore important to know what is the key that makes or breaks the difference to competitors. To find that out, Realeyes ran an eye-tracking test on some online clothes retailers. 49 people were asked to buy a pair of trousers while their interaction with the page was recorded with the latest eye-tracking solutions. Menu design appeared to make a big difference in the overall performance of each page. A good example is set below by the menu on Debenhams' page: <a href="http://docs.realeyes.it/econsultancy/blog3/debenhams_menu.png"><img alt="" height="19" src="http://docs.realeyes.it/econsultancy/blog3/debenhams_menu.png" width="500" /></a> The graphics of this menu element quickly grabbed attention (average time to view only 2.3 seconds) and it took people only 6.6 seconds on average to understand the content of the menu and click on the right item. The view-to-click chart below describes the results in detail. <a href="http://docs.realeyes.it/econsultancy/blog3/debenhams_viewtoclick_b.png"><img alt="" height="338" src="http://docs.realeyes.it/econsultancy/blog3/debenhams_viewtoclick.png" width="500" /></a> Marks & Spencers' menu (below), on the other hand, turned out as a bad example of menu design. <a href="http://docs.realeyes.it/econsultancy/blog3/ms_menu.png"> <img alt="" height="136" src="http://docs.realeyes.it/econsultancy/blog3/ms_menu.png" width="200" /> </a> It took people over 25% more time to locate the menu item with their eyes, but even more importantly it took people a whopping 13.7 seconds (on the internet that is a LOT of time) to actually make sense of the menu and click on any of the items there. The view-to-click chart below describes it in detail. <a href="http://docs.realeyes.it/econsultancy/blog3/ms_viewtoclick_b.png"><img alt="" height="339" src="http://docs.realeyes.it/econsultancy/blog3/ms_viewtoclick.png" width="500" /></a> M&S very likely created this menu with best intentions, to give people more information. But testing with real users proved this load is clearly too much. The following table summarises the overall performance of tested pages. It shows that forcing people to interact with too much information upfront significantly decreases important performance indicators such as success rate, time to completion and user satisfaction. <a href="http://docs.realeyes.it/Retailers_Benchmark.pdf"> <img alt="" height="169" src="http://docs.realeyes.it/econsultancy/blog3/benchmark.png" width="500" /> </a> The bottom line is that findings like this are possible only through testing with real people. Incorporating eye-tracking into user tests is easy, but adds rich insights that can sharpen your competitive edge. I'm happy to explain further here in the comments thread or via mihkel@realeyes.it. Mihkel Jaatma is the co-founder of eyetracking specialists <a href="http://www.realeyes.it/"> Realeyes.it </a> .

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph>Clothes retailing has always been a competitive trade, even more so online. It is therefore important to know what is the key that makes or breaks the difference to competitors.</Paragraph> <Paragraph>To find that out, Realeyes ran an eye-tracking test on some online clothes retailers. 49 people were asked to buy a pair of trousers while their interaction with the page was recorded with the latest eye-tracking solutions.</Paragraph> <Paragraph>Menu design appeared to make a big difference in the overall performance of each page. A good example is set below by the menu on Debenhams' page:<LineBreak /><LineBreak /><Link URL="http://docs.realeyes.it/econsultancy/blog3/debenhams_menu.png" Window="New"><Image Source="http://docs.realeyes.it/econsultancy/blog3/debenhams_menu.png" Width="500" Height="19"></Image></Link><LineBreak /><LineBreak /> The graphics of this menu element quickly grabbed attention (average time to view only 2.3 seconds) and it took people only 6.6 seconds on average to understand the content of the menu and click on the right item. The view-to-click chart below describes the results in detail.</Paragraph> <Paragraph> <LineBreak /> <Link URL="http://docs.realeyes.it/econsultancy/blog3/debenhams_viewtoclick_b.png" Window="New"><Image Source="http://docs.realeyes.it/econsultancy/blog3/debenhams_viewtoclick.png" Width="500" Height="338"></Image></Link><LineBreak /><LineBreak /> Marks & Spencers' menu (below), on the other hand, turned out as a bad example of menu design.</Paragraph> <Paragraph> <Link URL="http://docs.realeyes.it/econsultancy/blog3/ms_menu.png" Window="New"> <Image Source="http://docs.realeyes.it/econsultancy/blog3/ms_menu.png" Width="200" Height="136" HorizontalPadding="150"> </Image> </Link> <LineBreak /> <LineBreak /> It took people over 25% more time to locate the menu item with their eyes, but even more importantly it took people a whopping 13.7 seconds (on the internet that is a LOT of time) to actually make sense of the menu and click on any of the items there. The view-to-click chart below describes it in detail.</Paragraph> <Paragraph> <Link URL="http://docs.realeyes.it/econsultancy/blog3/ms_viewtoclick_b.png" Window="New"><Image Source="http://docs.realeyes.it/econsultancy/blog3/ms_viewtoclick.png" Width="500" Height="339"></Image></Link><LineBreak /><LineBreak /> M&S very likely created this menu with best intentions, to give people more information. But testing with real users proved this load is clearly too much. <LineBreak /><LineBreak /> The following table summarises the overall performance of tested pages. It shows that forcing people to interact with too much information upfront significantly decreases important performance indicators such as success rate, time to completion and user satisfaction.</Paragraph> <Paragraph> <Link URL="http://docs.realeyes.it/Retailers_Benchmark.pdf" Window="New"> <Image Source="http://docs.realeyes.it/econsultancy/blog3/benchmark.png" Width="500" Height="169"> </Image> </Link> </Paragraph> <Paragraph>The bottom line is that findings like this are possible only through testing with real people. Incorporating eye-tracking into user tests is easy, but adds rich insights that can sharpen your competitive edge.<LineBreak /><LineBreak /> I'm happy to explain further here in the comments thread or via mihkel@realeyes.it.</Paragraph> <Paragraph> <Emphasis> <Quote>Mihkel Jaatma is the co-founder of eyetracking specialists </Quote> </Emphasis> <Emphasis> <Link URL="http://www.realeyes.it/" Window="Self"> <Quote>Realeyes.it</Quote> </Link> <Quote>. </Quote> </Emphasis> </Paragraph> </FormattedContent>

2008-10-01T16:08:00+01:00

econsultancy_xml

Home pages for high street retailers may initially come across as similar, but their actual performance differs strongly due to the design of the navigation menus.

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph> <Emphasis>Home pages for high street retailers may initially come across as similar, but their actual performance differs strongly due to the design of the navigation menus.</Emphasis> </Paragraph> </FormattedContent>

false 2827

Related Econsultancy reports include our <a href="http://econsultancy.com/reports/e-commerce-platforms-buyer-s-guide-2009">E-commerce Platforms Buyer's Guide</a>, <a href="http://econsultancy.com/reports/delivering-successful-e-commerce-projects">Delivering Successful E-commerce Projects</a> and <a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">Online Retail Checkout Special</a>. See also the <a href="http://econsultancy.com/reports/e-commerce-statistics">E-commerce Statistics Compendium</a>.

366448

High street retailers: menus make a big difference false

2008-10-02T17:00:00+01:00

high-street-retailers-menus-make-a-big-difference

2009-04-30T04:55:40+01:00

2009-10-13T09:48:48+01:00

1462