42244

econsultancy_xml

<ul> <li> Navigation / search This is clear enough and simple to use, with a navigation bar at the top of the screen: </li> </ul> <img alt="Navigation" src="http://farm3.static.flickr.com/2362/2191764105_a568744c11_o.jpg" /> <blockquote> Customers have the option to navigate by category of clothing, brand, or to look for new items, sales items or clothing that has been covered in the press. After selecting one of the options, the matching items are displayed with product photos: <img alt="Product search" src="http://farm3.static.flickr.com/2112/2192565670_aa8395941b_o.jpg" /> This is fine if you want to browse through pictures, but it means that customers have to trawl through 12 pages of product photos.This is where Whistles could have some <a href="http://Feature filtering - what is it and why do you need it?">feature filters</a>. </blockquote> <ul> <li> Product pages The images are good, and shoppers are given a selection of angles to view the clothes from, as well as a zoom tool. We love the layout here, which seems to reflect the company's 'boutique' status. </li> </ul> <img alt="Product page" src="http://farm3.static.flickr.com/2246/2193046014_c6907717f5_o.jpg" /> <blockquote> Links are provided to further information on T&Cs, delivery charges and the returns policy. A few important things are missing though, including a visible contact telephone number, and signs of server security, such as third party verification logos. Phone numbers are not only essential for customer queries but are also an indication of trust - many web shoppers are reportedly <a href="/blog/1242-philfing-irritates-web-shoppers">reluctant to purchase</a> from sites without them. Third party certification is also evidence that it can be trusted and provides reassurance for security-conscious shoppers. </blockquote> <ul> <li> Checkout One thing Whistles does well here is to keep the number of steps in the checkout process down to a minimum, with just three stages for customers to go through. </li> </ul> <img alt="checkout" src="http://farm3.static.flickr.com/2097/2192554828_a42f74f899_o.jpg" /> <blockquote> The process is relatively simple, form-filling works intuitively, and the site does at show verification logos at the payment stage. We would suggest a couple of improvements - enclosing the checkout process by removing links to other parts of the site can help to focus the customer's mind on the purchase and prevent them from unintentionally leaving the checkout. It's ommon practice these days to do this. Another problem is that the site doesn't allow users to go back and forth in the checkout process - meaning that, if a customer needs to amend any previously entered details they will have to hit the back button on the browser. As such, customers could lose the information that they have already entered in the checkout process, which is a surefire way of encouraging frustration and dropouts. </blockquote> Despite these suggested improvements, this is a visually appealing site that the company says has achieved 'exceptionally high' conversion rates since its launch. A few tweaks and they'll be higher still, by our reckoning. Good going, Whistles. Related stories: <a href="/blog/1828-ten-ways-to-improve-online-checkouts">Ten ways to improve online checkouts</a> Related research: <a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">Online Retail 2007: Checkout Special </a>

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <List Type="Disc"> <ListItem> <Emphasis>Navigation / search<LineBreak /></Emphasis>This is clear enough and simple to use, with a navigation bar at the top of the screen: </ListItem> </List> <Paragraph> <Image AlternateText="Navigation" Source="http://farm3.static.flickr.com/2362/2191764105_a568744c11_o.jpg"> </Image> </Paragraph> <Block> <Paragraph>Customers have the option to navigate by category of clothing, brand, or to look for new items, sales items or clothing that has been covered in the press. <LineBreak /><LineBreak />After selecting one of the options, the matching items are displayed with product photos: <LineBreak /></Paragraph> <Paragraph> <Image AlternateText="Product search" Source="http://farm3.static.flickr.com/2112/2192565670_aa8395941b_o.jpg"> </Image> </Paragraph> <Paragraph>This is fine if you want to browse through pictures, but it means that customers have to trawl through 12 pages of product photos.This is where Whistles could have some <Link URL="http://Feature filtering - what is it and why do you need it?" Window="Self">feature filters</Link>.</Paragraph> </Block> <List Type="Disc"> <ListItem> <Paragraph> <Emphasis>Product pages<LineBreak /></Emphasis>The images are good, and shoppers are given a selection of angles to view the clothes from, as well as a zoom tool. We love the layout here, which seems to reflect the company's 'boutique' status. </Paragraph> </ListItem> </List> <Paragraph Align="Center"> <Image AlternateText="Product page" Source="http://farm3.static.flickr.com/2246/2193046014_c6907717f5_o.jpg"> </Image> </Paragraph> <Block> <Paragraph>Links are provided to further information on T&Cs, delivery charges and the returns policy. <LineBreak /><LineBreak /><Emphasis>A few important things are missing though</Emphasis>, including a visible contact telephone number, and signs of server security, such as third party verification logos. <LineBreak /><LineBreak />Phone numbers are not only essential for customer queries but are also an indication of trust - many web shoppers are reportedly <Link URL="/blog/1242-philfing-irritates-web-shoppers" Window="Self">reluctant to purchase</Link> from sites without them. <LineBreak /><LineBreak />Third party certification is also evidence that it can be trusted and provides reassurance for security-conscious shoppers. </Paragraph> </Block> <List Type="Disc"> <ListItem> <Emphasis>Checkout <LineBreak /></Emphasis>One thing Whistles does well here is to keep the number of steps in the checkout process down to a minimum, with just three stages for customers to go through. </ListItem> </List> <Paragraph Align="Center"> <Emphasis> <Image AlternateText="checkout" Source="http://farm3.static.flickr.com/2097/2192554828_a42f74f899_o.jpg"> </Image> </Emphasis> </Paragraph> <Block> <Paragraph>The process is relatively simple, form-filling works intuitively, and the site does at show verification logos at the payment stage. </Paragraph> <Paragraph> <Emphasis>We would suggest a couple of improvements</Emphasis> - enclosing the checkout process by <Quote>removing links</Quote> to other parts of the site can help to focus the customer's mind on the purchase and prevent them from unintentionally leaving the checkout. It's ommon practice these days to do this.<LineBreak /><LineBreak />Another problem is that the site <Quote>doesn't allow users to go back and forth in the checkout process</Quote> - meaning that, if a customer needs to amend any previously entered details they will have to hit the back button on the browser. As such, customers could lose the information that they have already entered in the checkout process, which is <Emphasis>a surefire way of encouraging frustration and dropouts</Emphasis>.</Paragraph> </Block> <Paragraph>Despite these suggested improvements, this is a visually appealing site that the company says has achieved <Quote>'exceptionally high'</Quote> conversion rates since its launch. A few tweaks and they'll be higher still, by our reckoning.</Paragraph> <Paragraph>Good going, Whistles.</Paragraph> <Paragraph> <Emphasis>Related stories:</Emphasis> <LineBreak /> <Link URL="/blog/1828-ten-ways-to-improve-online-checkouts" Window="Self">Ten ways to improve online checkouts</Link> </Paragraph> <Paragraph> <Emphasis>Related research:</Emphasis> <LineBreak /> <Link URL="http://econsultancy.com/reports/online-retail-2007-checkout-special" Window="Self">Online Retail 2007: Checkout Special </Link> </Paragraph> </FormattedContent>

2008-01-14T12:46:00+00:00

econsultancy_xml

Fashion boutique Whistles recently launched a transactional website, and we've taken a look from a user experience perspective. <img alt="Whistles homepage" src="http://farm3.static.flickr.com/2385/2192551922_fda27578cf_o.jpg" />

<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"> <Paragraph> <Emphasis>Fashion boutique Whistles recently launched a transactional website, and we've taken a look from a user experience perspective.</Emphasis> </Paragraph> <Paragraph Align="Center"> <Image AlternateText="Whistles homepage" Source="http://farm3.static.flickr.com/2385/2192551922_fda27578cf_o.jpg"> </Image> </Paragraph> <Paragraph> </Paragraph> </FormattedContent>

false 2069

Refer also to Econsultancy's <a href="http://econsultancy.com/reports/user-experience-buyers-guide">User Experience Buyer's Guide</a> and <a href="http://econsultancy.com/reports/effective-web-design-best-practice-guide">Effective Web Design Guide</a> for more information about best practice in these areas.

364845

Whistles - a user experience review false

2008-01-16T12:56:00+00:00

whistles-a-user-experience-review

2009-04-29T16:38:21+01:00

2009-10-13T09:28:41+01:00

520