<?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>Variable Markup &#187; design</title>
	<atom:link href="http://www.variablemarkup.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.variablemarkup.com</link>
	<description>Retail Software Blog - Improving customer experience through technology</description>
	<lastBuildDate>Wed, 29 Sep 2010 00:10:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Heat Maps to Test Your Ecommerce Site Design via Feng GUI</title>
		<link>http://www.variablemarkup.com/2008/02/16/heat-maps-to-test-your-ecommerce-site-design-via-feng-gui/</link>
		<comments>http://www.variablemarkup.com/2008/02/16/heat-maps-to-test-your-ecommerce-site-design-via-feng-gui/#comments</comments>
		<pubDate>Sun, 17 Feb 2008 02:42:59 +0000</pubDate>
		<dc:creator>Michael Julson</dc:creator>
				<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[eye tracking]]></category>
		<category><![CDATA[heatmap]]></category>

		<guid isPermaLink="false">http://www.variablemarkup.com/2008/02/16/heat-maps-to-test-your-ecommerce-site-design-via-feng-gui/</guid>
		<description><![CDATA[I came across a useful free tool for creating heatmaps of your website design at Feng Gui.   The site allows<a href="http://www.variablemarkup.com/2008/02/16/heat-maps-to-test-your-ecommerce-site-design-via-feng-gui/" class="searchmore">Read the Rest...</a><div class="clr"></div>]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-128" href="http://www.variablemarkup.com/2008/02/16/heat-maps-to-test-your-ecommerce-site-design-via-feng-gui/128/" title="Amazon Ecommerce Heatmap"><img src="http://www.variablemarkup.com/wp-content/uploads/2008/02/amazon_heatmap1.png" alt="Amazon Ecommerce Heatmap" /></a></p>
<p>I came across a useful free tool for creating heatmaps of your website design at <a target="_blank" href="http://www.feng-gui.com/default.aspx">Feng Gui</a>.   The site allows you to type in your url or upload an image and it creates a heatmap based on what it thinks a real human would be most likely to look at.  The application uses a ViewFinder algorithm to create a saliency map based on objects in the field of view that stand out relative to neighboring items. <br />
<span id="more-127"></span><br />
Recently Feng GUI released the results of a study that they say proves the accuracy of the application.  According to the study, the heat maps produced capture 70% of what a traditional eye and mouse tracking application would show. </p>
<p>I see this tool being useful for early and often testing of new layouts and designs.  Because it&#8217;s much quicker and cheaper than running a eye tracking test with multiple subjects, you can use this application at each iteration of a design to see if you are getting the desired results.   I don&#8217;t think it can be a true replacement for eye tracking, as the heat map only produces a static moment in time showing the highest areas of interest.   It doesn&#8217;t give you any insight whether humans will have difficulty navigating your site, understanding your product details pages or filling out the checkout form at the end of a transaction. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.variablemarkup.com/2008/02/16/heat-maps-to-test-your-ecommerce-site-design-via-feng-gui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Reference Released by Sitepoint</title>
		<link>http://www.variablemarkup.com/2008/02/12/css-reference-released-by-sitepoint/</link>
		<comments>http://www.variablemarkup.com/2008/02/12/css-reference-released-by-sitepoint/#comments</comments>
		<pubDate>Tue, 12 Feb 2008 14:42:11 +0000</pubDate>
		<dc:creator>Michael Julson</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.variablemarkup.com/2008/02/12/css-reference-released-by-sitepoint/</guid>
		<description><![CDATA[Sitepoint, one of my favorite web design communities just released a CSS Reference -http://reference.sitepoint.com/css for looking up syntax and semantics for<a href="http://www.variablemarkup.com/2008/02/12/css-reference-released-by-sitepoint/" class="searchmore">Read the Rest...</a><div class="clr"></div>]]></description>
			<content:encoded><![CDATA[<p>Sitepoint, one of my favorite web design communities just released a CSS Reference -<a target="_blank" href="http://reference.sitepoint.com/css">http://reference.sitepoint.com/css</a> for looking up syntax and semantics for CSS. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.variablemarkup.com/2008/02/12/css-reference-released-by-sitepoint/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free report on designing websites for users with disabilities</title>
		<link>http://www.variablemarkup.com/2008/01/08/free-report-on-designing-websites-for-users-with-disabilities/</link>
		<comments>http://www.variablemarkup.com/2008/01/08/free-report-on-designing-websites-for-users-with-disabilities/#comments</comments>
		<pubDate>Tue, 08 Jan 2008 17:13:00 +0000</pubDate>
		<dc:creator>Michael Julson</dc:creator>
				<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Retail]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[disabilities]]></category>

		<guid isPermaLink="false">http://www.variablemarkup.com/2008/01/08/free-report-on-designing-websites-for-users-with-disabilities/</guid>
		<description><![CDATA[While surfing I came across Beyond Alt Text:  Making the Web Easy to Use for Users With Disabilitiesfrom the Nielsen Norman<a href="http://www.variablemarkup.com/2008/01/08/free-report-on-designing-websites-for-users-with-disabilities/" class="searchmore">Read the Rest...</a><div class="clr"></div>]]></description>
			<content:encoded><![CDATA[<p>While surfing I came across <a target="_blank" href="http://www.nngroup.com/reports/accessibility/">Beyond Alt Text:  Making the Web Easy to Use for Users With Disabilities</a>from the Nielsen Norman Group.   It&#8217;s normally $124, but they are giving it away for free for the holidays.   Accessibility design has become increasingly important over the last few years with ecommerce websites due to rulings in the courts that sites such as Target.com must be accessible.   </p>
<p> It&#8217;s a good time in the year to look at your site and determine if you are compliant. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.variablemarkup.com/2008/01/08/free-report-on-designing-websites-for-users-with-disabilities/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mashup App for Tracking Top Ecommerce Sites for Design Analysis &amp; Best Practices</title>
		<link>http://www.variablemarkup.com/2007/12/13/mashup-app-for-tracking-top-ecommerce-sites-for-design-analysis-best-practices/</link>
		<comments>http://www.variablemarkup.com/2007/12/13/mashup-app-for-tracking-top-ecommerce-sites-for-design-analysis-best-practices/#comments</comments>
		<pubDate>Fri, 14 Dec 2007 03:02:02 +0000</pubDate>
		<dc:creator>Michael Julson</dc:creator>
				<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Retail]]></category>
		<category><![CDATA[Social Networking]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[backlinks]]></category>
		<category><![CDATA[blogosphere]]></category>
		<category><![CDATA[compete]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Mashup]]></category>
		<category><![CDATA[page rank]]></category>
		<category><![CDATA[ratings]]></category>
		<category><![CDATA[reviews]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[Sites]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[spiders]]></category>
		<category><![CDATA[Top]]></category>
		<category><![CDATA[track]]></category>
		<category><![CDATA[zoominfo]]></category>

		<guid isPermaLink="false">http://www.variablemarkup.com/2007/12/13/mashup-app-for-tracking-top-ecommerce-sites-for-design-analysis-best-practices/</guid>
		<description><![CDATA[I haven&#8217;t been writing much over the past couple weeks because I&#8217;ve been focused on developing a new mashup app<a href="http://www.variablemarkup.com/2007/12/13/mashup-app-for-tracking-top-ecommerce-sites-for-design-analysis-best-practices/" class="searchmore">Read the Rest...</a><div class="clr"></div>]]></description>
			<content:encoded><![CDATA[<p>I haven&#8217;t been writing much over the past couple weeks because I&#8217;ve been focused on developing a new mashup app that will track the top 500+ ecommerce sites on the web.    Trying to keep up with what the top companies are doing is always a difficult and time consuming task so I decided to pull information together in one place.   I&#8217;ve written a few spiders as well as some mashup code with Compete, ZoomInfo, and Google API&#8217;s to build a dossier on each of the best sites. </p>
<p>Please check out <a href="http://www.variablemarkup.com/top-ecommerce-sites/" title="Top Ecommerce Sites">The Top Ecommerce Sites </a>and let me know what you think. </p>
<p>Currently I&#8217;m tracking on each site:</p>
<ul>
<li>Snapshots of the home page</li>
<li>Google Page Rank</li>
<li>Backlinks from major search engines</li>
<li>Traffic via <a target="_blank" href="http://www.compete.com/" title="Compete Analytics">Compete</a></li>
<li>Company data from <a target="_blank" href="http://www.zoominfo.com/" title="ZoomInfo Business Data">ZoomInfo</a></li>
<li>Types of technology used and sizes (i.e. html, images, flash, javascript)</li>
<li>User submitted comments and reviews</li>
<li>1-5 Star ratings submitted by users</li>
<li>References in the Blogosphere</li>
<li>Google News</li>
</ul>
<p><span id="more-82"></span><br />
I plan to track in the future:</p>
<ul>
<li>Catalog features of each site (i.e. Reviews, social aspects, single page checkout)</li>
<li>Stock &amp; finance information</li>
<li>Other traffic sources</li>
<li>Open jobs</li>
<li>Competitors</li>
<li>Snapshots of other pages like product detail for historical reviews</li>
</ul>
<p>The site, data, and code is still beta, so problems may come up.  If you see any, please send me a note of what you see and I&#8217;ll look into fixing it. </p>
<p>Please contribute to the resource by rating and writing a review for some of the sites.  I&#8217;m primarily looking for thoughts on design, SEO, structure and ability of the sites.   If you have a blog or website, the reviews are set to follow, so in exchange for your review, you&#8217;ll get get a link back to your site.   Every comment is moderated for spam and foul language prior to it being published. </p>
<p>If you have any thoughts, ideas on features or api&#8217;s that would be useful, or questions you would like to ask, please send me an email (link in the sidebar).</p>
<p>Last, a note of thanks out to Suresh.  I appreciate your help during late nights and weekends helping me put this together.    It&#8217;s appreciated.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.variablemarkup.com/2007/12/13/mashup-app-for-tracking-top-ecommerce-sites-for-design-analysis-best-practices/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Barnes &amp; Noble Refreshes Site</title>
		<link>http://www.variablemarkup.com/2007/10/17/barnes-noble-refreshes-site/</link>
		<comments>http://www.variablemarkup.com/2007/10/17/barnes-noble-refreshes-site/#comments</comments>
		<pubDate>Wed, 17 Oct 2007 22:17:27 +0000</pubDate>
		<dc:creator>Michael Julson</dc:creator>
				<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[Retail]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[product cloud]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.variablemarkup.com/2007/10/17/barnes-noble-refreshes-site/</guid>
		<description><![CDATA[Barnes &#38; Noble refreshed their website recently and some of the additions are useful but overall falls short.    When you<a href="http://www.variablemarkup.com/2007/10/17/barnes-noble-refreshes-site/" class="searchmore">Read the Rest...</a><div class="clr"></div>]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-63" href="http://www.variablemarkup.com/2007/10/17/barnes-noble-refreshes-site/bncom-refresh/" title="bncom refresh"><img src="http://www.variablemarkup.com/wp-content/uploads/2007/10/bncom.jpg" alt="bncom refresh" /></a></p>
<p>Barnes &amp; Noble refreshed their website recently and some of the additions are useful but overall falls short.    When you reach the refreshed site, a 1/3 of the page is dedicated to B&amp;N picks presented in a scrolling flash window.  Unfortunately, you are only given a pause button instead of back/forward/skip a page controls.  This leads to problems when you are interested in an item and you don&#8217;t get your mouse up to it quick enough, it&#8217;s off the page and you have to wait for a full rotation to get back to it.   It&#8217;s also dissappointing that in 2007 the picks are selections chosen by BN without any regard to who I am. <span id="more-64"></span></p>
<p>Another item of interest is the product cloud at the bottom showing the &#8220;Most Popular Search Terms&#8221;.   I don&#8217;t know how much others find this useful, but I&#8217;m really into tag clouds.  It&#8217;s useful to determine what&#8217;s hot in the space the cloud is segregated to. </p>
<p>The problem with the implementation is that it&#8217;s only on the main page and it had search terms from the whole site.    I find it odd to see Halo, Harry Potter, Pulp Fiction and The Wisdom of Menopause all of the same popularity/importance presented to me.   On the main page, this is fine although not very useful.  But when I go to the landing page for the Computing &amp; Internet category (or any other), there&#8217;s no product cloud.   This is where I think it has the most power.  First let me the consumer tell you a little bit about what I&#8217;m interested in.   Then present the hot areas that other people have been looking for confined to my area of interest.  In that context, it becomes an invitation for me to explore further that I probably didn&#8217;t intend to explore before. </p>
<p>Customer reviews are still no where to be found.  I don&#8217;t get it.</p>
<p>I don&#8217;t know if they always had this, but I noticed that they have an option to purchase the books used from other resellers.   I&#8217;ve never found this feature to be that great on Amazon as I normally buy 5-10 books at a time online and I don&#8217;t want them coming from 3-7 places.   I would have much preferred to see customer reviews than this feature.</p>
<p>Lastly, I don&#8217;t know that it has any relation to this refresh, but <a target="_blank" href="http://www.cio.co.uk/news/index.cfm?RSS&amp;ArticleID=2057">BN teamed up</a> with <a target="_blank" href="http://www.digby.com">Digby</a> to offer their books via mobile ecommerce on Blackberry&#8217;s.   A special Blackberry applet needs to be downloaded to puruse the catalog and purchase.  I&#8217;m going to download the app in a few days as it seems that the digby site is being slammed with traffic at the moment.   </p>
]]></content:encoded>
			<wfw:commentRss>http://www.variablemarkup.com/2007/10/17/barnes-noble-refreshes-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

