<?xml version="1.0" encoding="UTF-8"?>
<blog-post>
  <author-id type="integer">6683</author-id>
  <blog-comments-count type="integer">3</blog-comments-count>
  <blog-post-status-id type="integer">3</blog-post-status-id>
  <body-format>econsultancy_xml</body-format>
  <body-formatted>
  &lt;ul&gt;
    &lt;li&gt;
      &lt;strong&gt;
        &lt;em&gt;Use professional quality images&lt;/em&gt;
      &lt;/strong&gt;&#8211; Mrudula says improved photos have been known to &lt;em&gt;more than double conversion rates &lt;/em&gt;for some etailers. &lt;a href="http://www.hotelchocolat.com"&gt;Hotel Chocolat&lt;/a&gt; is one&#160;firm using&#160;high-quality photos to differentiate its online offering.&#160; &lt;/li&gt;
  &lt;/ul&gt;
  &lt;p&gt;
    &lt;a href="http://www.hotelchocolat.com"&gt;
      &lt;img alt="Hotel Chocolat product page" height="271" src="http://farm3.static.flickr.com/2035/1858714403_e5c2a15300_o.jpg" width="448" /&gt;
    &lt;/a&gt;
    &lt;br /&gt;
    &lt;br /&gt;
  &lt;/p&gt;
  &lt;p&gt;&#160;&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;
      &lt;em&gt;
        &lt;strong&gt;Provide alternate and detailed views&lt;/strong&gt;
      &lt;/em&gt;&#8211; the next best thing to viewing items in the flesh.&#160;Videos and 3D animations can also help present more complex products.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;
        &lt;em&gt;Make images enlargeable&lt;/em&gt;
      &lt;/strong&gt;&#8211; many etailers benefit from allowing shoppers to take a closer look at their products, typically in a pop-up window.&#160;&lt;a href="http://www.lauraashley.com/invt/3372027&amp;amp;bklist="&gt;Laura Ashley&lt;/a&gt;&#160;is an example -&#160;as is &lt;a href="http://www.empiredirect.co.uk/content/products/details/index~modelcode~SAM-LE26R87BDX.htm"&gt;Empire Direct&lt;/a&gt;, which has a whizzy Ajax product gallery function but only has&#160;single&#160;images for much of its selection. &lt;br /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;
        &lt;em&gt;Optimise images for downloading&lt;/em&gt;
      &lt;/strong&gt;&#8211; consumers won&#8217;t hang about it you don&#8217;t.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;
        &lt;em&gt;Provide proportionate detail&lt;/em&gt;
      &lt;/strong&gt;&#8211; crop images when displaying them as thumbnails on home and/or category pages.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;
        &lt;em&gt;Provide scale and context&lt;/em&gt;
      &lt;/strong&gt;&#8211; show the product&#8217;s size by using human models, as well as its context of use. &lt;br /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;
        &lt;em&gt;Show it all&lt;/em&gt;
      &lt;/strong&gt;&#8211; display all accessories and components so shoppers can see what they&#8217;re buying.&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;
    &lt;li&gt;
      &lt;strong&gt;
        &lt;em&gt;Make them relevant&lt;/em&gt;
      &lt;/strong&gt;&#8211; don&#8217;t confuse or annoy customers by displaying pictures that aren&#8217;t connected to the text alongside them. &lt;/li&gt;
  &lt;/ul&gt;
  &lt;p&gt;For further thoughts on allowing online&#160;shoppers to&#160;&#8216;get a feel of&#8217; products - not just through photography but also through alternative delivery/refunding&#160;models - see our &lt;a href="/blog/1659-interview-webtogs-founder-james-balmain"&gt;recent&#160;interview with Webtogs founder James Balmain&lt;/a&gt;.&lt;/p&gt;
</body-formatted>
  <body-unformatted>&lt;FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"&gt;
  &lt;List Type="Disc"&gt;
    &lt;ListItem&gt;
      &lt;Emphasis&gt;
        &lt;Quote&gt;Use professional quality images&lt;/Quote&gt;
      &lt;/Emphasis&gt;&#8211; Mrudula says improved photos have been known to &lt;Quote&gt;more than double conversion rates &lt;/Quote&gt;for some etailers. &lt;Link URL="http://www.hotelchocolat.com" Window="Self"&gt;Hotel Chocolat&lt;/Link&gt; is one&#160;firm using&#160;high-quality photos to differentiate its online offering.&#160; &lt;/ListItem&gt;
  &lt;/List&gt;
  &lt;Paragraph Align="Center"&gt;
    &lt;Link URL="http://www.hotelchocolat.com" Window="Self"&gt;
      &lt;Image AlternateText="Hotel Chocolat product page" Source="http://farm3.static.flickr.com/2035/1858714403_e5c2a15300_o.jpg" Width="448" Height="271"&gt;
      &lt;/Image&gt;
    &lt;/Link&gt;
    &lt;LineBreak /&gt;
    &lt;LineBreak /&gt;
  &lt;/Paragraph&gt;
  &lt;Paragraph&gt;&#160;&lt;/Paragraph&gt;
  &lt;List Type="Disc"&gt;
    &lt;ListItem&gt;
      &lt;Quote&gt;
        &lt;Emphasis&gt;Provide alternate and detailed views&lt;/Emphasis&gt;
      &lt;/Quote&gt;&#8211; the next best thing to viewing items in the flesh.&#160;Videos and 3D animations can also help present more complex products.&lt;LineBreak /&gt;&lt;LineBreak /&gt;&lt;/ListItem&gt;
    &lt;ListItem&gt;
      &lt;Emphasis&gt;
        &lt;Quote&gt;Make images enlargeable&lt;/Quote&gt;
      &lt;/Emphasis&gt;&#8211; many etailers benefit from allowing shoppers to take a closer look at their products, typically in a pop-up window.&#160;&lt;Link URL="http://www.lauraashley.com/invt/3372027&amp;amp;bklist=" Window="Self"&gt;Laura Ashley&lt;/Link&gt;&#160;is an example -&#160;as is &lt;Link URL="http://www.empiredirect.co.uk/content/products/details/index~modelcode~SAM-LE26R87BDX.htm" Window="Self"&gt;Empire Direct&lt;/Link&gt;, which has a whizzy Ajax product gallery function but only has&#160;single&#160;images for much of its selection. &lt;LineBreak /&gt;&lt;LineBreak /&gt;&lt;/ListItem&gt;
    &lt;ListItem&gt;
      &lt;Emphasis&gt;
        &lt;Quote&gt;Optimise images for downloading&lt;/Quote&gt;
      &lt;/Emphasis&gt;&#8211; consumers won&#8217;t hang about it you don&#8217;t.&lt;LineBreak /&gt;&lt;LineBreak /&gt;&lt;/ListItem&gt;
    &lt;ListItem&gt;
      &lt;Emphasis&gt;
        &lt;Quote&gt;Provide proportionate detail&lt;/Quote&gt;
      &lt;/Emphasis&gt;&#8211; crop images when displaying them as thumbnails on home and/or category pages.&lt;LineBreak /&gt;&lt;LineBreak /&gt;&lt;/ListItem&gt;
    &lt;ListItem&gt;
      &lt;Emphasis&gt;
        &lt;Quote&gt;Provide scale and context&lt;/Quote&gt;
      &lt;/Emphasis&gt;&#8211; show the product&#8217;s size by using human models, as well as its context of use. &lt;LineBreak /&gt;&lt;LineBreak /&gt;&lt;/ListItem&gt;
    &lt;ListItem&gt;
      &lt;Emphasis&gt;
        &lt;Quote&gt;Show it all&lt;/Quote&gt;
      &lt;/Emphasis&gt;&#8211; display all accessories and components so shoppers can see what they&#8217;re buying.&lt;LineBreak /&gt;&lt;LineBreak /&gt;&lt;/ListItem&gt;
    &lt;ListItem&gt;
      &lt;Emphasis&gt;
        &lt;Quote&gt;Make them relevant&lt;/Quote&gt;
      &lt;/Emphasis&gt;&#8211; don&#8217;t confuse or annoy customers by displaying pictures that aren&#8217;t connected to the text alongside them. &lt;/ListItem&gt;
  &lt;/List&gt;
  &lt;Paragraph&gt;For further thoughts on allowing online&#160;shoppers to&#160;&#8216;get a feel of&#8217; products - not just through photography but also through alternative delivery/refunding&#160;models - see our &lt;Link URL="/blog/1659-interview-webtogs-founder-james-balmain" Window="Self"&gt;recent&#160;interview with Webtogs founder James Balmain&lt;/Link&gt;.&lt;/Paragraph&gt;
&lt;/FormattedContent&gt;</body-unformatted>
  <created-at type="datetime">2007-11-04T07:21:00+00:00</created-at>
  <enabled-blog-comments-count type="integer">3</enabled-blog-comments-count>
  <expertise-level-id type="integer">1</expertise-level-id>
  <extract-format>econsultancy_xml</extract-format>
  <extract-formatted>
  &lt;p&gt;
    &lt;a href="http://www.webcredible.co.uk/user-friendly-resources/web-usability/images-ecommerce.shtml"&gt;
      &lt;strong&gt;Webcredible&#8217;s Mrudula Kodali&lt;/strong&gt;
    &lt;/a&gt;
    &lt;strong&gt;has published&#160;some&#160;handy tips&#160;for using photography in e-commerce &#8211; an issue etailers are increasingly&#160;grappling with&#160;as competition increases and search engines display more multimedia results.&lt;/strong&gt;
  &lt;/p&gt;
  &lt;p&gt;Mrudula says photos can help consumers get a better feel of products on offer, but have to&#160;"&lt;em&gt;work hard" &lt;/em&gt;to overcome the web's&#160;limitations&lt;em&gt;.&lt;/em&gt;&lt;/p&gt;
  &lt;p&gt;
    &lt;em&gt;See&#160;a brief run-through of her suggestions after the jump:&lt;/em&gt;
  &lt;/p&gt;
</extract-formatted>
  <extract-unformatted>&lt;FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"&gt;
  &lt;Paragraph&gt;
    &lt;Link URL="http://www.webcredible.co.uk/user-friendly-resources/web-usability/images-ecommerce.shtml" Window="Self"&gt;
      &lt;Emphasis&gt;Webcredible&#8217;s Mrudula Kodali&lt;/Emphasis&gt;
    &lt;/Link&gt;
    &lt;Emphasis&gt;has published&#160;some&#160;handy tips&#160;for using photography in e-commerce &#8211; an issue etailers are increasingly&#160;grappling with&#160;as competition increases and search engines display more multimedia results.&lt;/Emphasis&gt;
  &lt;/Paragraph&gt;
  &lt;Paragraph&gt;Mrudula says photos can help consumers get a better feel of products on offer, but have to&#160;"&lt;Quote&gt;work hard" &lt;/Quote&gt;to overcome the web's&#160;limitations&lt;Quote&gt;.&lt;/Quote&gt;&lt;/Paragraph&gt;
  &lt;Paragraph&gt;
    &lt;Quote&gt;See&#160;a brief run-through of her suggestions after the jump:&lt;/Quote&gt;
  &lt;/Paragraph&gt;
&lt;/FormattedContent&gt;</extract-unformatted>
  <featured type="boolean">false</featured>
  <id type="integer">1901</id>
  <learn-more-formatted nil="true"></learn-more-formatted>
  <learn-more-unformatted nil="true"></learn-more-unformatted>
  <legacy-article-id type="integer">364515</legacy-article-id>
  <name>How to use images to increase conversion</name>
  <private type="boolean">false</private>
  <published-at type="datetime">2007-11-05T12:00:00+00:00</published-at>
  <slug>how-to-use-images-to-increase-conversion</slug>
  <tweetbacks-updated-at type="datetime">2009-04-29T20:41:12+01:00</tweetbacks-updated-at>
  <unpublished-at type="datetime" nil="true"></unpublished-at>
  <updated-at type="datetime">2009-04-29T20:41:12+01:00</updated-at>
  <views-count type="integer">376</views-count>
</blog-post>
