42244
1
3
econsultancy_xml
<ul>
<li>
<strong>TIP #1: Provide clear details of price / delivery times / charges</strong>
<br />These are among the most important factors in a consumer’s purchase decision, so don’t make customers have to search around for this information. <br /><br />Consider what happens when you fail to display shipping costs. The customer will enter the checkout to find out how much they need to pay. If it is an unacceptable amount then they'll drop out, leaving you to wonder what's wrong with your checkout process. Well, <em>it might be working perfectly</em>. It's not the forms but the shipping costs they don't like, only you won't be aware of this. <br /><br />Ideally, this kind of information should be clearly visible and positioned above the fold on the product page. <a href="http://www.johnlewis.com/">John Lewis</a> provides a good example of this, with price and delivery options clearly visible, as well as providing a product page free of unnecessary distractions. <br /></li>
</ul>
<p>
<img alt="" src="http://farm3.static.flickr.com/2339/1576401149_bc117835e8_o.jpg" />
</p>
<ul>
<li>
<p>
<strong>TIP #2: Display quality product photos<br /></strong>Ok, so this might not be so important for items such as DVDs and books, but with other products good photography is <strong>essential</strong>. <br /><br />This is especially important for clothes and shoes as people cannot try items on as they would in a store. To get around this, quality product photos are a must. <br /><br />Consumers should be able to see these kinds of products from every angle, so tools that allow users to zoom in and out, and to spin the product around, are a good idea. <br /><br />Shoe retailer Office demonstrates a clear knowledge of <a href="http://www.office.co.uk/mens/onitsuka_tiger/mexico_66/21/1088/2514/1">best practice</a>, using Flash to let customers see shoes from every angle and zoom in and out. It isn't necessary to use Flash though - a range of quality photos from different angles would do the job just as well. <br /><br /><img alt="" src="http://farm3.static.flickr.com/2180/1578058782_cbe96149b5_o.jpg" /></p>
</li>
<li>
<p>
<strong>TIP #3: Use video, dammit!</strong>
<br />With some products, video is much more useful than photography as it displays a product in motion, from a variety of angles, with sound and - if user-generated - user comments / background noise: <em>"Woooo, I love it!"</em> <br /><br />Online gadget retailer Firebox uses videos for many of its products, especially those that move, such as <a href="http://www.firebox.com/video/658">remote controlled helicopters</a>. It <em>must </em>work since we've just bought one... <br /><br />Firebox MD Christian Robinson says: <em>“Video has been an incredibly effective tool in helping customers see a product in action, giving a perspective of size and usability – this helps the customer to get closer to the product putting us on a par with high street stores where you can touch and feel’ products, an area that traditional retailers have always scored highest.”<br /></em><br /></p>
</li>
<li>
<strong>TIP #4: Display customer product reviews<br /></strong>User reviews are increasingly popular among consumers, providing valuable, and hopefully independent, information on which to base their purchase decisions. They are a big win, especially for retailers and travel companies.<br /><br />Online retailers are increasingly making use of user reviews - in our recent <a href="http://econsultancy.com/reports/social-commerce-report-2007">Social Commerce Report</a>, more than half of all online sellers (51%) said they considered UGC as important to their online strategy, so we should see more of this in the coming years.<br /><br />Product reviews can <strong>increase consumer trust </strong>in a website, as well as providing useful content for search engines. A no brainer.<br /><br /><br /></li>
<li>
<strong>TIP #5: Add links for further information<br /></strong>As well as displaying technical specifications you need to show customers the benefits / features of the products, and the reasons why they should choose your service over the competition. <br /><br />Whatever you do, make sure customers have all the information they need to decide on a product, with links to other relevant parts of your website. These links should include pointers to customer service / contact details, though a good FAQ page will help keep enquiries to a minimum.<br /><br /><br /></li>
<li>
<strong>TIP #6: Show 'related items' and ideally, channel-specific navigation<br /></strong>Showing products that complement the item they are thinking of buying - or accessories worth throwing in the basket - is an excellent way of increasing average order values. <br /><br />The other big win is a 'customers who bought this item also bought...' feature, as provided by Amazon. It is an excellent way of cross-selling, and encourages customers to continue searching through your site for more things to buy. <br /><br /> <img alt="" src="http://farm3.static.flickr.com/2118/1580836486_10352b880b_o.jpg" /><br /><br />We also believe that if you are shopping for golf clubs, then it makes sense to make the navigation and promotional content units golf-related. <br /><br /></li>
<li>
<p>
<strong>TIP #7: Reinforce customer trust</strong>
<br />Kitemarks, third party verification logos, and visible customer support options all convey trust and respectability. They ease the mind of the prospective buyer, who might not know your brand. <br /><br />And as we have already mentioned, user reviews are great at engendering trust.<br /></p>
</li>
<li>
<p>
<strong>TIP #8: Provide breadcrumb trails<br /></strong>This allows customers to see the steps they have taken so far to reach the product page, and provides them with a shortcut back to a previous point in their search. <br /><br />Comet provides an example of this: <br /><br /></p>
<p>
<strong>
<img alt="" src="http://farm3.static.flickr.com/2232/1580836092_c928aff977_o.jpg" />
</strong>
</p>
<p>Breadcrumb trails also deliver the added benefit of allowing customers to refine their product searches by <a href="/blog/985-feature-filtering-what-is-it-and-why-do-you-need-it">removing or revising certain product features</a>, and saves them the hassle of beginning the search all over again. <br /><br />It is of course completely acceptable to remove breadcrumb trails from the checkout process...<br /><br /></p>
</li>
<li>
<p>
<strong>TIP #9: Don’t let customers begin to purchase out of stock items</strong>
<br />If a product is out of stock, don’t allow customers to add the item to their basket, as this will only annoy and frustrate them once they reach the checkout. You will have wasted their time. Some people won't forgive you for such a crime... <br /><br />Laura Ashley has made this mistake in the past - I know this from personal experience:<br /></p>
<p>
<img alt="" src="http://farm3.static.flickr.com/2320/1577292068_dfa5ca0a90_o.jpg" /> </p>
</li>
<li>
<strong>TIP #10: Have a CLEAR CALL TO ACTION</strong>
<br />Display the buy it now / add to basket button prominently above the fold -don't make your customers search for it. <br /><br />All buttons which lead the customer further along the purchase process should be the most prominent on view. <br /><br />Also, make the meaning clear – avoid vague phrases such as ‘submit’ or ‘next step’, and give instructions like <strong>‘buy it now’</strong> or <strong>‘place your order’</strong>. <br /></li>
</ul>
<p>
<em>Agree? Disagree? Any findings to share? Do let us know...</em>
</p>
<p>
<strong>Related stories:<br /></strong>
<a href="/blog/1828-ten-ways-to-improve-online-checkouts">Ten ways to improve online checkouts</a>
<br />
<br />
<strong>Related research:</strong>
<br />
<a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">Online Retail 2007: Checkout Special</a> </p>
<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/">
<List Type="Disc">
<ListItem>
<Emphasis>TIP #1: Provide clear details of price / delivery times / charges</Emphasis>
<LineBreak />These are among the most important factors in a consumer’s purchase decision, so don’t make customers have to search around for this information. <LineBreak /><LineBreak />Consider what happens when you fail to display shipping costs. The customer will enter the checkout to find out how much they need to pay. If it is an unacceptable amount then they'll drop out, leaving you to wonder what's wrong with your checkout process. Well, <Quote>it might be working perfectly</Quote>. It's not the forms but the shipping costs they don't like, only you won't be aware of this. <LineBreak /><LineBreak />Ideally, this kind of information should be clearly visible and positioned above the fold on the product page. <Link URL="http://www.johnlewis.com/" Window="Self">John Lewis</Link> provides a good example of this, with price and delivery options clearly visible, as well as providing a product page free of unnecessary distractions. <LineBreak /></ListItem>
</List>
<Paragraph Align="Center">
<Image Source="http://farm3.static.flickr.com/2339/1576401149_bc117835e8_o.jpg">
</Image>
</Paragraph>
<List Type="Disc">
<ListItem>
<Paragraph>
<Emphasis>TIP #2: Display quality product photos<LineBreak /></Emphasis>Ok, so this might not be so important for items such as DVDs and books, but with other products good photography is <Emphasis>essential</Emphasis>. <LineBreak /><LineBreak />This is especially important for clothes and shoes as people cannot try items on as they would in a store. To get around this, quality product photos are a must. <LineBreak /><LineBreak />Consumers should be able to see these kinds of products from every angle, so tools that allow users to zoom in and out, and to spin the product around, are a good idea. <LineBreak /><LineBreak />Shoe retailer Office demonstrates a clear knowledge of <Link URL="http://www.office.co.uk/mens/onitsuka_tiger/mexico_66/21/1088/2514/1" Window="Self">best practice</Link>, using Flash to let customers see shoes from every angle and zoom in and out. It isn't necessary to use Flash though - a range of quality photos from different angles would do the job just as well. <LineBreak /><LineBreak /><Image Source="http://farm3.static.flickr.com/2180/1578058782_cbe96149b5_o.jpg"></Image></Paragraph>
</ListItem>
<ListItem>
<Paragraph>
<Emphasis>TIP #3: Use video, dammit!</Emphasis>
<LineBreak />With some products, video is much more useful than photography as it displays a product in motion, from a variety of angles, with sound and - if user-generated - user comments / background noise: <Quote>"Woooo, I love it!"</Quote> <LineBreak /><LineBreak />Online gadget retailer Firebox uses videos for many of its products, especially those that move, such as <Link URL="http://www.firebox.com/video/658" Window="Self">remote controlled helicopters</Link>. It <Quote>must </Quote>work since we've just bought one... <LineBreak /><LineBreak />Firebox MD Christian Robinson says: <Quote>“Video has been an incredibly effective tool in helping customers see a product in action, giving a perspective of size and usability – this helps the customer to get closer to the product putting us on a par with high street stores where you can touch and feel’ products, an area that traditional retailers have always scored highest.”<LineBreak /></Quote><LineBreak /></Paragraph>
</ListItem>
<ListItem>
<Emphasis>TIP #4: Display customer product reviews<LineBreak /></Emphasis>User reviews are increasingly popular among consumers, providing valuable, and hopefully independent, information on which to base their purchase decisions. They are a big win, especially for retailers and travel companies.<LineBreak /><LineBreak />Online retailers are increasingly making use of user reviews - in our recent <Link URL="http://econsultancy.com/reports/social-commerce-report-2007" Window="Self">Social Commerce Report</Link>, more than half of all online sellers (51%) said they considered UGC as important to their online strategy, so we should see more of this in the coming years.<LineBreak /><LineBreak />Product reviews can <Emphasis>increase consumer trust </Emphasis>in a website, as well as providing useful content for search engines. A no brainer.<LineBreak /><LineBreak /><LineBreak /></ListItem>
<ListItem>
<Emphasis>TIP #5: Add links for further information<LineBreak /></Emphasis>As well as displaying technical specifications you need to show customers the benefits / features of the products, and the reasons why they should choose your service over the competition. <LineBreak /><LineBreak />Whatever you do, make sure customers have all the information they need to decide on a product, with links to other relevant parts of your website. These links should include pointers to customer service / contact details, though a good FAQ page will help keep enquiries to a minimum.<LineBreak /><LineBreak /><LineBreak /></ListItem>
<ListItem>
<Emphasis>TIP #6: Show 'related items' and ideally, channel-specific navigation<LineBreak /></Emphasis>Showing products that complement the item they are thinking of buying - or accessories worth throwing in the basket - is an excellent way of increasing average order values. <LineBreak /><LineBreak />The other big win is a 'customers who bought this item also bought...' feature, as provided by Amazon. It is an excellent way of cross-selling, and encourages customers to continue searching through your site for more things to buy. <LineBreak /><LineBreak /> <Image Source="http://farm3.static.flickr.com/2118/1580836486_10352b880b_o.jpg"></Image><LineBreak /><LineBreak />We also believe that if you are shopping for golf clubs, then it makes sense to make the navigation and promotional content units golf-related. <LineBreak /><LineBreak /></ListItem>
<ListItem>
<Paragraph>
<Emphasis>TIP #7: Reinforce customer trust</Emphasis>
<LineBreak />Kitemarks, third party verification logos, and visible customer support options all convey trust and respectability. They ease the mind of the prospective buyer, who might not know your brand. <LineBreak /><LineBreak />And as we have already mentioned, user reviews are great at engendering trust.<LineBreak /></Paragraph>
</ListItem>
<ListItem>
<Paragraph>
<Emphasis>TIP #8: Provide breadcrumb trails<LineBreak /></Emphasis>This allows customers to see the steps they have taken so far to reach the product page, and provides them with a shortcut back to a previous point in their search. <LineBreak /><LineBreak />Comet provides an example of this: <LineBreak /><LineBreak /></Paragraph>
<Paragraph Align="Center">
<Emphasis>
<Image Source="http://farm3.static.flickr.com/2232/1580836092_c928aff977_o.jpg">
</Image>
</Emphasis>
</Paragraph>
<Paragraph>Breadcrumb trails also deliver the added benefit of allowing customers to refine their product searches by <Link URL="/blog/985-feature-filtering-what-is-it-and-why-do-you-need-it" Window="Self">removing or revising certain product features</Link>, and saves them the hassle of beginning the search all over again. <LineBreak /><LineBreak />It is of course completely acceptable to remove breadcrumb trails from the checkout process...<LineBreak /><LineBreak /></Paragraph>
</ListItem>
<ListItem>
<Paragraph>
<Emphasis>TIP #9: Don’t let customers begin to purchase out of stock items</Emphasis>
<LineBreak />If a product is out of stock, don’t allow customers to add the item to their basket, as this will only annoy and frustrate them once they reach the checkout. You will have wasted their time. Some people won't forgive you for such a crime... <LineBreak /><LineBreak />Laura Ashley has made this mistake in the past - I know this from personal experience:<LineBreak /></Paragraph>
<Paragraph Align="Center">
<Image Source="http://farm3.static.flickr.com/2320/1577292068_dfa5ca0a90_o.jpg">
</Image> </Paragraph>
</ListItem>
<ListItem>
<Emphasis>TIP #10: Have a CLEAR CALL TO ACTION</Emphasis>
<LineBreak />Display the buy it now / add to basket button prominently above the fold -don't make your customers search for it. <LineBreak /><LineBreak />All buttons which lead the customer further along the purchase process should be the most prominent on view. <LineBreak /><LineBreak />Also, make the meaning clear – avoid vague phrases such as ‘submit’ or ‘next step’, and give instructions like <Emphasis>‘buy it now’</Emphasis> or <Emphasis>‘place your order’</Emphasis>. <LineBreak /></ListItem>
</List>
<Paragraph>
<Quote>Agree? Disagree? Any findings to share? Do let us know...</Quote>
</Paragraph>
<Paragraph>
<Emphasis>Related stories:<LineBreak /></Emphasis>
<Link URL="/blog/1828-ten-ways-to-improve-online-checkouts" Window="Self">Ten ways to improve online checkouts</Link>
<LineBreak />
<LineBreak />
<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>
2007-10-15T12:10:00+01:00
0
1
econsultancy_xml
<p>
<strong>Product page design is <em>vitally</em> important to the success of an e-commerce operation, and with the Christmas season imminent we thought we'd take a deeper look at how retailers can improve their performance by finessing their product pages.</strong>
</p>
<p>It doesn't really matter <em>how</em> consumers find your website - if your product pages suck then they'll be unlikely to buy from you. These pages play a <strong>huge</strong> role in determining whether visitors convert into customers.</p>
<p>Yet a surprising number of product pages <strong>lack relevant information</strong> and do a poor job of selling the product in question. </p>
<p>
<em>So we'll list ten tips for product pages after the jump, to help you convert more people more of the time....</em>
</p>
<FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/">
<Paragraph>
<Emphasis>Product page design is <Quote>vitally</Quote> important to the success of an e-commerce operation, and with the Christmas season imminent we thought we'd take a deeper look at how retailers can improve their performance by finessing their product pages.</Emphasis>
</Paragraph>
<Paragraph>It doesn't really matter <Quote>how</Quote> consumers find your website - if your product pages suck then they'll be unlikely to buy from you. These pages play a <Emphasis>huge</Emphasis> role in determining whether visitors convert into customers.</Paragraph>
<Paragraph>Yet a surprising number of product pages <Emphasis>lack relevant information</Emphasis> and do a poor job of selling the product in question. </Paragraph>
<Paragraph>
<Quote>So we'll list ten tips for product pages after the jump, to help you convert more people more of the time....</Quote>
</Paragraph>
</FormattedContent>
false
1844
<p>Econsultancy’s highly practical research will help you optimise your website. If you’re revamping or starting from scratch then take a look at our 300+ page <a href="http://econsultancy.com/reports/web-design-best-practice-guide">web design best practice guide</a>. If you're running an e-commerce operation then you owe it to yourself (and your customers) to grab <a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">our guide to optimising the online checkout process</a>. If you need help with choosing an agency to optimise your website then download the <a href="http://econsultancy.com/reports/user-experience-buyers-guide">user experience buyer’s guide</a>. We also have lots of <a href="http://econsultancy.com/reports/template-files-for-web-projects">template files for web projects</a>.</p>
<p>Econsultancy’s highly practical research will help you optimise your website. If you’re revamping or starting from scratch then take a look at our 300+ page <a href="http://econsultancy.com/reports/web-design-best-practice-guide">web design best practice guide</a>. If you're running an e-commerce operation then you owe it to yourself (and your customers) to grab <a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">our guide to optimising the online checkout process</a>. If you need help with choosing an agency to optimise your website then download the <a href="http://econsultancy.com/reports/user-experience-buyers-guide">user experience buyer’s guide</a>. We also have lots of <a href="http://econsultancy.com/reports/template-files-for-web-projects">template files for web projects</a>.</p>
364412
10 tips on 'product page' design in time for Christmas
false
2007-10-18T15:17:00+01:00
10-tips-on-product-page-design-in-time-for-christmas
2009-04-29T21:11:35+01:00
2009-08-17T15:50:31+01:00
1778