<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>letscounthedays &#187; Detail Pages</title>
	<atom:link href="http://www.shayhowe.com/tag/detail-pages/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.shayhowe.com</link>
	<description>The Online Portfolio of Creative Professional Shay Howe</description>
	<lastBuildDate>Fri, 02 Dec 2011 15:15:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Detail Page Design</title>
		<link>http://www.shayhowe.com/web-design/detail-page-design/</link>
		<comments>http://www.shayhowe.com/web-design/detail-page-design/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 00:32:49 +0000</pubDate>
		<dc:creator>Shay Howe</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Detail Pages]]></category>
		<category><![CDATA[Resource]]></category>
		<category><![CDATA[Return On Investment (ROI)]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.shayhowe.com/?p=440</guid>
		<description><![CDATA[Visitors have made it to the detailed page after working through the category page, or even better a search engine. Either way it is not the time to relax conversion efforts, it is the time to put them into full effect.


Related posts:<ol><li><a href='http://www.shayhowe.com/web-design/category-page-design/' rel='bookmark' title='Permanent Link: Category Page Design'>Category Page Design</a></li>
<li><a href='http://www.shayhowe.com/web-design/designing-landing-pages/' rel='bookmark' title='Permanent Link: Landing Page Design'>Landing Page Design</a></li>
<li><a href='http://www.shayhowe.com/web-design/designing-home-pages/' rel='bookmark' title='Permanent Link: Home Page Design'>Home Page Design</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h1><a href="/web-design/detail-page-design/">Detail Pages: Designing Profitable Websites Part 4</a></h1>

<p>Finally, visitors have made it to the detailed page after working through the category page, or even better they came from a search engine. Either way now is not the time to relax conversion efforts, if anything, now is the time to put them into full effect. Getting visitors to commit to the process is the hardest part, however if you provide them with enough valued information including content, imagery, support, and desired call to action you are in good shape. Maintain your visitor's interest and seal the conversion.</p>

<p>Detail pages can easily make or break a sale thus making it critically important to keep these pages organized and maintain user attention, ultimately leading them to the conversion process. While working with detail pages take into measure the following:</p>

<h3>Outline detailed goals and guidelines.</h3>
<p>The ultimate goal behind any detail page is to <em>get visitors to make a purchase</em>, <em>accept an offe</em>r, or to move forward in the conversion process. In doing so you typically want to outline products or offer details, clear any confusion, promote sales and specials, and possibly supply alternative conversion procedure.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/1.jpg" alt="Utility Safeguard Page " /><span id="more-440"></span>

<h3>Be aware of, and address, visitor's questions.</h3>
<p>Detail pages need to be full of information, however presented in an appealing manner. Visitors are here because they are <em>interested in your product or services</em>, but chances are they still have quite a few questions like: Price? Main Features? Look?  How's it work? What does it include, if anything? Etc.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/2.jpg" alt="eLight Bulbs Clean" />

<h3>Detail pages should work as landing pages too.</h3>
<p>A good detail page should work as a landing page on top of being a detailed page. Reason being <em>users are known to search for specific products</em> thus leading them straight to the detailed page. Companies and organizations not capable of developing landing pages may even push advertised traffic to these pages.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/3.jpg" alt="Little Catwalk Landing" />

<h3>Avoid jumbling and disorder.</h3>
<p>While it is important to load up your detail page with relevant information it is possible to go too far, and often times detail pages do.  People are not interested in animated banner ads or today's weather. Make sure that they can <em>quickly find the offer</em> and <em>complete the desired call to action</em>.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/4.jpg" alt="Olive and Myrtle Layout" />

<h3>Maintain user attention and distinctly layout content.</h3>
<p>Perhaps the most important thing to do within a detail page is to maintain user attention. The moment you have lost them is the moment your conversion disappears. Maintaining attention is becoming more difficult with instant messaging and other online distractions, but <em>keeping your content layout distinctive</em> you will be able to focus user attention to the product or offer.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/5.jpg" alt="Zoke Coffee Layout" />

<h3>Use clean and pure images and media.</h3>
<p>This is very important! No one will make a purchase if your product or service looks the slight bit sketchy. Only <em>use the best photography</em> possible. Use videos or presentations to display products and services as long as it does not require users to leave the page or becomes obtrusive.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/6.jpg" alt="Shoe Guru Images" />

<h3>Display product or item in intended environment.</h3>
<p>Users are more likely to obtain a better understanding of a product if they can <em>see it in use or in its natural environment</em>. The best example of this is clothing. Picturing clothing on a flat surface doesn't give users an understanding of the fitting or shape, however on a model they are able to see new aspects.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/7.jpg" alt="Barrie Pace Image" />

<h3>Present procedure or success if applicable.</h3>
<p>If you are offering a service it may be difficult to present product images. In this case try to <em>display an image that best represents your service</em> procedure or success. For example, a tour guide could show clients enjoying their tour, a dentist could show images of pretty teeth, and so forth.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/8.jpg" alt="Carnival Cruise" />

<h3>Show multiple angles.</h3>
<p>Perhaps the best part about shopping is being able to pick up a product and truly examine it, however this is not possible online. Provide users with <em>multiple images</em> of a product including <em>front</em>, <em>back</em>, <em>side to side</em>, and perhaps a 360-degree view if possible. Users are interested in knowing what the a product really looks like and allowing them to see it and answering their questions gives them a full understanding.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/9.jpg" alt="Armani Angles" />

<h3>Provide straightforward and detailed headings.</h3>
<p>A straightforward and detailed heading will <em>remind visitors they are on the correct page</em>, as well as provide a strong search engine optimization effort.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/10.jpg" alt="North Face Title" />

<h3>List advantages and qualities.</h3>
<p>Visitors want to be able to quickly scan a product description to see if this is really what they are looking for. Providing a <em>list of advantages or qualities</em> of the specific product will only help. Before creating an extraneous list make sure you only list items that visitors will truly care about or items that will differentiate the product from others.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/11.jpg" alt="Dani Black List" />

<h3>Supply connected items or services.</h3>
<p>Using a "you may also like" or additional accessories to a detail page can increase the attraction to a product. It is important to make sure that the items shown are <em>relevant</em> and will be an <em>added value</em>. However keep in mind that this may also potentially distract users from the primary offer, so approach diligently.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/12.jpg" alt="Rugby Also Like" />

<h3>Promote sales and special offers noticeably.</h3>
<p>In this day and age people are trained to look for special promotions or offers, especially on the internet. Promote your sales and special offers <em>noticeably</em> and <em>distinctively</em> from the rest of the text on the page.  When doing so be sure to use legible and easily understood text.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/13.jpg" alt="RevZilla Promotions" />

<h3>Utilize appealing descriptions.</h3>
<p>Make your description an extension of the product itself. Do not go into rambling detail about how it is a car, has four tires, and an engine. <em>Describe the product with a deep and strong meaning</em> so that a user would understand it without even seeing it. Not everyone will read the description but the ones who do will be more inclined to complete the call to action.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/14.jpg" alt="Crocs Great Description" />

<h3>Integrate social response options.</h3>
<p>More and more websites are integrating the option for users to leave comments, reviews, rate products, and view the number of downloads or views. With the popularity of these social feedback options on the rise users are beginning to look for them, and since they do provide an outside source recognized to be impartial <em>they provide added support</em> to detailed pages.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/15.jpg" alt="Narien Teas Social Reviews" />

<h3>Use a clear and uncomplicated call to action or purchase process.</h3>
<p>When it comes to the call to action or purchase process make sure to have a <em>clear and uncomplicated layout</em> insuring that users will not pass over it. For example, when selling t-shirts online provide option selections for size and color readily, as well as intelligible placement for the "Add to Cart" or "Purchase" button. This will clean up the call to action making it easier to understand for users.</p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/16.jpg" alt="eFoot Ware Call to Action" />

<h3>Show product availability.</h3>
<p>A lot of companies will only show the availability of a product once it is added to the shopping cart or worse once the product is purchased. The <em>best place for product availability is on the detail page</em> itself. This will keep users informed and avoid them from having to go through the aggravation of finding out a product is unavailable. </p>
<img src="http://www.shayhowe.com/wp-content/themes/letscounthedays/articles/detail-pages/17.jpg" alt="Tokyo Cube Availability" />

<p>Related posts:<ol><li><a href='http://www.shayhowe.com/web-design/category-page-design/' rel='bookmark' title='Permanent Link: Category Page Design'>Category Page Design</a></li>
<li><a href='http://www.shayhowe.com/web-design/designing-landing-pages/' rel='bookmark' title='Permanent Link: Landing Page Design'>Landing Page Design</a></li>
<li><a href='http://www.shayhowe.com/web-design/designing-home-pages/' rel='bookmark' title='Permanent Link: Home Page Design'>Home Page Design</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.shayhowe.com/web-design/detail-page-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

