42244

econsultancy_xml

Navigation / site search The main navigation bar, as well as the site search option, is at the top where most users would expect to find it. Customers also have the option of navigating using the links in the centre of the page. <img alt="Halfords navigation bar" src="http://farm3.static.flickr.com/2329/2323232933_d996fdb48c_o.jpg" /> However, the main navigation links are in small text so don't stand out very clearly compared to the rest of the homepage. The <a href="http://www.halfords.com/webapp/wcs/stores/servlet/topcategory_storeId_10001_catalogId_10151_langId_-1">site</a> makes good use of breadcrumb trails to show users where they are and allow them to easily go back to a previous point in their search. The options could be clearer though. For instance, if I want to search for a bike, after clicking on the main link from the homepage I get this: <img alt="Halfords bikes" src="http://farm3.static.flickr.com/2309/2323243889_973c162249_o.jpg" /> If I'm looking for a man's bike for instance, I'd like to see a link to this section, rather than having to look through 'bike clearance' or 'bike deals'. The options could be clearer - from the homepage to visiting a product page for a man's mountain bike took me five clicks. Ideally, most products should be no more than a couple of clicks away from the homepage. This is something which could be improved with better labelling and a more intuitive layout. Also, by enabling users to find the products they want more quickly and easily, this should <a href="/blog/2152-ten-ways-to-improve-your-conversion-rates">improve conversion rates</a>. Homepage I'm not a fan of the homepage, partly because I find the predominantly orange colour scheme off-putting, but mainly because the amount of photos and adverts on the page distracts from the main navigation. Product pages The product pages contain most of the vital information customers will be looking for, such as price and delivery charges: <img alt="Halfords product page" src="http://farm3.static.flickr.com/2162/2324051572_995d81d70f_o.jpg" /> In addition, detailed technical information is provided as well as, in the case of this sat nav system, links to further information and FAQs about the product. A few criticisms though: contact details are not clearly displayed on the product page, so customers with a query about their purchase will need to hunt around for a phone number. Also, on a number of items I visited product pages for, I found I was unable to purchase the item in question: <img alt="Product page - out of stock" src="http://farm4.static.flickr.com/3289/2323233365_eeaa32d58a_o.jpg" /> This can be annoying for users, though at least it doesn't allow me to add the product to my shopping basket. Halfords could handle this better though, either by giving some information on if and when the product will be available to buy, or by offering to email me when it is back in stock. Adding user reviews would also be an improvement to the product pages, especially for items like expensive sat nav systems. The product photos could also be improved. Checkout The checkout process works smoothly enough, and has a few examples of best practice. <img alt="Halfords checkout" src="http://farm3.static.flickr.com/2222/2324123832_04529b54b8_o.jpg" /> For instance, it isn't necessary to register first before beginning the process. It has also been kept relatively short - just five steps from shopping basket to confirmation of order. Halfords also has a bar which indicates which stage customers have reached in the process and how many stages are left. This is a useful form of reassurance for users. <img alt="Checkout progress indicator" src="http://farm3.static.flickr.com/2054/2323306357_86157e6ed3_o.jpg" /> There are a few problems though - we would recommend that e-commerce websites provide information on server security, and assure customers that they can <a href="/blog/1288-establishing-trust-in-the-buying-process">shop safely</a> on the site. This means displaying third party verification logos, such as Verisign. I didn't see any of this in Halfords' <a href="/blog/1828-ten-ways-to-improve-online-checkouts">checkout process</a>. In addition, there are plenty of links to other areas of the site when in the checkout process. The main navigation bar is still there so I could click on a link, leave the checkout process and then have to enter my details all over again. A better idea would be to enclose the checkout process as far as possible - this removes the risk that users will accidentally click away from the page. This means removing all links other than those that are necessary to complete the transaction - it can also have the effect of funnelling the customer towards confirmation of the purchase. Conclusion According to Halfords, this is the most visited sports and leisure website in the UK, and the company says that the reserve and collect service has worked well so far, with over 100,000 orders taken between November and January. However, there are still a number of areas on the website which could be easily tweaked to improve Halfords.com's conversion rates. Related research: <a href="http://econsultancy.com/reports/usability-and-user-experience-report-2007">Usability and User Experience Report 2007</a> <a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">Online Retail 2007: Checkout Special</a> Related stories: <a href="/blog/2069-whistles-a-user-experience-review">Site Review: Mydeco Ten ways to improve online checkouts Whistles - a user experience review</a>

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph> <Emphasis>Navigation / site search<LineBreak /><LineBreak /></Emphasis>The main navigation bar, as well as the site search option, is at the top where most users would expect to find it. Customers also have the option of navigating using the links in the centre of the page. <LineBreak /> </Paragraph> <Paragraph> <Emphasis> <Image AlternateText="Halfords navigation bar" Source="http://farm3.static.flickr.com/2329/2323232933_d996fdb48c_o.jpg"> </Image> </Emphasis> <LineBreak /> <LineBreak /> However, the main navigation links are in small text so don't stand out very clearly compared to the rest of the homepage. <LineBreak /><LineBreak /> The <Link URL="http://www.halfords.com/webapp/wcs/stores/servlet/topcategory_storeId_10001_catalogId_10151_langId_-1" Window="Self">site</Link> makes good use of breadcrumb trails to show users where they are and allow them to easily go back to a previous point in their search. <LineBreak /><LineBreak /> The options could be clearer though. For instance, if I want to search for a bike, after clicking on the main link from the homepage I get this: <LineBreak /><LineBreak /><Image AlternateText="Halfords bikes" Source="http://farm3.static.flickr.com/2309/2323243889_973c162249_o.jpg"></Image><LineBreak /><LineBreak /> If I'm looking for a man's bike for instance, I'd like to see a link to this section, rather than having to look through 'bike clearance' or 'bike deals'.</Paragraph> <Paragraph>The options could be clearer - from the homepage to visiting a product page for a man's mountain bike took me five clicks. <LineBreak /><LineBreak /> Ideally, most products should be no more than a couple of clicks away from the homepage. This is something which could be improved with better labelling and a more intuitive layout. <LineBreak /><LineBreak /> Also, by enabling users to find the products they want more quickly and easily, this should <Link URL="/blog/2152-ten-ways-to-improve-your-conversion-rates" Window="Self">improve conversion rates</Link>.</Paragraph> <Paragraph> <Emphasis>Homepage</Emphasis> <LineBreak /> <LineBreak /> I'm not a fan of the homepage, partly because I find the predominantly orange colour scheme off-putting, but mainly because the amount of photos and adverts on the page distracts from the main navigation.</Paragraph> <Paragraph> <Emphasis>Product pages</Emphasis> <LineBreak /> <LineBreak /> The product pages contain most of the vital information customers will be looking for, such as price and delivery charges: <LineBreak /><LineBreak /><Image AlternateText="Halfords product page" Source="http://farm3.static.flickr.com/2162/2324051572_995d81d70f_o.jpg"></Image><LineBreak /><LineBreak /> In addition, detailed technical information is provided as well as, in the case of this sat nav system, links to further information and FAQs about the product. <LineBreak /><LineBreak /> A few criticisms though: contact details are not clearly displayed on the product page, so customers with a query about their purchase will need to hunt around for a phone number. <LineBreak /><LineBreak /> Also, on a number of items I visited product pages for, I found I was unable to purchase the item in question: <LineBreak /><LineBreak /><Image AlternateText="Product page - out of stock" Source="http://farm4.static.flickr.com/3289/2323233365_eeaa32d58a_o.jpg"></Image><LineBreak /><LineBreak /> This can be annoying for users, though at least it doesn't allow me to add the product to my shopping basket. <LineBreak /><LineBreak /> Halfords could handle this better though, either by giving some information on if and when the product will be available to buy, or by offering to email me when it is back in stock. <LineBreak /><LineBreak /> Adding user reviews would also be an improvement to the product pages, especially for items like expensive sat nav systems. The product photos could also be improved. <LineBreak /><LineBreak /><Emphasis>Checkout <LineBreak /><LineBreak /></Emphasis>The checkout process works smoothly enough, and has a few examples of best practice. <LineBreak /><LineBreak /><Image AlternateText="Halfords checkout" Source="http://farm3.static.flickr.com/2222/2324123832_04529b54b8_o.jpg"></Image><LineBreak /><LineBreak /> For instance, it isn't necessary to register first before beginning the process. It has also been kept relatively short - just five steps from shopping basket to confirmation of order. <LineBreak /><LineBreak /> Halfords also has a bar which indicates which stage customers have reached in the process and how many stages are left. This is a useful form of reassurance for users. <LineBreak /><LineBreak /><Image AlternateText="Checkout progress indicator" Source="http://farm3.static.flickr.com/2054/2323306357_86157e6ed3_o.jpg"></Image><LineBreak /><LineBreak /> There are a few problems though - we would recommend that e-commerce websites provide information on server security, and assure customers that they can <Link URL="/blog/1288-establishing-trust-in-the-buying-process" Window="Self">shop safely</Link> on the site. <LineBreak /><LineBreak /> This means <Emphasis>displaying third party verification logos</Emphasis>, such as Verisign. I didn't see any of this in Halfords' <Link URL="/blog/1828-ten-ways-to-improve-online-checkouts" Window="Self">checkout process</Link>. <LineBreak /><LineBreak /> In addition, there are plenty of links to other areas of the site when in the checkout process. The main navigation bar is still there so I could click on a link, leave the checkout process and then have to enter my details all over again. <LineBreak /><LineBreak /> A better idea would be to <Emphasis>enclose the checkout process</Emphasis> as far as possible - this removes the risk that users will accidentally click away from the page. <LineBreak /><LineBreak /> This means removing all links other than those that are necessary to complete the transaction - it can also have the effect of funnelling the customer towards confirmation of the purchase. <LineBreak /><LineBreak /><Emphasis>Conclusion</Emphasis><LineBreak /><LineBreak /> According to Halfords, this is the most visited sports and leisure website in the UK, and the company says that the reserve and collect service has worked well so far, with over 100,000 orders taken between November and January. <LineBreak /><LineBreak /> However, there are still a number of areas on the website which could be easily tweaked to improve Halfords.com's conversion rates.</Paragraph> <Paragraph> <Emphasis>Related research:<LineBreak /></Emphasis> <Link URL="http://econsultancy.com/reports/usability-and-user-experience-report-2007" Window="Self">Usability and User Experience Report 2007</Link> <LineBreak /> <Link URL="http://econsultancy.com/reports/online-retail-2007-checkout-special" Window="Self">Online Retail 2007: Checkout Special</Link> </Paragraph> <Paragraph> <Emphasis>Related stories:</Emphasis> <LineBreak /> <Link URL="/blog/2069-whistles-a-user-experience-review" Window="Self">Site Review: Mydeco<LineBreak /> Ten ways to improve online checkouts<LineBreak /> Whistles - a user experience review</Link> </Paragraph> </FormattedContent>

2008-03-10T12:08:00+00:00

econsultancy_xml

Halfords recently launched a reserve online, collect in-store service so we had a look its website from a user experience perspective. <img alt="Halfords homepage" src="http://farm3.static.flickr.com/2365/2323213635_3c4c933aca_o.jpg" />

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph> <Emphasis>Halfords recently launched a reserve online, collect in-store service so we had a look its website from a user experience perspective.</Emphasis> </Paragraph> <Paragraph Align="Center"> <Image AlternateText="Halfords homepage" Source="http://farm3.static.flickr.com/2365/2323213635_3c4c933aca_o.jpg"> </Image> </Paragraph> </FormattedContent>

false 2257

Econsultancy has a wide range of documents to help you with designing websites from start to finish. Check out our <a href="http://econsultancy.com/reports/effective-web-design-best-practice-guide">Effective Web Design Guide</a> and our <a href="http://econsultancy.com/reports/template-files-for-web-projects">Web Project Management Template Files</a> for more information.

365221

Site review: Halfords.com false

2008-03-17T08:30:00+00:00

site-review-halfords-com

2009-04-29T23:57:59+01:00

2009-10-13T09:34:05+01:00

576