<?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>Limina - Blog &#187; Information Design</title>
	<atom:link href="http://limina-ao.com/blog/category/information-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://limina-ao.com/blog</link>
	<description>Observations, Issues, Events, &#38; Trends in User Experience Design</description>
	<lastBuildDate>Sat, 28 Apr 2012 01:46:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>UX Desire-Lines &#8211; Find &#8216;em &amp; Fix &#8216;em</title>
		<link>http://limina-ao.com/blog/2012/04/27/ux-desire-lines/</link>
		<comments>http://limina-ao.com/blog/2012/04/27/ux-desire-lines/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 18:58:20 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Limina Perspective]]></category>
		<category><![CDATA[Software Usability]]></category>
		<category><![CDATA[User Research]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=698</guid>
		<description><![CDATA[&#160; UXer : Nice picture of a park, right? Person : Umm&#8230; that park is jacked up. The grass and hedges are all trampled&#8230; UXer : You see people ruining perfectly good landscaping&#8230; I see patterns, in human behavior and desire. &#160; Take a closer look: We&#8217;ve all seen this and at one point or another use [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p><img class="size-medium wp-image-703 alignright" title="desire lines in a park" src="http://limina-ao.com/blog/wp-content/uploads/2012/04/desire-paths1-300x197.png" alt="" width="300" height="197" /><em><strong>UXer</strong> : Nice picture of a park, right?</em></p>
<p><em><strong>Person</strong> : Umm&#8230; that park is <strong>jacked up</strong>. The grass and hedges are all trampled&#8230;</em></p>
<p><em><strong>UXer </strong>: You see people ruining perfectly good landscaping&#8230; I see patterns, in <strong>human behavior and desire</strong>.</em></p>
<p>&nbsp;</p>
<p>Take a closer look:</p>
<p><img class="size-medium wp-image-705 alignleft" title="desire-paths3" src="http://limina-ao.com/blog/wp-content/uploads/2012/04/desire-paths3-300x197.png" alt="" width="300" height="197" /></p>
<p>We&#8217;ve all seen this and at one point or another use these desire-lines as a routine part of our commute.</p>
<p>As long as humans have roamed the earth, we&#8217;ve carved these paths&#8230; &#8220;I&#8217;m here and I need or want to go there.&#8221;  If you and others repeat the pattern enough times, a path is forged.</p>
<p>In photo overlays, the red paths are high through-put pathways and the white overlays are low-flow alternate paths.  In the landscape, we&#8217;re able to see these marks because the trends trample down plants and compact the soil to a point where things can&#8217;t grow.</p>
<p>Once the trends emerge, we can get a sense of what the original design deficiencies were and, as designers, set out planning design solutions to meet the expressed needs.</p>
<p>The interesting thing about human behavior is that, while we all have varying degrees of tolerance in design or system deficiencies, we all modify our behavior to make up for system deficiencies in the name of getting things done.  Often times, these behavioral changes take place subtly and over longer periods of time such that the users themselves aren&#8217;t even aware they have bent themselves around a broken system.</p>
<p>It didn&#8217;t take much to see these areas and make some hardscaping recommendations, where the evidence is tangible.  But as a system designer, a user interface designer&#8230;  a UXer, how do you &#8220;see&#8221; these desire-lines in the digital landscape?</p>
<p>You have a number of alternative methods depending on available data and resources.  I&#8217;m going to cover the following:</p>
<ul>
<li>Usage Metrics</li>
<li>Usability Testing</li>
<li>Contextual Research</li>
</ul>
<div>Each method reveals varying degrees of fidelity on behavioral trends that would leave indelible desire-lines on our various tech platforms, systems and software&#8230;  if they only left a trail.</div>
<div></div>
<h2>1) Usage Metrics</h2>
<p><img class="size-medium wp-image-718 alignleft" title="usage Metrics" src="http://limina-ao.com/blog/wp-content/uploads/2012/04/usage-Metrics-300x161.png" alt="" width="300" height="161" /></p>
<div>The pre-requisite here is that you had the foresight to hook your system up with the appropriate level of data collection and reporting on a per-task-basis. This would include conversion metrics, time to completion, failure or success rates.  If this hasn&#8217;t been implemented, get on it&#8230; you&#8217;ll be amazed at what you learn.  While you can certainly learn a good deal about your system design through these metrics and even A/B test against them to make incremental enhancements, it&#8217;s really only scratching at the surface of behavioral patterns.  You can see paths your users took, but might not have enough clarity on the path they would have taken or the reasons why.</div>
<div></div>
<h2><strong>2)Usability Testing</strong></h2>
<p><a href="http://limina-ao.com/blog/wp-content/uploads/2012/04/Screen-Shot-2012-04-27-at-2.17.22-PM.png"><img class="size-medium wp-image-719 alignright" title="Usability Testing" src="http://limina-ao.com/blog/wp-content/uploads/2012/04/Screen-Shot-2012-04-27-at-2.17.22-PM-300x197.png" alt="" width="300" height="197" /></a></p>
<p>In any user dependent or focussed system, we say always say &#8220;test early, test often&#8221;.  <a title="Five Users" href="http://www.measuringusability.com/five-users.php" target="_blank">5 users can demonstrate 85% of the problems in an interface, given that the probability a user would encounter a problem is about 31%</a>.  Formal usability tests are great for spotting gross system deficiencies, and gathering both quantitative metrics on how a user performs in the system (time to completion, number of errors, task completed, etc) and qualitative metrics on how the system performs in the perception of the end user  (subjective satisfaction, ease of use, etc).</p>
<p>The pre-requisite is knowing what the usability goals are, which parts of the system to test (tasks, workflows, features, designs) and how to recruit for the test.   Usually a good look at the usage metrics should help point to areas that need testing.</p>
<p>For recruiting, you need to screen appropriately to avoid heavy biases that can skew the study results.  This takes some level of understanding about the users and behaviors that trend moderate-to-center of the behavioral dimensions you want to target.</p>
<p>You&#8217;ll see which specific design or workflow is tripping up or getting in the way of users task or goal completion.  But unless your moderator is asking the right questions, &#8220;Why did you do that?&#8221;, &#8220;What were you trying to accomplish by doing that?&#8221;, &#8220;What did you expect to happen when you did that?&#8221;, &#8220;How would you change this design to better meet your need?&#8221;  It&#8217;s difficult to get a glimpse into the human intent behind the usability problem.</p>
<p>Going back to the landscaping image, the &#8220;user&#8221; intent is quite clear&#8230;  &#8221;I&#8217;m here and I want to go there&#8221; &#8211; but in the context of system usage, often times the interface is such a complex labyrinth to task completion that it&#8217;s difficult to understand all the subtle nuances that impact our behavior.  This is particularly relevant point because most often, usability studies are performed in a lab setting and or the user is removed from their natural context of use.  This brings me to Contextual Research.</p>
<h2>3) Contextual Research</h2>
<p><img class="size-medium wp-image-720 alignleft" title="Contextual Research" src="http://limina-ao.com/blog/wp-content/uploads/2012/04/Screen-Shot-2012-04-27-at-2.24.01-PM-300x219.png" alt="" width="300" height="219" /></p>
<p>In the past 10yrs we&#8217;ve conducted a good deal of these studies and the results are always extremely insightful, not only for the system stakeholders, but often times for the subject who realizes how contorted their processes have become to make up for system deficiencies.</p>
<p>If you could draw marks in time and space, the general trend lines go from in-system workflows to jumping in and out of other systems, documents, emails, notes on paper, phone calls, IMs and back to the system to complete the any given task.  Most times when we ask, &#8220;Why are you doing that&#8230;&#8221;  they&#8217;re unaware that they&#8217;re doing anything out of the ordinary, and once it dawns on them, they realize&#8230; &#8220;Well&#8230; I need this piece of information to complete this task.&#8221;</p>
<p><strong>BOOM!</strong></p>
<p>This is a perfect example of a user jumping off and blazing their own to make up for gaps in the system design.  These contextual inquiries have been priceless engagements for our clients who not only discover opportunities for enhancements they were never aware of, but often times entirely new interaction models that had never been considered that bring widespread organizational efficiencies that can save millions of dollars.</p>
<p>Next time you find yourself walking along one of these&#8230;</p>
<p><img class="size-medium wp-image-721 alignleft" title="path-shortcut" src="http://limina-ao.com/blog/wp-content/uploads/2012/04/path-shortcut-300x191.jpg" alt="" width="300" height="191" /> Think about what other things you do (in your job, online, or at home) interacting with any technology that feel &#8220;off the designed path&#8221;  and know that you&#8217;re probably not alone&#8230;  that somewhere in time and space is a beaten path waiting to be discovered and designed for.</p>
<p>I once heard Steve Smith (<a title="Steve Smith" href="https://twitter.com/#!/orderedlist" target="_blank">@orderedlist</a>) say:</p>
<p><em><strong>&#8220;Design is: Intentionally making things Amazing!&#8221;</strong></em>  I totally agree, but you need to know the problem space first.</p>
<p>By <a title="Follow Jon on Twitter" href="https://twitter.com/#!/jkooda" target="_blank">Jon Fukuda</a></p>
<p>Quick update: I just found a <a title="Finding Desire Lines in UX" href="http://www.uxgroundswell.com/2010/02/universal-principles-of-design/" target="_blank">nice related post</a> by Bella on www.uxgroundswell.com</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2012/04/27/ux-desire-lines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Automotive UX and the Dashboard of the Future</title>
		<link>http://limina-ao.com/blog/2012/03/27/automotive-ux/</link>
		<comments>http://limina-ao.com/blog/2012/03/27/automotive-ux/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 21:39:50 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Hot Topics]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Limina Perspective]]></category>
		<category><![CDATA[Social Web]]></category>
		<category><![CDATA[User Research]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=661</guid>
		<description><![CDATA[Everyone&#8217;s getting excited about interactive technologies making their way into the automotive space. Social web features like twitter, facebook, foursquare and others have been in our cars for several years now, just on our mobile devices and not packaged as a piece of the overall dashboard experience. Product managers at all major car-manufacturing houses have [...]]]></description>
			<content:encoded><![CDATA[<p><iframe src='http://widget.newsinc.com/single.html?WID=2&#038;VID=23422417&#038;freewheel=69016&#038;sitesection=rawstory' height='320' width='425' scrolling='no' frameborder='0' marginwidth='0' marginheight='0'></iframe></p>
<p>Everyone&#8217;s getting excited about interactive technologies making their way into the automotive space. Social web features like twitter, facebook, foursquare and others have been in our cars for several years now, just on our mobile devices and not packaged as a piece of the overall dashboard experience. Product managers at all major car-manufacturing houses have been thinking about ways to bring technology of today and the future into our cars. To date, a lot of teaser videos and commercials have been showing Minority Report like heads up displays on the dash, touch screen windows and voice command interactions and some of these are starting to come on line&#8230; others are still in R&#038;D and off in the distance. So where are we in the meantime?</p>
<p><img class="alignleft size-medium wp-image-662" title="Garmin - Terms of Use" src="http://limina-ao.com/blog/wp-content/uploads/2012/03/509130361_2beae060b3_z-300x225.jpg" alt="" width="300" height="225" /></p>
<p>Over the past several years, Onboard Touch Screen Consoles have been making their way into the market&#8230; and they&#8217;re all the rage! While the trend started in the mid 90&#8242;s with outboard GPS systems and LED media displays, there&#8217;s been a lot of momentum behind putting integrated systems into center consoles of vehicle and trying to pack it with as many features as possible. </p>
<p>While the gadget lover in all of us is starting to feel all warm and fuzzy, there are definitely some inherent risks. Basically, anything taking your attention off the road is bad. So it seems the &#8220;don&#8217;t talk on the phone or text and drive&#8221; sensibility is giving way to our gadget luv.</p>
<p><img class="alignright size-medium wp-image-663" title="MyFord Touch" src="http://limina-ao.com/blog/wp-content/uploads/2012/03/myford-touch-121-300x225.jpg" alt="" width="300" height="225" /></p>
<p>But let&#8217;s take a second and acknowledge some contextual realities. You&#8217;re in roughly 4000lbs of metal with a combustible engine moving 25-35mph in the city and 55-75mph on the highway. Does it make sense to be taking your hands off the wheel and eyes off the road? The National Highway Traffic Safety Administration (NHTSA) has taken the position that:</p>
<blockquote><p>Some technologies are simply too distractive for most drivers. Touch-screen computers found in most Ford models used to control the radio, climate, and in-car navigation was said to be “overly complicated and distracting” according to Consumer Reports. And, some vehicles in the GM lineup offer communication tools to verbally update Facebook and Twitter pages – a feature too distractive for most drivers.</p></blockquote>
<p>Here are some approaches to packing your car with technology and apps in a way that doesn&#8217;t interfere with your driving:</p>
<p><strong>1) Interactive Apps in the Car are for the Passenger, Not the Driver</strong><br />
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/0dIia553wVU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0dIia553wVU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<br/><br />
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/dl9eqdZpvJU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/dl9eqdZpvJU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
This is pretty straightforward&#8230; keep the distracting tech geared towards passengers and steer clear of putting the driver&#8217;s attention at risk.</p>
<p><strong>2) You&#8217;re car is the interface&#8230; not your fingers/eyes.</strong><br />
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/AeUF5-PiRQY?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/AeUF5-PiRQY?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
This is the really innovative approach&#8230; the car and it&#8217;s native features are an extension of you.  There is a lot of untapped opportunity to be explored in this concept.</p>
<p><strong>Here are some other ideas worth exploring:</strong><br />
Take advantage of where the driver&#8217;s hands already are&#8230; the wheel.  Thanks to advances in Mobile, tech and gadget users are getting used to a wide vocabulary of haptic gestures.  Add text to speech and voice commands technology and you&#8217;ll really get some rich user experiences without taking your hands off the wheel or your eyes off the road.</p>
<p>Whatever the approach &#8211; there will be mishaps along the way.  Today&#8217;s ubiquitous cup older has had a <a href="http://www.slate.com/articles/business_and_tech/design/2004/03/drink_me.html" title="The long journey of the cup holder" target="_blank">long journey</a> from glove compartment trays and door holsters to armrests, center consoles and dash boards, the cup holder seems to be a feature the some manufactures &#8220;get&#8221; and others don&#8217;t.</p>
<p>The only way to continuously improve designs towards efficiency and usability is to explore opportunities, prototype, test, and tweak.  Who knows this better than Donald Norman, author of <a href="http://www.amazon.com/exec/obidos/tg/detail/-/0465051359/" title="Emotional Design, the book" target="_blank">Emotional Design</a>. Donald states that Audi&#8217;s approach to the cup holder seems to &#8220;reflects the old-fashioned German automobile design culture, which proclaims that the engineer knows best, and considers studies of real people driving their vehicles irrelevant.&#8221;</p>
<p>We&#8217;re keeping an eye on interaction design in the automotive space, things are about to get interesting!  Let us know what interactive automobile experiences you&#8217;ve had that either work or fail &#8211; we want to hear from you!  Thanks for reading.</p>
<p>Learn how our <a href="http://www.prometsource.com/" title="Promet Source" target="_blank">friends at Promet</a> are taking Cab services mobile with <a href="http://www.prometsource.com/project/green-cab-madison" title="Cab Service goes Mobile" target="_blank">Green Cab</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2012/03/27/automotive-ux/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Renewable Energy Meets Conceptual Design</title>
		<link>http://limina-ao.com/blog/2012/02/07/renewable-energy-meets-conceptual-design/</link>
		<comments>http://limina-ao.com/blog/2012/02/07/renewable-energy-meets-conceptual-design/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 21:04:04 +0000</pubDate>
		<dc:creator>kforissier</dc:creator>
				<category><![CDATA[Agile Usability]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Limina Perspective]]></category>
		<category><![CDATA[Software Usability]]></category>
		<category><![CDATA[User Research]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=561</guid>
		<description><![CDATA[Have you ever wondered what a solar power plant looks like? Well, we got to see one in action and it is quite impressive! There are multiple fields of thousands of mirrors and all of the mirrors in each field are directed to reflect the sun’s light at a single point (called a ‘boiler’) to [...]]]></description>
			<content:encoded><![CDATA[<p>Have you ever wondered what a solar power plant looks like?</p>
<p>Well, we got to see one in action and it is quite impressive! There are multiple fields of thousands of mirrors and all of the mirrors in each field are directed to reflect the sun’s light at a single point (called a ‘boiler’) to harness the heat and literally boil the water inside. The steam that is created is sent to the turbine where the electricity is generated.</p>
<p><a href="http://limina-ao.com/blog/wp-content/uploads/2012/02/esolar-boilers.jpg"><img class="size-medium wp-image-578 alignright" title="esolar boilers" src="http://limina-ao.com/blog/wp-content/uploads/2012/02/esolar-boilers-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: left;">Limina was asked by eSolar to help redesign the application they use to control the mirrors &#8211; essentially, controlling the amount of heat that is directed to the boiler.</p>
<p><a href="http://www.esolar.com/" target="_blank">eSolar</a> designs and develops Concentrating Solar Power (CSP) projects that start at 46MW and are scalable to any size. Limina worked with eSolar to develop a sophisticated conceptual design for their solar power plant control system. Limina used <a title="User Research" href="http://limina-ao.com/services/research.html" target="_blank">in-person interviews</a> to inform the requirements from a workflow perspective and met with members of the eSolar engineering team to understand the technical parameters of the design. The output was a set of detailed designs that effectively incorporated user and technical requirements &#8211; providing an engaging, intuitive, and interactive user experience.</p>
<p>The on-site interviews allowed us to see the users in action and design a concept that gave them the visibility they needed at the various levels of detail &#8211; from plant to field to heliostat (individual mirror). Our observations also helped us to understand the hierarchy of information, from most important to least, which allowed us to create effective dashboard designs. The software will be displayed on multiple monitors, and the Limina team designed the application to make full use the available screen real estate.</p>
<p><a href="http://limina-ao.com/blog/wp-content/uploads/2012/02/Helio-Detail.jpg"><img class="alignnone size-medium wp-image-580" title="esolar design2" src="http://limina-ao.com/blog/wp-content/uploads/2012/02/Helio-Detail-300x185.jpg" alt="" width="300" height="185" /></a><a href="http://limina-ao.com/blog/wp-content/uploads/2012/02/events-reports.png"><img class="alignnone size-medium wp-image-616" title="events &amp; reports" src="http://limina-ao.com/blog/wp-content/uploads/2012/02/events-reports-300x186.png" alt="" width="300" height="186" /></a></p>
<p>This was an exciting project for us, and it reinforced the importance of collecting first-hand data from actual users in a real setting as an input to any design process.</p>
<p>Key takeaways:<br />
<strong>Project process</strong></p>
<ul>
<li>Fast concept iterations helps to avoid unnecessary detailed design. We designed 8-10 concepts in one day and narrowed them down to two during our end of day meeting with the client team.</li>
<li>Frequent communication with client team. We were able to get feedback early and often from our client that helped the design progress much more quickly.</li>
</ul>
<p><strong>Application concepts</strong></p>
<ul>
<li>Users need to be aware of the plant status at a glance &#8211; situational awareness is key.</li>
<li>Using flags and alerts is more effective than displaying raw data. It allows the user to focus on problem areas and drill into individual issues. They don&#8217;t have to spend their time scanning the data looking for problems.</li>
<li>Tailored information displays will give operators an opportunity to build expertise in systemic trends across the power plant – allowing the user to head off potential issues before they become flagged as problems.</li>
</ul>
<p>&nbsp;</p>
<blockquote>
<div><em>“The deliverable and the process was well above and beyond what I personally expected, and the work output will be (I foresee) extremely useful in our development of our software&#8230;.It’s snazzy, it’s professional, it follows the operator workflow (which is important), and it makes operation clear and easy.  Thank you!”</em></div>
<div></div>
<div style="text-align: right;"><em>- Matt Hartshorn (eSolar Development Engineer)</em></div>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2012/02/07/renewable-energy-meets-conceptual-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UPA DC : The Impact of Social Models</title>
		<link>http://limina-ao.com/blog/2011/10/21/upa-dc-the-impact-of-social-models/</link>
		<comments>http://limina-ao.com/blog/2011/10/21/upa-dc-the-impact-of-social-models/#comments</comments>
		<pubDate>Fri, 21 Oct 2011 18:45:55 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=498</guid>
		<description><![CDATA[This coming Monday: 10/24/11 from 6-7:30PM Luke Wrolewski will be giving a a talk on The Impact of Social Models.  Sign up for the event here: The Impact of Social Models When: 24 Oct 2011 6:00 PM &#8211; 7:30 PM Location: The Microsoft Building &#124; 5404 Wisconsin Ave, Chevy Chase, MD Spaces left: 11 Join us afterwards to talk about local [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-499" title="upa-event" src="http://limina-ao.com/blog/wp-content/uploads/2011/10/upa-event.png" alt="" width="600" height="348" /></p>
<p>This coming Monday: 10/24/11 from 6-7:30PM <a title="Luke W's website" href="http://www.lukew.com" target="_blank">Luke Wrolewski</a> will be giving a a talk on The Impact of Social Models.  Sign up for the event here: <a title="Event Details" href="http://www.upa-dc-metro.org/events?eventId=382743&amp;EventViewMode=EventDetails" target="_blank">The Impact of Social Models</a></p>
<p>When: <strong>24 Oct 2011 </strong>6:00 PM &#8211; 7:30 PM</p>
<p>Location: The Microsoft Building | 5404 Wisconsin Ave, Chevy Chase, MD</p>
<p>Spaces left: 11</p>
<p>Join us afterwards to talk about local UX opportunities and learn more about what Limina is up to!  (Drinks on us!)</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2011/10/21/upa-dc-the-impact-of-social-models/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OptionIt Launching&#8230;</title>
		<link>http://limina-ao.com/blog/2011/09/28/optionit-launching/</link>
		<comments>http://limina-ao.com/blog/2011/09/28/optionit-launching/#comments</comments>
		<pubDate>Wed, 28 Sep 2011 21:45:20 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Hot Topics]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Promet]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=492</guid>
		<description><![CDATA[Keep your eye open for a fresh new Limina design hitting the streets this evening.  OptionIt allows it&#8217;s members to reserve their spot at any of their partners&#8217; events at a fraction of the cost.  New site should be live tonight: OptionIt.com]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-493" title="optionit-under-construction" src="http://limina-ao.com/blog/wp-content/uploads/2011/09/optionit-under-construction.png" alt="" width="657" height="442" />Keep your eye open for a fresh new Limina design hitting the streets this evening.  OptionIt allows it&#8217;s members to reserve their spot at any of their partners&#8217; events at a fraction of the cost.  New site should be live tonight: <a title="website" href="http://www.optionit.com">OptionIt.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2011/09/28/optionit-launching/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Metamorph NX &#8211; Goes on the Road</title>
		<link>http://limina-ao.com/blog/2011/05/11/metamorph-nx-goes-on-the-road/</link>
		<comments>http://limina-ao.com/blog/2011/05/11/metamorph-nx-goes-on-the-road/#comments</comments>
		<pubDate>Wed, 11 May 2011 19:51:21 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Software Usability]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=462</guid>
		<description><![CDATA[Between 2009 and 2010, Limina worked with a brilliant group of scientists and software engineers at Molecular Devices on their next generation digital microscopy software.  After a thorough review of their existing product, and some contextual reviews of the software in use, Limina conducted the following: Cognitive Walk-through Expert UI Evaluation (Analysis and Recommendations) Alternative [...]]]></description>
			<content:encoded><![CDATA[<p><iframe width="640" height="510" src="http://www.youtube.com/embed/IPqqludT85Y" frameborder="0" allowfullscreen></iframe></p>
<p>Between 2009 and 2010, Limina worked with a brilliant group of scientists and software engineers at <a title="Molecular Devices - Metamorph NX" href="http://www.moleculardevices.com/Products/Software/Meta-Imaging-Series/MetaMorph-NX.html" target="_blank">Molecular Devices</a> on their next generation digital microscopy software.  After a thorough review of their existing product, and some contextual reviews of the software in use, Limina conducted the following:</p>
<ul>
<li>Cognitive Walk-through</li>
<li>Expert UI Evaluation (Analysis and Recommendations)</li>
<li>Alternative Interaction Models</li>
<li>Workflows, Storyboards and Wireframes</li>
<li>Usability Testing</li>
<li>UI Designs and Custom Iconography.</li>
</ul>
<p>You can see some examples of our work <a title="Molecular Devices : Project Summary" href="http://www.limina-ao.com/clients/#moldev" target="_blank">here</a>, but the video, with our client emphasizing the value of enhanced User Experience is the real success story.</p>
<p>-Jon</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2011/05/11/metamorph-nx-goes-on-the-road/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IDEO &#8211; The Future of the Book</title>
		<link>http://limina-ao.com/blog/2010/10/11/ideo-the-future-of-the-book/</link>
		<comments>http://limina-ao.com/blog/2010/10/11/ideo-the-future-of-the-book/#comments</comments>
		<pubDate>Mon, 11 Oct 2010 13:42:08 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Hot Topics]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Limina Perspective]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=407</guid>
		<description><![CDATA[It&#8217;s clear that the digitization of the Book has opened great possibilities for changing the way we consume, contextualize and engage in literature. Below is a post I found on Core 77  which shares IDEO&#8217;s exploration of various ux themes and concepts for interacting with digital books. (Reblog) IDEO released a five-minute video exploring the [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s clear that the digitization of the Book has opened great possibilities for changing the way we consume, contextualize and engage in literature. Below is a post I found on Core 77  which shares IDEO&#8217;s exploration of various ux themes and concepts for interacting with digital books.</p>
<p><a href="http://www.uxbooth.com/resources/the-future-of-the-book/"><img alt="" src="http://www.core77.com/blog/assets_c/2010/09/Coupland_HiRes-thumb-468x312-6523-thumb-468x312-6524.jpg" title="IDEO&#039;s - Future of the Book" class="alignnone" width="468" height="312" /></a><br />
(Reblog)</p>
<blockquote><p><a href="http://www.ideo.com/">IDEO</a> released a five-minute  video exploring the future of digital books. Their illustrated concepts  highlight some interesting opportunity areas in the publishing industry  through three distinct reading experiences:</p>
<p><em>Nelson</em> reinforces books as critical thinking tools,  providing multiple perspectives, references, and current conversations  on a single subject. The layers of information beyond the book itself  provide greater context and encourages a deeper dive into the book  throughout history and into the future.</p>
<p><iframe src="http://player.vimeo.com/video/15142335" width="400" height="225" frameborder="0"></iframe>
<p><a href="http://vimeo.com/15142335">The Future of the Book.</a> from <a href="http://vimeo.com/ideo">IDEO</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><em>Coupland</em> addresses the challenge to stay on top of the  thinking and writing in our world and professional field that so many of  us feel. Readers can easily keep up with &#8220;must-reads&#8221; by following what  colleagues are reading and interact with them through &#8220;book clubs&#8221; and  other social layers (discussions, suggestions, lists, purchases) to help  each other share and learn.</p>
<p><em>Alice</em> explores new ways for users to interact and affect  written narratives by introducing non-linear and game mechanics to  reading. By introducing the reader&#8217;s active participation, this concept  &#8220;blurs the lines between reality and fiction.&#8221; Certain interactions  allow the reader to transcend traditional media by utilizing geographic  location, communication with characters, and user contribution to  storyline and plot.</p>
<p>A very cool blue sky project from IDEO to say the least. I enjoyed  the way they chose to compartmentalize the functionality rather than  attempting to redefine the book in a single all-inclusive interface (a  failure we see in most of these concept projects). This project, and  examples appearing all over the industry, only further prove that the  future of books in the digital age does not lie in single solution but  rather a utilization of technology to better address the wants and needs  of users to share, interact, and learn more through specialized design  solutions. We are certainly on the precipice of a whole new world for  this morphed understanding of the &#8220;book.&#8221;If you are interested in hearing more about IDEO&#8217;s project, check out  the interview with two of the project&#8217;s designers, Duane Bray and  Robert Lenne, on <a href="http://beta.wnyc.org/shows/bl/2010/sep/21/future-books/">WNYC&#8217;s Brian Lehrer Show</a>. There&#8217;s also a conversation about the topic going on over at <a href="http://www.facebook.com/ideobigconversations">IDEO&#8217;s Facebook page</a>.</p>
<p><em>Video and photos from <a href="http://www.ideo.com/">IDEO</a>.</em></p></blockquote>
<p>This post was originally posted by Willem Van Lancker, 21 Sep 2010</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2010/10/11/ideo-the-future-of-the-book/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Good UI Design References</title>
		<link>http://limina-ao.com/blog/2010/05/05/good-ui-design-references/</link>
		<comments>http://limina-ao.com/blog/2010/05/05/good-ui-design-references/#comments</comments>
		<pubDate>Wed, 05 May 2010 20:12:59 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Agile Usability]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Limina Perspective]]></category>
		<category><![CDATA[Software Usability]]></category>
		<category><![CDATA[design tips]]></category>
		<category><![CDATA[UI patterns]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=388</guid>
		<description><![CDATA[This is just a quick post to share good resources for designing usable interfaces. (It always helps to have a handy set of links). 20 Websites to Help You Master User Interface Design 10 Tools for Evaluating Web Design Accessibility 11 Inspiring Lessons from Web Design Experts Best Practices for Hints and Validation in Web [...]]]></description>
			<content:encoded><![CDATA[<p>This is just a quick post to share good resources for designing usable interfaces.  (It always helps to have a handy set of links).</p>
<ul>
<li><a href="http://sixrevisions.com/usabilityaccessibility/20-websites-to-help-you-master-user-interface-design/">20 Websites to Help You Master User Interface Design</a></li>
<li><a href="http://sixrevisions.com/web-standards/accessibility_testtools/">10 Tools for Evaluating Web Design Accessibility</a></li>
<li><a href="http://sixrevisions.com/web_design/11-inspiring-lessons-from-web-design-experts/">11 Inspiring Lessons from Web Design Experts</a></li>
<li><a href="http://sixrevisions.com/user-interface/best-practices-for-hints-and-validation-in-web-forms/">Best Practices for Hints and Validation in Web Forms</a></li>
</ul>
<p>Hope you find these helpful,</p>
<p>-Jon Fukuda</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2010/05/05/good-ui-design-references/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Who Owns Product or Site Usability?</title>
		<link>http://limina-ao.com/blog/2010/03/25/who-owns-product-or-site-usability/</link>
		<comments>http://limina-ao.com/blog/2010/03/25/who-owns-product-or-site-usability/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 01:49:01 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Software Usability]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=383</guid>
		<description><![CDATA[Some say Product Management; others believe it is a Software Development responsibility&#8230; We believe that product usability is the responsibility of all departments and functions involved in the development process: Marketing, Sales, Software Development, QA, Help Desk and more. In an ideal product and end user oriented organization, usability should be a core principle throughout [...]]]></description>
			<content:encoded><![CDATA[<div>Some say Product Management; others believe it is a Software Development  responsibility&#8230;</div>
<p>We believe that product usability is the responsibility  of all departments and functions involved in the development process:  Marketing, Sales, Software Development, QA, Help Desk and more.</p>
<p>In an ideal product and end user oriented organization, usability should be a core principle throughout all phases of the development  cycle. This is a quick post to provide an overview of where various usability milestones should be injected into the definition,  design, development and deployment of a given product or website.</p>
<p><strong>Definition</strong><br />
In this early stage where requirements are being gathered,  product management &amp; marketing should take some time to better understand the target users,  their environment and the subtleties of the interface requirements.</p>
<p>What are the gross categories of the target audience?  This doesn&#8217;t necessarily fall simply into categories of user-role or demographic.  More often than not, behavioral and environmental trends are what drive perceptions of whether something is usable, or useful.  For example, people who work on their feet and are not necessarily at their desk for the full 8hrs of a given work day, will need larger visual cues for critical alerts or timely calls to action.  This is typically the type of thing you will only catch if you conduct contextual interviews and user ethnography.</p>
<p><strong>Design</strong><br />
During the design phase, it&#8217;s helpful to have your target audience and user types documented as personas.  The persona documentation is a helpful reference tool for business and functional analysts charged with translating processes flows and functional requirements into system work-flow models and interface schematics.</p>
<p>More often than not, the phrase &#8220;That looks alright to me&#8221; is uttered among product managers and analysts without having a touchstone to vet the flows and schematics.  Knowledge of the  user personas, task models and use cases will always drive the design to a more solid state.</p>
<p>Even the best straw man work-flows and schematics can use some vetting &#8211; before moving into your development sprints, have the marketing and product team test out the design on paper with some sample users.  Initial feedback on the mock-ups typically reveal insightful recommendations.  Questions like &#8220;What would you expect to happen when you click here?&#8221;  or &#8220;Why did you decide that&#8217;s what you needed to click?&#8221; will help you understand how they are perceiving the design and the information as you designed it.</p>
<p><strong>Development</strong><br />
For whatever reason, UI designs often undergo a round of changes between leaving the hands of the UI designers and the final build.  This is typical and usually can be attributed to technical, time or budgetary constraints.</p>
<p>Every now and then, changes are snuck in by engineers who have a feel for UI and have their own approach to design.   For this reason, it&#8217;s helpful to document all of the flows and schematics, along with interactive states for all UI components.  The documentation should be supplemented with the design rationale in order to maintain the integrity of the UI.  This is particularly important for actionable design elements.  If you don&#8217;t have a rationale for the design, you may want to rethink how it got into the schematic.  As an added benefit, this helps to reducing  developer&#8217;s time spent on interpreting designs and to remain focused on  clean code.</p>
<p><strong>Validation</strong><br />
Once development is complete and the product enters alpha/beta testing, A formal round of Usability Tests are essential and effective methods for benchmark data, validation of your designs and gauging readiness for market. Key  concerns should be identified and addressed prior to release, or where  appropriate they may be deferred and addressed during future product  releases.</p>
<p>By keeping a fixed eye on the users and their interactions  with the product, your organization will strengthen the vital bridge between usability issues  and the software development view of the user interface.</p>
<p><strong>Post Product Launch</strong><br />
Even after the product is released to market users will go through adoption and long-tail stages of use.  Several rounds of usability testing will help gain the quantitative and qualitative user interaction feedback essential for success.</p>
<p>In gathering feedback  from users and preparing for successful future product revisions and  enhancements, your organization will ensure that the product has every opportunity to  achieve the results required by your end users&#8217; investment and trust.</p>
<p>-Jon Fukuda</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2010/03/25/who-owns-product-or-site-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Power to the People &#8211; The New Energy Experience</title>
		<link>http://limina-ao.com/blog/2009/05/27/power-to-the-people-the-new-energy-experience/</link>
		<comments>http://limina-ao.com/blog/2009/05/27/power-to-the-people-the-new-energy-experience/#comments</comments>
		<pubDate>Wed, 27 May 2009 21:32:19 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Hot Topics]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Crowd-sourcing]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[data visulization]]></category>
		<category><![CDATA[energy management]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Information Visualization]]></category>
		<category><![CDATA[smart meters]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=219</guid>
		<description><![CDATA[The set up In October 2007, GE Energy signed a memorandum to deploy advanced energy delivery and metering technologies that will give residential and industrial consumers greater control over their energy usage and costs.  November 2007, Google announces investment in energy technologies marking the tipping point of a new era on our energy experience.  Just [...]]]></description>
			<content:encoded><![CDATA[<p><!--digg--></p>
<p><strong>The set up</strong></p>
<p>In October 2007, <a href="http://www.gepower.com/about/press/en/2007_press/100407.htm" target="_blank">GE Energy</a> signed a memorandum to deploy advanced energy delivery and metering technologies that will give residential and industrial consumers greater control over their energy usage and costs.  November 2007, <a title="Google.org" href="http://blog.google.org/2007_11_01_archive.html" target="_blank">Google announces investment in energy technologies</a> marking the tipping point of a new era on our energy experience.  Just this month, Google revealed the iceberg tip of their Smart Meter consumer solution, harnessing the power of their analytic tool set, Google has settled in the keystone position of the smart meter user experience.</p>
<p align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/6Dx38hzRWDQ&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/6Dx38hzRWDQ&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;feature=player_embedded&amp;fs=1" allowfullscreen="true"></embed></object></p>
<p>Earlier this month, Limina had the privilege to compete against leading technology consulting firms for a contract to research, design, deploy and test a consumer facing portal that would empower consumers to make the smart consumption decisions and, in the future, play a key role in consumption based home automation.</p>
<p>Much of how this future scenario is already in the works as demonstrated by <a href="http://www.luciddesigngroup.com/" target="_blank">LucidDesignGroup&#8217;s</a> Building Dashboard product for schools, companies and homes.  With this dashboard you will, not only monitor and your building&#8217;s usage, but chart it against your usage history and, if you have on-site renewable power generation such as wind and solar, you can make smart decisions on when to sell back to the grid to maximize your return.</p>
<p style="text-align: center;"><a title="View a Live Demo" href="http://www.buildingdashboard.com/demo/starter/" target="_blank"><img class="aligncenter" title="Building Dashboard" src="http://www.luciddesigngroup.com/images/starter/starter_screenshot1.jpg" alt="" width="516" height="306" /></a></p>
<p>This display panel was featured in a <a title="Michelle Kaughman - Architect" href="http://www.mkd-arc.com/" target="_blank">Michelle Kaughman</a> home on an Episode of NextWorld on the <a title="recently added to my tivo play-list" href="http://science.discovery.com/" target="_blank">Science Channel</a>, where she discussed live scenarios for home and energy automation with the dashboard as the centerpiece.</p>
<p><strong>The Challenge:</strong></p>
<p>1) Getting the energy providers, homes and consumers ready: In October 2008 the Government in the UK announced a mandate to have every household outfitted with gas and electricity smart meters by the year 2020.  On March 19 2009, <a title="Energy &amp; Environment" href="http://www.whitehouse.gov/issues/energy_and_environment/" target="_blank">www.whitehouse.gov</a> posted the <a title="Recovery.gov" href="http://www.recovery.gov/" target="_blank">recovery act</a> with an $11billion dollar investment in a smart-grid.  While there are no mandates, one can predict action is imminent.</p>
<p>2) Ubiquity: Google is about as ubiquitous of a technology service provider as you can get, their interest and investment in this space is a key indicator that this challenge will be met.  LucidDesignGroup&#8217;s Dashboard has thought forward to live case for interfacing with consumers in an easy to use way making the information and more importantly calls to action accessible and elegant.</p>
<p>Limina is always looking forward to turnkey technological and experience innovations in any industry, but has a special interest in contributing to the global efforts to reduce energy waste and build awareness in renewable resources.</p>
<p>-Jon Fukuda</p>
<p>Submit your RFP&#8217;s to services at limina-ao dot com</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2009/05/27/power-to-the-people-the-new-energy-experience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Good Table UI Design &#8211; Some Limina Tips</title>
		<link>http://limina-ao.com/blog/2009/04/07/good-table-ui-design/</link>
		<comments>http://limina-ao.com/blog/2009/04/07/good-table-ui-design/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 18:18:34 +0000</pubDate>
		<dc:creator>Maria</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Limina Perspective]]></category>
		<category><![CDATA[Software Usability]]></category>
		<category><![CDATA[data visulization]]></category>
		<category><![CDATA[UI patterns]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=147</guid>
		<description><![CDATA[At Limina we spend a lot of time working on complex information display where users are making critical decisions based off of key content, often displayed in tables.  Therefore, it is very important that the formatting of tables be as consistent and clear as possible. Tables should clarify and enhance the information they present, not [...]]]></description>
			<content:encoded><![CDATA[<p><!--digg--></p>
<p>At Limina we spend a lot of time working on <a title="Information Design" href="http://www.limina-ao.com/services/design.html#datavisualization" target="_self">complex information display</a> where users are making critical decisions based off of key content, often displayed in tables.  Therefore, it is very important that the formatting of tables be as consistent and clear as possible. Tables should clarify and enhance the information they present, not obscure it.</p>
<p>I like to think that most of us involved in <a title="UI Design" href="http://www.limina-ao.com/services/design.html" target="_self">GUI design</a> (be it on the interface design or development end) have either read <a title="Edward Tufte - Books" href="http://www.edwardtufte.com/tufte/books_vdqi" target="_blank">Tufte’s books</a> or heard about his useful guidelines for laying out and designing tabular data. Yet, one of the most common issues we run into when performing Expert UI Evaluations is poor table design.</p>
<p>Googling around the web I found few sites discussing the topic of table design other than those providing libraries of CSS table designs; however in many cases these reference libraries actually add to the proliferation of bad table design. Developers get excited when they figure out a way to code up a new table style or interaction method and post it for others to use. But there is little discussion on where and when (if ever) these solutions are appropriate. <em>Remember, just because you can doesn’t mean you should.</em></p>
<p>Here are the three areas where we commonly see the most UI design and usability mistakes and some guidelines that should help you create more useful and usable tables:</p>
<h3><strong>Design Style:</strong></h3>
<p><strong></strong>Help users focus on what they can learn from table data; the data should stand out, not the design of the table.</p>
<p><strong>Minimize visual clutter and avoid over styling</strong></p>
<ul>
<li>Do you really need horizontal and vertical grid lines and an alternating row color?</li>
<li>I can’t think of any good reason to ever use a patterned background</li>
</ul>
<ul><a title="table patterned bkg by limina application office, on Flickr" href="http://www.flickr.com/photos/limina-ao/3420785541/"><img src="http://farm4.static.flickr.com/3385/3420785541_b94acb49f6.jpg" alt="table patterned bkg" width="489" height="188" /></a></ul>
<p><strong>Avoid over use of color</strong></p>
<ul>
<li>A basic table shell does not need more than 2 or 3 colors to differentiate column headers, a content/grid and a selection highlight</li>
<li>When you use colors use them consistently. Users need to know they can count on the visual cues you provide them so they can act efficiently</li>
<li>When using an alternating line color keep the contrast to a minimum and use soft colors that are easy on the eye</li>
<li>Don’t make the alternating line color too similar to your line item selection color</li>
</ul>
<p><strong>Content alignment (left, right, center)</strong></p>
<ul>
<li>Know your content alignment rules. Typically content is aligned left. But numerical content can only be revealing if the column is appropriately aligned and left alignment is not usually the best choice.</li>
<p><div class="wp-caption alignnone" style="width: 510px"><a title="table cell alignment by limina application office, on Flickr" href="http://www.flickr.com/photos/limina-ao/3421594186/"><img src="http://farm4.static.flickr.com/3602/3421594186_e0a4b25954.jpg" alt="table cell alignment" width="500" height="432" /></a><p class="wp-caption-text">SOURCE: http://blog.editage.com/?q=Aligning-Columns</p></div></ul>
<p>Use cell padding and spacing – cramped table cells are much harder to read, make sure you provide enough space to allow users to easily scan content</p>
<h3>Interaction style:</h3>
<p>Unless explicitly called out, a user will typically need to spend time “discovering” interaction features.  In the case of tables, there are a number of visual cues you can provide to direct their interactions.</p>
<ul>
<li>Define a set of table styles that lets users know how they can interact with table content; read-only, editable, selectable, etc</li>
<li>Apply the styles consistently</li>
<li>Consider revealing controls on-hover to decrease visual clutter for scanning, but enable the table for interaction when necessary</li>
<li>When designing complex tables that have mixed content types (e.g. read only and editable and/or selectable) provide a visual style that illustrates these key differences</li>
<li>Clearly indicate which columns are sortable and which is the default</li>
<li>Indicate whether users can resize columns and rows</li>
<li>Consider using mouse over text to display lengthy cell data when truncating</li>
<li>Avoid using fixed tables inside panes or windows that horizontally resize. The reason for this is because it will be easy for users to accidentally lose some columns by resizing a table-containing pane to be horizontally smaller</li>
</ul>
<h3>Table usage:</h3>
<p>Is a table the best format for displaying your content? Sometimes viewing data in a tabular format doesn’t help your users see trends in the data. Ask yourself if the information would be better displayed using a simple (or sometimes complex) visualization. Or, consider providing both a tabular and visualization view of the content.</p>
<p>This list of considerations is not meant to be the definitive guide for good table design but it should help you avoid the most obvious pitfalls and put you on the right track.</p>
<p>-Maria</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2009/04/07/good-table-ui-design/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>UX for Breakfast &#8211; Brand vs. Usability</title>
		<link>http://limina-ao.com/blog/2009/03/25/ux-for-breakfast-brand-vs-usability/</link>
		<comments>http://limina-ao.com/blog/2009/03/25/ux-for-breakfast-brand-vs-usability/#comments</comments>
		<pubDate>Wed, 25 Mar 2009 22:00:05 +0000</pubDate>
		<dc:creator>Jon</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Limina Perspective]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[contextual research]]></category>
		<category><![CDATA[User Research]]></category>

		<guid isPermaLink="false">http://limina-ao.com/blog/?p=124</guid>
		<description><![CDATA[If you&#8217;ve gone shopping for orange juice anytime in 2009, you&#8217;ve been privy to one of the biggest branding blunders since New Coke. Pepsico released it&#8217;s new Tropicana brand to the market in January 2009 and shortly after, the public unleashed a firestorm of criticism over the new design.  On February 23rd, just under 2 [...]]]></description>
			<content:encoded><![CDATA[<p><!--digg--></p>
<p>If you&#8217;ve gone shopping for orange juice anytime in 2009, you&#8217;ve been privy to one of the biggest branding blunders since New Coke. Pepsico released it&#8217;s new Tropicana brand to the market in January 2009 and shortly after, the public unleashed a firestorm of criticism over the new design.  On February 23rd, just under 2 months later, <a href="http://www.nytimes.com/2009/02/23/business/media/23adcol.html?pagewanted=1&amp;_r=1&amp;ref=media" target="_blank">Pepsi announced they will be reverting back to the original branding.</a></p>
<p>While, for Pepsi, this has been an unfortunate loss of marketing spend and brand equity, there are some excellent lessons to take away from the experiment.</p>
<p><strong>Lesson 1) Know thy consumer</strong></p>
<p>At Limina we often tout the benefits of conducting <a title="User Research" href="http://www.limina-ao.com/services/research.html#userresearch" target="_blank">user research</a> and usability tests before, during and after the <a title="Design Phase" href="http://www.limina-ao.com/approach/envision.html" target="_self">design phase</a> of any project.  As we now know, this applies not only to pure user interfaces and product design, but to something as seemingly minor as a branding exercise.  Focus groups, as opposed to usability studies tend to remove the product and the user from context of use, and has the tendency to lose out on the <a title="Contextual Inquiry" href="http://www.limina-ao.com/services/research.html#userresearch" target="_blank">rich data collection opportunities</a> users will encounter in a live scenario.  Had the brand design team tested the new packaging in a grocery store and observed product selection behavior  of consumers with the new brand against a control study (of the original brand), they would have learned an incredible amount of qualitative and quantitative data about the impact of the new design.</p>
<p>My own personal observations and experience with the new design at the point of purchase consisted of stalled out consumers standing in front of the tropicana selections, heads tilted slightly  trying to figure out which one they used to buy.  On my first encounter with the new brand, I must have  spent 3 minutes crouched in front of the juice rack looking over the new and drastically reduced information based labeling of:  Some Pulp, No Pulp, Lots of Pulp, etc. etc. before grabbing the carton of choice.  Surely a brand manager would have noted this as indication of &#8220;missing the mark&#8221; and hit the drawing board for another pass before going into full blown package manufacturing.</p>
<p><strong>Take Away: Test early, test often.  Context Matters</strong></p>
<p><strong>Lesson 2) Detailed  Design vs. Gestalt</strong></p>
<p>The Gestalt notion,  &#8220;The whole is other than the sum of it&#8217;s parts&#8221;, could not have rung more truth in this event.<br />
It&#8217;s one thing to look at the design of the new Tropicana carton as it sits on the table and admire some of the aesthetic choices of typography, pantones and graphics.</p>
<p style="text-align: center;"><img title="Rebranded Tropicana" src="http://farm4.static.flickr.com/3580/3385156293_4b5477d41e.jpg?v=0" alt="" /> <img title="Tropicana Original" src="http://farm4.static.flickr.com/3618/3385968426_9c88be4951.jpg?v=0" alt="" /></p>
<p>It&#8217;s truly another thing to put all of the variations of over a dozen cartons on the table and ask you to make a decision based on the design.  If you say you identified your preferred  household carton of choice without having to scan the selection more than once&#8230;  you&#8217;re either lying or you worked on the the brand strategy for this campaign.<br />
<img class="aligncenter" title="Rebranded Tropicana Family" src="http://farm4.static.flickr.com/3570/3385968950_b6bd4883d0.jpg?v=0" alt="" width="500" height="247" /> Either way, running the same visual scan with the original branding is a far simpler task.  Here&#8217;s why:  The original branding had large color blocks as part of their<a title="Infromation Visualization" href="http://www.limina-ao.com/services/design.html#datavisualization" target="_self"> information design</a> system to color code a family of very similar products.  On the original design, the color coding  takes up nearly 1/4 of the visual field.  So, whether you&#8217;re a pulp, no pulp, some pulp consumer&#8230;  you knew which one was made just for you.  Looking at the new designs, the color coding system fails as it&#8217;s reduced to less than 10% of the visual field and while they added some redundant labels in case you missed the color coding, colored text on colored juice graphics don&#8217;t quite pop the way white text on color does.</p>
<p><img class="aligncenter" title="Original Tropicana Family" src="http://farm4.static.flickr.com/3470/3385968842_f87c5f05f2.jpg?v=0" alt="" width="500" height="243" /></p>
<p><strong>Take Away: Avoid designing in a vacuum, think of how a single change ripples through the whole. </strong></p>
<p><strong><br />
Lesson 3) Usability is for everyone</strong></p>
<p>Most people who know me, but are unfamiliar with the usability field, often begin to glaze over when I start to break down <a title="What we do" href="http://www.limina-ao.com/about/what_we_do.html" target="_self">what Limina does</a>.  So I love a great anecdote that&#8217;s accessible enough for me to put people in the shoes of a frustrated user and get bobble-head nods back.  The Tropicana story is great because it&#8217;s not that they should have never touched the brand&#8230;  it&#8217;s more that they lacked an understanding of how to modify the brand without negatively impacting the information design system which worked so well.</p>
<p>I&#8217;ve even heard our clients say &#8220;we have a designer for that we only need you for the usability piece&#8221; or &#8220;we&#8217;d like you to run a usability study and give us the results, we can take it from there.&#8221;  It&#8217;s really not enough to see the poor ratings on a score card run with it or to take a wireframe and go nuts on the visual design.  It&#8217;s critical to see usability and information design as a holistic <a title="Usability Process" href="http://www.limina-ao.com/approach/waterfall.html" target="_self">end-to-end process</a>, any loss in translation of user requirements not only results in sunk cost on design/development/manufacturing, but potentially failure to take flight.  Tropicana is fortunate enough to have enough capital to absorb the blow and correct their course.</p>
<p><strong>Take Away: If you&#8217;re not sure if usability applies to your product or software&#8230;  ask someone who knows something about it.</strong></p>
<p><strong>Lesson 4) Leveraging social tools</strong></p>
<p>It&#8217;s no secret&#8230;  social networking tools are extremely effective in marketing feedback.  Great product managers have had their ears to the ground in social network response mechanisms for some time.  Good examples of consumer feedback mechanisms are Dell&#8217;s<a title="Dell Ideastorm" href="http://www.ideastorm.com" target="_blank"> ideastorm.com</a> and Starbucks&#8217; <a title="My Starbyucks Idea" href="http://mystarbucksidea.com" target="_blank">mystarbucksidea.com</a>, but more recently we&#8217;re seeing the strength of  <a href="http://www.twitter.com" target="_blank">Twitter</a> and <a href="http://www.facebook.com" target="_blank">Facbook</a> as focus group and user feedback mechanisms.  While you&#8217;re not going to get fine granularity of complex usability issues resolved in these forums, you can definitely gain perspective on broad stroke issues that ail your product.</p>
<p><strong>Take Away: Word of Mouth marketing is a two way street, sure, you can promote yourself all over the social web, but take time to listen to what they&#8217;re saying in response.</strong></p>
<p><strong>Lesson 5) If it ain&#8217;t broke, don&#8217;t fix it</strong></p>
<p>Needs no explanation.  Taking a page from Sony/Aiwa, Nissan/Infinity, Toyota/Lexux/Scion &#8211; if you want to test something new, create a test market or spin off a sub-brand.</p>
<p>I&#8217;ve heard rumors that this was a stunt to get consumer buzz.  I&#8217;m not sure I&#8217;m buying that, afterall..  they didn&#8217;t change their juice formula,  just the box design.  Whatever the case, this has been a great example of how not to mess with a good thing.</p>
<p>-Jon</p>
]]></content:encoded>
			<wfw:commentRss>http://limina-ao.com/blog/2009/03/25/ux-for-breakfast-brand-vs-usability/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

