42244
11
1
html
<p>Some retailers, such as Next, TopShop and ASOS, have opted for text links, which also shows the number of items in the basket, and on Next, the total amount to pay. </p>
<p>These links are all in the top right of the screen, and this is the
case with all of the examples here. Online shoppers have become
accustomed to this convention, and it makes little sense to move the
link elsewhere.</p>
<p><strong>T</strong><strong>hese three links tend to blend into the background, </strong>especially in the TopShop example. It could be argued that these links, which are important <a href="http://econsultancy.com/blog/4064-call-to-action-button-design">calls to action</a> after all, should be made clearer and more visually appealing.</p>
<p><strong>Next:</strong></p>
<p><img alt="Next basket link" height="186" src="http://farm3.static.flickr.com/2667/3904074704_9335d53229_o.jpg" width="411" /></p>
<p><strong>ASOS:</strong></p>
<p><img alt="ASOS link" height="150" src="http://farm3.static.flickr.com/2573/3903295019_bff5eb0e59_o.jpg" width="360" /></p>
<p><strong>TopShop:</strong></p>
<p><img alt="" height="172" src="http://farm3.static.flickr.com/2465/3904075776_651b999b43_o.jpg" width="450" /></p>
<p>In the examples below from Amazon, Comet and Argos the basket link has been enhanced by the basket icon, which <strong>offers more of a visual cue for shoppers</strong>. </p>
<p>Amazon's basket link is relatively subtle, and blends into the blue background, but at least the basket icon catches the eye. The same applies to Comet and Argos, and all three could be clearer.</p>
<p><strong>Amazon:</strong></p>
<p><img alt="Amazon basket link" height="166" src="http://farm3.static.flickr.com/2431/3903293799_d5684ee70e_o.jpg" width="415" /></p>
<p><strong>Argos:</strong></p>
<p><img alt="" height="153" src="http://farm4.static.flickr.com/3495/3904073914_4a880bf9e3_o.jpg" width="440" /></p>
<p><strong>Comet:</strong></p>
<p><img alt="" height="157" src="http://farm3.static.flickr.com/2543/3903295589_6f5747dd5f_o.jpg" width="460" /></p>
<p>In the example below from Play.com, by devoting more space to the basket link, using the icon and adding a highly visible checkout link, it has been made a lot clearer.</p>
<p><strong>Play.com:</strong></p>
<p><img alt="Play.com basket icon" height="152" src="http://farm3.static.flickr.com/2495/3903294213_a9ffa410f0_o.jpg" width="422" /></p>
<p>Indicating the number of items in the shopping basket and the total value of goods is useful for shoppers as they go along, as well as being a helpful reminder for returning visitors. </p>
<p>Tesco, HMV, M&S and B&Q all provide information on the products which have been added to the basket, B&Q does this via a drop-down display from the basket link, while the other three have the contents permanently on display at the right hand side of the page. </p>
<p>Tesco's basket link on the top right isn't so clear, but the contents are summarised below, with a call to action that stands out. M&S goes further by offering visual reminders of the contents, while shoppers can edit the contents without going to the full basket page.</p>
<p><strong>Tesco:</strong></p>
<p><img alt="" height="429" src="http://farm4.static.flickr.com/3472/3903294461_d30f939971_o.jpg" width="348" /></p>
<p>Marks & Spencer</p>
<p><img alt="" height="418" src="http://farm3.static.flickr.com/2488/3903294641_77a9aca02f_o.jpg" width="324" /></p>
<p> </p>
<p>B&Q</p>
<p><img alt="" height="280" src="http://farm3.static.flickr.com/2598/3904075074_72c1dbc8f0_o.jpg" width="302" /></p>
<p> </p>
<p>HMV</p>
<p><img alt="" height="449" src="http://farm3.static.flickr.com/2501/3904075308_ddb1d5e18a_o.jpg" width="330" /></p>
<p> </p>
<p><strong>Having looked at several well known retailers' sites, most seem to use similar links to those shown above, but there are other ways of showing the basket link and its contents. <br /></strong></p>
<p>US retailer Crate & Barrel provides one such example. It links to the checkout at the top right of the page, but also has a Flash bar which remains pinned to the foot of each page as you navigate through the site, though it can be minimised to allow you to see more of the page. </p>
<p>This gives shoppers information of the number of items in the basket, and the total cost, and also provides a useful visual reminder of the products waiting to be purchased: </p>
<p><strong>Crate & Barrel:</strong></p>
<p><img alt="" height="156" src="http://farm3.static.flickr.com/2555/3903293565_1a93e54b13_o.jpg" width="460" /></p>
<p>Other ideas include encouraging customers to spend more to <a href="http://econsultancy.com/blog/2869-offering-free-delivery-then-shout-about-it">qualify for free delivery</a> by including this information in the basket summary, which is something Borders does for example.</p>
<p>Also, if users need to add a certain number of items before they can place on order, as on wine retailers' sites for example, then a reminder next to the shopping cart link is a good idea. </p>
<p>It's about making it as easy as possible for customers to buy from your site, so<strong> </strong>whether you choose to providing a summary of the contents or not, <strong>basket links should stand out clearly</strong> and shoppers shouldn't have to work too hard to find them. <strong><br /></strong></p>
<p>Some retailers, such as Next, TopShop and ASOS, have opted for text links, which also shows the number of items in the basket, and on Next, the total amount to pay. </p>
<p>These links are all in the top right of the screen, and this is the
case with all of the examples here. Online shoppers have become
accustomed to this convention, and it makes little sense to move the
link elsewhere.</p>
<p><strong>T</strong><strong>hese three links tend to blend into the background, </strong>especially in the TopShop example. It could be argued that these links, which are important <a href="http://econsultancy.com/blog/4064-call-to-action-button-design">calls to action</a> after all, should be made clearer and more visually appealing.</p>
<p><strong>Next:</strong></p>
<p><img src="http://farm3.static.flickr.com/2667/3904074704_9335d53229_o.jpg" alt="Next basket link" width="411" height="186" /></p>
<p><strong>ASOS:</strong></p>
<p><img src="http://farm3.static.flickr.com/2573/3903295019_bff5eb0e59_o.jpg" alt="ASOS link" width="360" height="150" /></p>
<p><strong>TopShop:</strong></p>
<p><img src="http://farm3.static.flickr.com/2465/3904075776_651b999b43_o.jpg" alt="" width="450" height="172" /></p>
<p>In the examples below from Amazon, Comet and Argos the basket link has been enhanced by the basket icon, which <strong>offers more of a visual cue for shoppers</strong>. </p>
<p>Amazon's basket link is relatively subtle, and blends into the blue background, but at least the basket icon catches the eye. The same applies to Comet and Argos, and all three could be clearer.</p>
<p><strong>Amazon:</strong></p>
<p><img src="http://farm3.static.flickr.com/2431/3903293799_d5684ee70e_o.jpg" alt="Amazon basket link" width="415" height="166" /></p>
<p><strong>Argos:</strong></p>
<p><img src="http://farm4.static.flickr.com/3495/3904073914_4a880bf9e3_o.jpg" alt="" width="440" height="153" /></p>
<p><strong>Comet:</strong></p>
<p><img src="http://farm3.static.flickr.com/2543/3903295589_6f5747dd5f_o.jpg" alt="" width="460" height="157" /></p>
<p>In the example below from Play.com, by devoting more space to the basket link, using the icon and adding a highly visible checkout link, it has been made a lot clearer.</p>
<p><strong>Play.com:</strong></p>
<p><img src="http://farm3.static.flickr.com/2495/3903294213_a9ffa410f0_o.jpg" alt="Play.com basket icon" width="422" height="152" /></p>
<p>Indicating the number of items in the shopping basket and the total value of goods is useful for shoppers as they go along, as well as being a helpful reminder for returning visitors. </p>
<p>Tesco, HMV, M&S and B&Q all provide information on the products which have been added to the basket, B&Q does this via a drop-down display from the basket link, while the other three have the contents permanently on display at the right hand side of the page. </p>
<p>Tesco's basket link on the top right isn't so clear, but the contents are summarised below, with a call to action that stands out. M&S goes further by offering visual reminders of the contents, while shoppers can edit the contents without going to the full basket page.</p>
<p><strong>Tesco:</strong></p>
<p><img src="http://farm4.static.flickr.com/3472/3903294461_d30f939971_o.jpg" alt="" width="348" height="429" /></p>
<p>Marks & Spencer</p>
<p><img src="http://farm3.static.flickr.com/2488/3903294641_77a9aca02f_o.jpg" alt="" width="324" height="418" /></p>
<p> </p>
<p>B&Q</p>
<p><img src="http://farm3.static.flickr.com/2598/3904075074_72c1dbc8f0_o.jpg" alt="" width="302" height="280" /></p>
<p> </p>
<p>HMV</p>
<p><img src="http://farm3.static.flickr.com/2501/3904075308_ddb1d5e18a_o.jpg" alt="" width="330" height="449" /></p>
<p> </p>
<p><strong>Having looked at several well known retailers' sites, most seem to use similar links to those shown above, but there are other ways of showing the basket link and its contents. <br /></strong></p>
<p>US retailer Crate & Barrel provides one such example. It links to the checkout at the top right of the page, but also has a Flash bar which remains pinned to the foot of each page as you navigate through the site, though it can be minimised to allow you to see more of the page. </p>
<p>This gives shoppers information of the number of items in the basket, and the total cost, and also provides a useful visual reminder of the products waiting to be purchased: </p>
<p><strong>Crate & Barrel:</strong></p>
<p><img src="http://farm3.static.flickr.com/2555/3903293565_1a93e54b13_o.jpg" alt="" width="460" height="156" /></p>
<p>Other ideas include encouraging customers to spend more to <a href="http://econsultancy.com/blog/2869-offering-free-delivery-then-shout-about-it">qualify for free delivery</a> by including this information in the basket summary, which is something Borders does for example.</p>
<p>Also, if users need to add a certain number of items before they can place on order, as on wine retailers' sites for example, then a reminder next to the shopping cart link is a good idea. </p>
<p>It's about making it as easy as possible for customers to buy from your site, so<strong> </strong>whether you choose to providing a summary of the contents or not, <strong>basket links should stand out clearly</strong> and shoppers shouldn't have to work too hard to find them. <strong><br /></strong></p>
2009-09-09T15:16:28+01:00
6
1
html
<p><strong>Shopping basket/cart links and icons need to catch the attention of shoppers, and should help them to find the link to review the contents and make a purchase. </strong></p>
<p>There are a number of ways of displaying the basket link, from a simple text link to permanent basket icon showing the contents and total value. I've been looking at a few examples from a selection of UK etailers...</p>
<p><strong>Shopping basket/cart links and icons need to catch the attention of shoppers, and should help them to find the link to review the contents and make a purchase. </strong></p>
<p>There are a number of ways of displaying the basket link, from a simple text link to permanent basket icon showing the contents and total value. I've been looking at a few examples from a selection of UK etailers...</p>
false
4581
<p><strong>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> and <a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">Online
Retail Checkout Special</a>.</strong></p>
<p><strong>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> and <a href="http://econsultancy.com/reports/online-retail-2007-checkout-special">Online
Retail Checkout Special</a>.</strong></p>
What is the best way to display shopping basket links?
false
2009-09-10T14:52:00+01:00
what-is-the-best-way-to-display-shopping-basket-links
2009-09-21T19:23:42+01:00
2910