<?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>Ed Schipul &#187; User Interface Design</title>
	<atom:link href="http://eschipul.com/category/user-interface-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://eschipul.com</link>
	<description>Web Marketing, PR, Sociology, Photography</description>
	<lastBuildDate>Fri, 27 Jan 2012 22:39:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Voting and Usability</title>
		<link>http://eschipul.com/2006/11/voting-and-usability/</link>
		<comments>http://eschipul.com/2006/11/voting-and-usability/#comments</comments>
		<pubDate>Sat, 11 Nov 2006 14:47:23 +0000</pubDate>
		<dc:creator>eschipul</dc:creator>
				<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://eschipul.com/2006/11/voting-and-usability/</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Feschipul.com%2F2006%2F11%2Fvoting-and-usability%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://eschipul.com/2006/11/voting-and-usability/"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://eschipul.com/2006/11/voting-and-usability/"  data-text="Voting and Usability" data-count="horizontal">Tweet</a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://eschipul.com/2006/11/voting-and-usability/" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://eschipul.com/2006/11/voting-and-usability/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>If you crossed voting and usability &#8211; this would be the result; <a href="http://ktt.typepad.com/1/2006/11/voting_for_idio.html">a brilliant proposed modifications to the voting interface</a> by <a href="http://ktt.typepad.com/">KTT</a>. </p>
<p>Now, while I don&#8217;t expect to see voting machines modified with a new cause-based user interface in the future, it would be a nice web 2.0 project. Any takers?</p>
]]></content:encoded>
			<wfw:commentRss>http://eschipul.com/2006/11/voting-and-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simplicity &#8211; John Maeda</title>
		<link>http://eschipul.com/2006/09/simplicity-john-maeda/</link>
		<comments>http://eschipul.com/2006/09/simplicity-john-maeda/#comments</comments>
		<pubDate>Sun, 17 Sep 2006 01:03:06 +0000</pubDate>
		<dc:creator>eschipul</dc:creator>
				<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://eschipul.com/2006/09/simplicity-john-maeda/</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Feschipul.com%2F2006%2F09%2Fsimplicity-john-maeda%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://eschipul.com/2006/09/simplicity-john-maeda/"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://eschipul.com/2006/09/simplicity-john-maeda/"  data-text="Simplicity &#8211; John Maeda" data-count="horizontal">Tweet</a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://eschipul.com/2006/09/simplicity-john-maeda/" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://eschipul.com/2006/09/simplicity-john-maeda/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Via this <a href="http://brandautopsy.typepad.com/brandautopsy/2006/09/simplifying_sim.html">post</a> on brand autopsy, I just discovered <a href="http://lawsofsimplicity.com/">The Laws of Simplicty blog</a> by John Maeda.</p>
<ol>
<li>Law 1 &#8211; the simplest way to achieve simplicity is through thoughtful reduction</li>
</ol>
<p>I think this is going to be a good book&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://eschipul.com/2006/09/simplicity-john-maeda/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Things the user can actually do versus things the product can do</title>
		<link>http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/</link>
		<comments>http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/#comments</comments>
		<pubDate>Sat, 12 Aug 2006 16:54:09 +0000</pubDate>
		<dc:creator>eschipul</dc:creator>
				<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Feschipul.com%2F2006%2F08%2Fthings-the-user-can-actually-do-versus-things-the-product-can-do%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/"  data-text="Things the user can actually do versus things the product can do" data-count="horizontal">Tweet</a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>I bought a cell phone recently that I loathe. It is <a href="http://www.cingular.com/ipaq_consumer">a complete brick</a> that somehow tips past convergence of convenience to the land of <em>this-damn-thing-sucks</em>. And I am a moderately tech savvy, right? But if your phone weights so much you have to worry about your belt falling then you are less likely to wear it. A different post on that&#8230;.</p>
<p><a href="http://www.brandtobedetermined.com/.shared/image.html?/photos/uncategorized/capabilitiesvennonebad_1.jpg" onclick="window.open(this.href, '_blank', 'width=205,height=332,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" rel="lightbox[1085]" title="Capabilitiesvennonebad_1"><img width="80" height="129" border="0" alt="Capabilitiesvennonebad_1" title="Capabilitiesvennonebad_1" src="/brandtobedetermined/images/capabilitiesvennonebad_1.jpg" style="margin: 0px 0px 5px 5px; float: right;" /></a><br />
Checking in with the <a href="http://headrush.typepad.com/creating_passionate_users/">headrush blog creating passionate users</a> led me to the graphic on the right (from their blog). Interestingly the <a href="http://headrush.typepad.com/creating_passionate_users/2006/08/are_your_users_.html">post starts off about SLR cameras</a> and I HAVE been able to get past the P mode on <a href="http://www.flickr.com/photos/eschipul/">my camera</a> into some fun stuff. By reading magazines, books, surfing flickr and thinking &quot;<a href="http://www.flickr.com/groups/hdr/pool/">how did they do that??</a>&quot; I still need to take a class.</p>
<p>My fear on this topic? My fear is that <a href="http://www.schipul.com">our</a> <a href="http://www.tendenci.com/en/catalogs/search.asp">Tendenci clients</a> are not getting the <strong>value</strong> they could from our product because of usability and training. We have a <a href="http://www.tendenci.com/en/help/">ton of help files</a> etc, but are they getting to the right people at the right time? Hmmmm.</p>
]]></content:encoded>
			<wfw:commentRss>http://eschipul.com/2006/08/things-the-user-can-actually-do-versus-things-the-product-can-do/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Humans in the Machine &#8211; NYT understands</title>
		<link>http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/</link>
		<comments>http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/#comments</comments>
		<pubDate>Mon, 03 Apr 2006 13:26:10 +0000</pubDate>
		<dc:creator>eschipul</dc:creator>
				<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[nyt "user interface" "human factors" visualization "web design"]]></category>

		<guid isPermaLink="false">http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Feschipul.com%2F2006%2F04%2Fhumans-in-the-machine-nyt-understands%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/"  data-text="Humans in the Machine &#8211; NYT understands" data-count="horizontal">Tweet</a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>The daily NYT email highlights the HUMAN FACTORS of the web site redesign. Not the classic definition of <a href="http://www.google.com/search?hl=en&amp;q=define%3A+human+factors&amp;btnG=Google+Search">human factors</a> suggesting &quot;taking the human as a physical presence into account&quot; but the <strong>&quot;show you what the other humans think&quot;</strong>. The kind of human factors that emphasize the wisdom of crowds. What Live Web2.0 is about.</p>
<blockquote><p><a title="http://www.nytimes.com/2006/04/02/business/02ednote.html?th&amp;emc=th" href="http://www.nytimes.com/2006/04/02/business/02ednote.html?th&amp;emc=th" target="_0"><strong>The<br />
Redesign of NYTimes.com</strong></a><br />Some of the changes and new features<br />
you&#8217;ll see are a refreshed look, streamlined navigation, expanded use of video<br />
and other multimedia and <em><u><strong>better ways to see what other readers are looking at,<br />
searching for and talking about.</strong></u></em></p>
</blockquote>
<p>Emphasis added by me. The full explanation of the user interface changes and the logic behind them is worth a read for UI geeks. </p>
]]></content:encoded>
			<wfw:commentRss>http://eschipul.com/2006/04/humans-in-the-machine-nyt-understands/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lands End &#8211; Figure How to Buy Something</title>
		<link>http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/</link>
		<comments>http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/#comments</comments>
		<pubDate>Mon, 12 Dec 2005 23:20:03 +0000</pubDate>
		<dc:creator>eschipul</dc:creator>
				<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[conversion rates]]></category>
		<category><![CDATA[ecommerce]]></category>

		<guid isPermaLink="false">http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Feschipul.com%2F2005%2F12%2Flands-end-figure-how-to-buy-something%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/"  data-text="Lands End &#8211; Figure How to Buy Something" data-count="horizontal">Tweet</a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p><a onclick="window.open(this.href, '_blank', 'width=800,height=1194,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.brandtobedetermined.com/.shared/image.html?/photos/uncategorized/figureouthowtobuythis.jpg" rel="lightbox[1314]" title="Figureouthowtobuythis"><img width="150" height="223" border="0" src="/brandtobedetermined/images/figureouthowtobuythis.jpg" title="Figureouthowtobuythis" alt="Figureouthowtobuythis" style="margin: 0px 5px 5px 0px; float: left;" /></a>This is an actual full length screen shot from Land&#8217;s End.&nbsp; As a follow up to a <a href="http://www.brandtobedetermined.com/brandtobedetermined/2005/12/grok_newsletter.html">previous post</a> on the <a href="http://www.grokdotcom.com/Volumes/Volume12-01-05.htm">Grok conversion newsletter</a> I found I had to post this as well.</p>
<p>I literally could NOT find a &quot;<strong>buy now</strong>&quot; or &quot;<strong>purchase</strong>&quot; or &quot;<strong>add to cart</strong>&quot; button anywhere on the <a href="http://www.landsend.com/cd/fp/prod/0,,1_2_64419_64733_70078_48525_5:view=-1,00.html?CM_MERCH=PAGE_64726">detailed view page</a> of the <a href="http://www.landsend.com">Lands End</a> site.&nbsp; It might be there, but I can&#8217;t see it.&nbsp; I got to the page from a quick link from a catalog, so my bet is they want me to call so they can upsell me.&nbsp; <em>But I don&#8217;t want to be upsold, I just want to buy it.</em></p>
<p>Finally I found the &quot;Catalog Quick Order&quot; link on the lower left and was able to make a purchase by retyping in my code.&nbsp; But it took work, and making users jump through hoops can&#8217;t be good for your conversion rate.</p>
<p>While making this post I went back to the page, I wanted to be sure that I wasn&#8217;t missing anything obvious.&nbsp; I was missing something, but I don&#8217;t think it is obvious.&nbsp; There is a small text link that says &quot;<span class="txt-ora">INSTRUCTIONS:</span> Click color for larger view. Click size to select item.&quot;&nbsp; See it?&nbsp; Right above the sizes?&nbsp; I know why I didn&#8217;t click them, because I wanted white and there is no white swatch of color even though the main image pictures a white robe.</p>
<p>In Land&#8217;s End&#8217;s defense, perhaps I should take such a critical eye at our own user interfaces more often.</p>
]]></content:encoded>
			<wfw:commentRss>http://eschipul.com/2005/12/lands-end-figure-how-to-buy-something/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

