<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://devlicio.us/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Christopher Bennage : UI, Usability</title><link>http://devlicio.us/blogs/christopher_bennage/archive/tags/UI/Usability/default.aspx</link><description>Tags: UI, Usability</description><dc:language>en</dc:language><generator>CommunityServer 2008.5 SP1 (Build: 31106.3070)</generator><item><title>Designer Wanted</title><link>http://devlicio.us/blogs/christopher_bennage/archive/2009/09/22/designer-wanted.aspx</link><pubDate>Tue, 22 Sep 2009 16:30:25 GMT</pubDate><guid isPermaLink="false">40756a8b-6212-4073-9d98-6c26781577de:51618</guid><dc:creator>Christopher Bennage</dc:creator><slash:comments>0</slash:comments><description>&lt;p&gt;We need to contract a designer for our current project. I’m looking for one of those mythical beasts that has:&lt;/p&gt;  &lt;ul&gt;   &lt;li&gt;some real graphics design skill&lt;/li&gt;    &lt;li&gt;understands (or at least cares about) usability&lt;/li&gt;    &lt;li&gt;works with Silverlight&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;There is also a strong preference for someone in the NYC/NJ area.&lt;/p&gt;  &lt;p&gt;If you are interested or know someone who qualifies, please contact me through the blog.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://devlicio.us/aggbug.aspx?PostID=51618" width="1" height="1"&gt;</description><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/Silverlight/default.aspx">Silverlight</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/UI/default.aspx">UI</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/UX/default.aspx">UX</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/Usability/default.aspx">Usability</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/Awesome+Opportunity/default.aspx">Awesome Opportunity</category></item><item><title>Answer the User’s Questions</title><link>http://devlicio.us/blogs/christopher_bennage/archive/2009/08/22/answer-the-user-s-questions.aspx</link><pubDate>Sat, 22 Aug 2009 16:27:00 GMT</pubDate><guid isPermaLink="false">40756a8b-6212-4073-9d98-6c26781577de:50188</guid><dc:creator>Christopher Bennage</dc:creator><slash:comments>5</slash:comments><description>&lt;p&gt;One little usability bit that I picked up from many of the Web 2.0 apps (in particular 37signals apps), is displaying date and times in a “how long since” format.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.silverarcade.com/community"&gt;&lt;img style="border-bottom:0px;border-left:0px;display:inline;margin-left:0px;border-top:0px;margin-right:0px;border-right:0px;" title="Community page on Silver Arcade" border="0" alt="Community page on Silver Arcade" align="right" src="http://devlicious.com/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/christopher_5F00_bennage/8222009120042PM_5F00_3725CF83.png" width="356" height="353" /&gt;&lt;/a&gt;Take a look at the &lt;a href="http://www.silverarcade.com/community"&gt;community page&lt;/a&gt; on Silver Arcade. I wanted to display when a user became a member of the community. Instead of displaying the actual date that they signed up, I choose to convert that date to “how long ago”.&lt;/p&gt;  &lt;p&gt;At first I did this just because I liked it. Then it began to dawn on me that there are reasons that I like it.&lt;/p&gt;  &lt;h3&gt;Questions&lt;/h3&gt;  &lt;p&gt;One primary purpose of any UI is answering the user’s questions. “How much credit is left in this account?” “Is this customer currently active?” “How many days are left before this explodes?”&lt;/p&gt;  &lt;p&gt;Frequently, when we are displaying dates and times we are really trying to answer questions that begin with “how long ago did …” or “how soon until …”. &lt;/p&gt;  &lt;p&gt;When we display a simple date and time, such as&amp;#160; “August 22, 2009 12:11 PM”, we are providing raw data to the user, but we really aren’t answering their question. We’re leaving the final step up to them. That’s translating that raw data into a meaningful answer for their ‘how long’ question. Every translation has a cognitive cost.&lt;/p&gt;  &lt;p&gt;This may not seem like much, but the cognitive cost adds up very quickly. This can be one of those subtle points that makes two seemingly similar interfaces &lt;em&gt;feel&lt;/em&gt; so different.&lt;/p&gt;  &lt;p&gt;I’m not saying to display every date and time in your application in this format. Instead I am saying to ask “what question will my users have and am I really answering it”.&lt;/p&gt;  &lt;p&gt;&lt;em&gt;To be fair, this is purely anecdotal and is not backed up with any empirical evidence.&lt;/em&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://devlicio.us/aggbug.aspx?PostID=50188" width="1" height="1"&gt;</description><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/UI/default.aspx">UI</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/UX/default.aspx">UX</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/Usability/default.aspx">Usability</category></item><item><title>UX Patterns (and not UI Architecture Patterns)</title><link>http://devlicio.us/blogs/christopher_bennage/archive/2009/02/05/ux-patterns-and-not-ui-architecture-patterns.aspx</link><pubDate>Thu, 05 Feb 2009 19:19:00 GMT</pubDate><guid isPermaLink="false">40756a8b-6212-4073-9d98-6c26781577de:43983</guid><dc:creator>Christopher Bennage</dc:creator><slash:comments>5</slash:comments><description>&lt;p&gt;Just when you think that you finally have an accurate label to describe something, you discover the true ambiguity of the term.&lt;/p&gt;  &lt;h3&gt;What is UX?&lt;/h3&gt;  &lt;p&gt;UX means &lt;em&gt;&lt;a href="http://en.wikipedia.org/wiki/User_experience" target="_blank"&gt;User Experience&lt;/a&gt;&lt;/em&gt;. You might say that it is the &lt;em&gt;ergonomics&lt;/em&gt; of an user interface, or possibly the&lt;em&gt; level of intuitiveness&lt;/em&gt;. More plainly, good UX means that the users of the software are able to quickly understand how to use and don’t have to go out of their way to make things happen. This blurs a little bit into the concept &lt;a href="http://en.wikipedia.org/wiki/Usability" target="_blank"&gt;Usability&lt;/a&gt;. But UX just sounds so much sexier, and there is this aspect of producing chemistry between the user and software that transcends mere Usability.&lt;/p&gt;  &lt;p&gt;Why do I bring this up? Well, I’ve just started talking about &lt;a href="http://devlicious.com/blogs/christopher_bennage/archive/2009/01/19/ui-patterns-for-wpf.aspx" target="_blank"&gt;UI Architecture patterns&lt;/a&gt; and I wanted to make sure the concepts were distinct. When I talk about UI architecture patterns I’m talking about the structure of the code that underlies a user interface. It’s all non-visual stuff. On the other hand, UX patterns deal with the rendered view that is presented to the user.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://devlicious.com/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/christopher_5F00_bennage/Quince_5F00_2E46BB8C.png"&gt;&lt;img style="border-bottom:0px;border-left:0px;margin:0px 0px 4px;display:inline;border-top:0px;border-right:0px;" title="Quince" border="0" alt="Quince" align="right" src="http://devlicious.com/cfs-file.ashx/__key/CommunityServer.Blogs.Components.WeblogFiles/christopher_5F00_bennage/Quince_5F00_thumb_5F00_5BC7DB4F.png" width="244" height="47" /&gt;&lt;/a&gt;Infragistics just recently published a very cool (and Silverlight-based) catalog of UX Patterns called &lt;a href="http://quince.infragistics.com/" target="_blank"&gt;Quince&lt;/a&gt;.&lt;/p&gt;  &lt;p&gt;You might be inclined to say, “Well, that’s nice for designers, but…”. Please don’t, this is really a useful for tool for anyone building user interfaces, even if those interfaces are basic and handed off to a design team. In the very least, this will help establish a common vocabulary for talking about user interfaces.&lt;/p&gt;  &lt;h3&gt;More Resources&lt;/h3&gt;  &lt;p&gt;If you are interested in know more about UX and usability, here’s a couple of resources: &lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.useit.com/" target="_blank"&gt;Jakob Nielsen&lt;/a&gt; – very well know and full of good info, but he is definitely plain usability with none of the sizzle.&lt;/p&gt;  &lt;p&gt;&lt;a href="http://www.amazon.com/gp/product/0321344758?ie=UTF8&amp;amp;tag=bluspiconinc-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=390957&amp;amp;creativeASIN=0321344758" target="_blank"&gt;Don’t Make Me Think&lt;/a&gt; – one of the first books I read on the subject. (I probably need to reread it, it’s been so long…)&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="http://devlicio.us/aggbug.aspx?PostID=43983" width="1" height="1"&gt;</description><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/UI/default.aspx">UI</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/UI+Patterns/default.aspx">UI Patterns</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/UX/default.aspx">UX</category><category domain="http://devlicio.us/blogs/christopher_bennage/archive/tags/Usability/default.aspx">Usability</category></item></channel></rss>