<?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>the Inovator &#187; User Experience</title>
	<atom:link href="http://www.theinovator.com/category/web/user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.theinovator.com</link>
	<description>The Official Blog of Web &#38; Interactive Firm Inovat.</description>
	<lastBuildDate>Tue, 31 Aug 2010 17:50:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Limit rather than confuse.</title>
		<link>http://www.theinovator.com/web/user-experience/limit-rather-than-confuse/</link>
		<comments>http://www.theinovator.com/web/user-experience/limit-rather-than-confuse/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 15:06:34 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.theinovator.com/?p=893</guid>
		<description><![CDATA[This is an issue that we have experienced more than we actually would admit. When building a new website it is easy for someone to feel that they must offer their users every imaginable feature. The results are typically a complicated navigation process, confusing content, and a general lack of direction for future site features. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.theinovator.com/wp-content/uploads/confused.jpg" alt="" title="confused" width="250" height="375" class="alignnone size-full wp-image-913" style="padding: 0px 0px 20px 20px; float: right;"/>This is an issue that we have experienced more than we actually would admit. When building a new website it is easy for someone to feel that they must offer their users every imaginable feature. The results are typically a complicated navigation process, confusing content, and a general lack of direction for future site features.</p>
<blockquote><p>So what then is the key to ensuring this doesn’t happen to your site?<br />
<strong>Limit rather than confuse.</strong></p></blockquote>
<p>Ok, ok, so what do I mean? Quite simply, if a feature seems unnecessary or would benefit less than a fifth of our users, abstain.  Don’t build it. Building a feature that is only useful to a small percentage of your users doesn’t make sense, especially from a return on investment perspective.</p>
<p>Remember MySpace? They let users run wild customizing and adding everything possible to their MySpace page. The result? Users were able to customize images, CSS, and it eventually lead to their pages being so complicated and confusing that usability went out the window. Each MySpace profile page had its own navigation scheme, or lack thereof, color scheme, and varying content. Users had too much choice, too many features.</p>
<p>The trend of limiting features is happening in Social Media sites, just look at MySpace versus Facebook, and Facebook versus Twitter. Users want great features but not at the expense of being confused. Build a few features and build them great.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theinovator.com/web/user-experience/limit-rather-than-confuse/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Homepages that work: Amazon.com</title>
		<link>http://www.theinovator.com/web/design/htw-amazon/</link>
		<comments>http://www.theinovator.com/web/design/htw-amazon/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 12:30:14 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.theinovator.com/?p=563</guid>
		<description><![CDATA[Amazon.com is America&#8217;s largest online retailer with over 50 million visitors a month. With so much traffic, how do they tailor to each user and convert them? Goals: sell online &#038; offline products, sell user&#8217;s content &#038; items, sign up new users, extend website&#8217;s reach Audience: consumers, sellers, writers, businesses, developers and advertisers Clear, consistent [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.theinovator.com/wp-content/uploads/amazon.jpg" style="padding: 0px 0px 0px 20px; float: right;" alt="Amazon.com homepage" title="Amazon.com homepage" width="250" height="345" class="alignnone size-full wp-image-569" /> Amazon.com is America&#8217;s largest online retailer with over 50 million visitors a month. With so much traffic, how do they tailor to each user and convert them?</p>
<blockquote><p>
<strong>Goals:</strong> sell online &#038; offline products, sell user&#8217;s content &#038; items, sign up new users, extend website&#8217;s reach</p>
<p><strong>Audience:</strong> consumers, sellers, writers, businesses, developers and advertisers
</p></blockquote>
<h3>Clear, consistent navigation.</h3>
<p>The header of the homepage features the logo that doubles as a home button, a left hand navigation bar, an expanding search bar, a shopping cart button and a login for returning users. All of the elements remain consistent throughout the rest of the site, even the left hand navigation bar which condenses into a drop down on subpages to allow for underlying content to fill the full width of the page. <span id="more-563"></span></p>
<p><img src="http://www.theinovator.com/wp-content/uploads/amazon-more.jpg" alt="amazon-more" title="amazon-more" width="250" height="138" class="alignnone size-full wp-image-639" style="padding: 30px 20px 20px 0px; float: left;" /><br />
<h3>User specific content.</h3>
<p>It&#8217;s true, Amazon knows what you like. At the top of the homepage it prompts you to create an account to receive &#8220;personalized recommendations&#8221;. It remembers what items you have searched for before (even if you haven&#8217;t logged in) and displays relevant and even alternative items.</p>
<p><img src="http://www.theinovator.com/wp-content/uploads/amazon-search.jpg" alt="amazon-search" title="amazon-search" width="250" height="194" class="alignnone size-full wp-image-617" style="padding: 40px 0px 20px 20px; float: right;"/><br />
<h3>Lots of content, many ways to search.</h3>
<p>Content is king, at least on this site it is. Just in case you didn&#8217;t know how to navigate the site, they have you covered. You can list out every category of products with one click, browse every category from the homepage and search in any category or sub-category of products. Pay attention to the drop down menu to the left of the ultra-wide search box, it lists all the product categories alphabetically whereas the menu bar to the left lists all the categories by popularity.  </p>
<p><img src="http://www.theinovator.com/wp-content/uploads/amazon-expandable.jpg" alt="Expandable content" title="Expandable content" width="250" height="235" class="alignnone size-full wp-image-582" style="padding: 40px 20px 40px 0px; float: left;" /><br />
<h3>Expandable design.</h3>
<p>I am usually not a fan of websites that expand to fill the width the browser, mostly because it looks bad and rarely serves purpose beyond filling the screen. However, in the case of Amazon, they do a pretty good job of implementing an expandable design. The center column houses several rows of products based on the users browsing history that display anywhere from 3 to 7 (or more) products depending on the width of their browser. The only thing that doesn&#8217;t expand is the top row that houses an advertisement (currently displaying the Kindle 2), it simply center aligns and leaves an awkward white space to the left and right of it.</p>
<p></p>
<p><img src="http://www.theinovator.com/wp-content/uploads/amazon-ads.jpg" alt="amazon-ads" title="amazon-ads" width="250" height="198" class="alignnone size-full wp-image-612" style="padding: 10px 0px 20px 20px; float: right;" /><br />
<h3>Ads in a Box.</h3>
<p>Let&#8217;s face it, the whole site is an advertisement, even the content is well&#8230; selling content. But what they have done, is place all of the &#8220;real ads&#8221; in boxes on the right hand side, this not only breaks up the site a little, but it lends creditability to the &#8220;content&#8221; in the middle which is more specific to the user.</p>
<p>&nbsp;<br />&nbsp;</p>
<blockquote><p>
<strong>Conclusion:</strong> Although Amazon&#8217;s homepage is not the most creative one ever, it is extremely relevant and engaging. It is also extremely easy to navigate and takes into consideration multiple different user browsing habits. All in all, Amazon does an exceptional job of engaging and converting their users, and their revenue is proof of that.
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.theinovator.com/web/design/htw-amazon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How well does your website convert users?</title>
		<link>http://www.theinovator.com/web/design/website-conversions/</link>
		<comments>http://www.theinovator.com/web/design/website-conversions/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 20:47:16 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.theinovator.com/?p=512</guid>
		<description><![CDATA[Maybe you already have a website or maybe you are planning out a new one. In either case, you need to spend some time and thought on defining conversions. What is a conversion you ask? A conversion happens when a user on your site takes an action that you intended. If you have an eCommerce [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.theinovator.com/wp-content/uploads/sign1.jpg" alt="road-sign" title="road-sign" width="250" height="359" class="alignnone size-full wp-image-542" style="padding: 0px 20px 10px 0px; float: left;"/> Maybe you already have a website or maybe you are planning out a new one. In either case, you need to spend some time and thought on defining conversions.</p>
<p>What is a conversion you ask? A conversion happens when a user on your site takes an action that you intended. If you have an eCommerce site, and a visitor makes a purchase on your site, that&#8217;s a conversion.</p>
<h3>Light vs Heavy</h3>
<p>Now that we know what a conversion is, let&#8217;s talk about Heavy Conversions and Light Conversions. </p>
<p>A Heavy Conversion is an action that takes a lot from the user, such as a purchase, filling out a contact form, or becoming a member of your site. Typically, a Heavy Conversion requires the user to give something up, such as money. <span id="more-512"></span></p>
<p>A Light Conversion, in contrast, is one that requires very little from the user. Some examples of Light Conversions might be the time spent on the site or requesting a whitepaper. </p>
<p>Let&#8217;s face it, we all love the Heavy Conversions, but we need to remember the Light Conversions as well. If you pay attention to the Light Conversions, you can change your tactics and increase the amount of Heavy Conversions you get from your website. </p>
<h1>The 3:1 Rule</h1>
<p>As a rule of thumb, you should always have at least 3 Light Conversions for every 1 Heavy Conversion. The Light Conversions must back up or contradict the Heavy Conversion as well. </p>
<p>A Light Conversion that backs up the Heavy Conversion will show users are aware of your Heavy Conversion, but they need some more convincing. Whereas a Light Conversion that contradicts the Heavy Conversion will tell you that users are not aware or completely uninterested in what your Heavy Conversion is offering.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.theinovator.com/web/design/website-conversions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What purpose should the homepage serve?</title>
		<link>http://www.theinovator.com/web/design/what-should-the-homepage-do/</link>
		<comments>http://www.theinovator.com/web/design/what-should-the-homepage-do/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 14:48:07 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.theinovator.com/?p=463</guid>
		<description><![CDATA[Every website has a homepage. But what should the homepage do? What purpose should it serve? The homepage is a lot like the cover of a book. It needs to quickly convey to the user what the purpose of the website is, much like a book cover must convey what genre of book is. It also has [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-472" style="padding: 0px 0px 20px 20px; float: right;" title="book" src="http://www.theinovator.com/wp-content/uploads/book.jpg" alt="book" width="250" height="320" />Every website has a homepage. But what should the homepage do? What purpose should it serve?</p>
<p>The homepage is a lot like the cover of a book. It needs to quickly convey to the user what the purpose of the website is, much like a book cover must convey what genre of book is. It also has to convince the user to spend more time reading and exploring its content.</p>
<blockquote><p>The homepage must inspire the user to go deeper into the site, just like a book cover must convince the browser to read through its contents.</p></blockquote>
<p>Let&#8217;s get down to it, below is a checklist of items that you should strongly consider when reviewing your homepage. I have put them in order of importance. Keep in mind, based on the goals for your website one or more of these may not be applicable for you.</p>
<p><span id="more-463"></span></p>
<blockquote><p>1. Does it inspire the user to go further?</p>
<p>2. Does it empower the user to quickly navigate the site?</p>
<p>3. Is it clear to the user what you do?</p>
<p>4. Is the navigation established here or does it change? <a title="The Homepage sets the tone" href="http://www.theinovator.com/2009/set-the-tone/" target="_blank">See article.</a></p>
<p>5. How easy is it to get to your contact information? Products? Services?</p>
<p>6. Does it show the latest and greatest things happening at your company?</p></blockquote>
<p>That&#8217;s it for now. Feel free to leave comments and suggest more points for the list.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theinovator.com/web/design/what-should-the-homepage-do/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Where should the home button go?</title>
		<link>http://www.theinovator.com/web/user-experience/where-did-the-home-button-go/</link>
		<comments>http://www.theinovator.com/web/user-experience/where-did-the-home-button-go/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 21:47:55 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.theinovator.com/?p=292</guid>
		<description><![CDATA[Recently I was on a website that had no visible means of returning to the homepage from a subpage, even the logo was not a link. Then I began to wonder how much of a role the &#8220;home&#8221; button played in the major leagues. So I set out to review the top 10 sites according [...]]]></description>
			<content:encoded><![CDATA[<p>Recently I was on a website that had no visible means of returning to the homepage from a subpage, even the logo was not a link. Then I began to wonder how much of a role the &#8220;home&#8221; button played in the major leagues. So I set out to review the <a href="http://www.alexa.com/site/ds/top_sites?cc=US&amp;ts_mode=country&amp;lang=none" target="_blank">top 10 sites according to Alexa</a>.</p>
<p><img style="padding: 0px 0px 20px 20px; float:right;" title="Lost" src="http://www.theinovator.com/wp-content/uploads/lost.jpg" alt="Lost" width="250" height="406" />Here are my findings, broken down by each site and in the order of their popularity by Alexa:</p>
<ol>
<li><strong>#1 Google. </strong>Getting back to the homepage on Google is rarely needed because of the search bar built into literally every page of the site. Because of this, there really is no &#8220;home&#8221; button, rather the logo in most cases leads back to the homepage.</li>
<li><strong>#2 Yahoo! </strong>The homepage is filled with more content than the Times. Rather effectively, almost every subsection of the site has a &#8220;Yahoo&#8221; homepage link, and usually in the exact same top-left position.</li>
<li><strong>#3 MySpace.</strong> Upon launch this site was a user experience nightmare. Now it seems like they have switched gears and really unified the navigation system and even have a &#8220;home&#8221; button.</li>
<li><strong>#4 YouTube. </strong>The main navbar remains mostly consistent throughout the site (has a &#8220;home&#8221; button) and only disappears on specific pages with just the logo to return to the homepage.<span id="more-292"></span></li>
<li><strong>#5 Facebook. </strong>This site has probably the most consistent navigation so far, it has a &#8220;home&#8221; link and the logo also doubles to reveal a &#8220;home&#8221; icon as well. It would be interesting to know how many of their users click on one over the other.</li>
<li><strong>#6 Windows Live. </strong>This search engine has a pretty simple-straight-forward navigation. Similar to Yahoo, it also uses it&#8217;s name to act as the &#8220;home&#8221; link.</li>
<li><strong>#7 MSN. </strong>Although the site has a somewhat consistent placement of the &#8220;home&#8221; link, it&#8217;s awkward place on the page (top right)  leads me to believe it is rarely used. Plus, when navigating different sections of the site, the site resizes and we see more prominent placement of sectional &#8220;home&#8221; links which undoubtedly cloud the users judgment (in some cases, under the logo, there were &#8220;home&#8221; links for the current section and sub-section, see <a href="http://msn.foxsports.com/nfl/team/pittsburgh-steelers" target="_blank">example</a>).</li>
<li><strong>#8 Ebay. </strong>This site has a pretty consistent placement of the &#8220;home&#8221; link, it&#8217;s typically in the breadcrumb under the header. The only exception is on the Ebay Motors page and a couple of other places. I should mention that once on the Ebay Motors page, you have to search to find your way back to the Ebay homepage (especially because the logo no longer takes you back to it).</li>
<li><strong>#9 Wikipedia. </strong>Not that you would really need to, but there really is no way of getting back to the &#8220;homepage&#8221; on this site. The functionality of the homepage is instead built into the left hand navigation throughout the site, which is fine, but why then have the homepage?</li>
<li><strong>#10 Craigslist. </strong>There&#8217;s not much to say about the design, but the logo does always take you home except when you are looking at classifieds which only links back to the city you are under.</li>
</ol>
<p>Ok, so now we have taken a good look at the top 10 websites and paid attention to how each of them overcame the location of the &#8220;home&#8221; button challenge. Now let&#8217;s take a quick look at the statistics:</p>
<blockquote><p><strong>7 out of 10 </strong>of the sites consistently used the logo to go home.</p>
<p><strong>7 out of 10</strong> have the &#8220;home&#8221; link located in the top left, consistently.</p>
<p><strong>6 out of 10 </strong>actually use the word &#8220;home&#8221; in the link.</p></blockquote>
<p>So what does this tell us? Well it shows how important the home link is to the top 10 and how consistently it is used. Honestly, I am suprised at the consistency. I wonder how true it stays past the top 10. Guess that&#8217;s another post.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theinovator.com/web/user-experience/where-did-the-home-button-go/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Simple, beautiful websites.</title>
		<link>http://www.theinovator.com/web/design/simple-beautiful-websites/</link>
		<comments>http://www.theinovator.com/web/design/simple-beautiful-websites/#comments</comments>
		<pubDate>Fri, 16 Jan 2009 22:08:37 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.theinovator.com/?p=266</guid>
		<description><![CDATA[It may sound strange, but one of our goals at Inovat this year will be to focus on building simple, beautiful websites. Why? Not because simple is always better, in fact, sometimes simple doesn&#8217;t cut it. Not because we cannot do complex, see PlanetEarthPlay.com. Because simple, we think, is typically better for our clients. Why [...]]]></description>
			<content:encoded><![CDATA[<p>It may sound strange, but one of our goals at <a href="http://www.inovat.com" target="_blank">Inovat</a> this year will be to focus on building simple, beautiful websites. <em>Why?</em> Not because simple is always better, in fact, sometimes simple doesn&#8217;t cut it. Not because we cannot do complex, see <a href="http://www.PlanetEarthPlay.com" target="_blank">PlanetEarthPlay.com</a>. Because simple, we think, is typically better for our clients.</p>
<p><img style="padding: 0pt 0px 20px 20px; float: right;" title="Coffee is simple" src="http://www.theinovator.com/wp-content/uploads/coffee.jpg" alt="Coffee is simple" width="250" height="300" /><em>Why is simple better for our clients?</em> Because our clients hire us to build them a website that <em>does </em>something. That something could be a user purchasing a t-shirt or joining a mailing list. It could also be a user simply finding out more information about our client.</p>
<blockquote><p>A <em>simple</em> navigational structure is easy to navigate. A <em>simple </em>cms is easy to update. Most importantly, a<em> simple</em> website doesn&#8217;t get in the user&#8217;s way.</p></blockquote>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.theinovator.com/web/design/simple-beautiful-websites/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The homepage sets the tone.</title>
		<link>http://www.theinovator.com/web/design/set-the-tone/</link>
		<comments>http://www.theinovator.com/web/design/set-the-tone/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 22:29:20 +0000</pubDate>
		<dc:creator>Doug</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.theinovator.com/?p=244</guid>
		<description><![CDATA[Every user is unique, so is every website. With every website comes a new experience. And with each experience comes a new learning curve. Each time a user comes to your website they are taking the time out of their busy life to get to know you. If it&#8217;s the first time they have come [...]]]></description>
			<content:encoded><![CDATA[<p>Every user is unique, so is every website. With every website comes a new experience. And with each experience comes a new learning curve.</p>
<p><img style="padding: 0pt 0px 20px 20px; float: right;" title="Set the tone" src="http://www.theinovator.com/wp-content/uploads/set-the-tone.jpg" alt="" width="250" height="311" />Each time a user comes to your website they are taking the time out of their busy life to get to know you. If it&#8217;s the first time they have come to your website, they will have to learn how to navigate you site and how to find the content they are looking for.</p>
<blockquote><p>One of the primary purposes of the homepage is to <em>set the tone</em> for how the rest of the website should look and flow.</p></blockquote>
<p>Once the user has determined the placement and style of the navigation on the homepage, it shouldn&#8217;t change as they progress through the website. For example, if the navigation bar on the homepage is located across the header of the website and has five main categories, it shouldn&#8217;t move to the left side of the website and have seven main categories (this also applies to link colors, buttons, and the location of elements such as the login or search bar). This type of inconsistent navigation may make sense when you are designing the website but consider the user first, and strongly consider their attention span.</p>
<p>Take the analogy of driving a car, you don&#8217;t want to learn how to drive it the first time only to find out half way down the road you have to learn how to drive the car all over again.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theinovator.com/web/design/set-the-tone/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

