<?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>Davin&#039;s blog &#187; UX</title>
	<atom:link href="http://blog.davingranroth.com/tag/ux/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.davingranroth.com</link>
	<description>Occassional posts on user experience design, faith, and family.</description>
	<lastBuildDate>Sun, 18 Jul 2010 17:17:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Stop the stopwatch, UXers!</title>
		<link>http://blog.davingranroth.com/2010/06/stop-the-stopwatch/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=stop-the-stopwatch</link>
		<comments>http://blog.davingranroth.com/2010/06/stop-the-stopwatch/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 00:38:17 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[testing]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=1072</guid>
		<description><![CDATA[Recently, I watched a series of people observe informal usability tests. Two of the observers have recently graduated with Masters degrees in HCI or an adjacent field. Both recent graduates used a watch to record time-on-task and completion of the &#8230; <a href="http://blog.davingranroth.com/2010/06/stop-the-stopwatch/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="attachment_1128" class="wp-caption alignright" style="width: 236px"><a href="http://www.flickr.com/photos/rsdio/3642119413/"><img class="size-full wp-image-1128" title="stopwatch-casey.marshall" src="http://blog.davingranroth.com/wp-content/uploads/2010/02/stopwatch-casey.marshall.jpg" alt="Stopwatch graphic from Casey Marshall" width="226" height="240" /></a><p class="wp-caption-text">Stopwatch graphic by Casey Marshall</p></div>
<p>Recently, I watched a series of people observe <em>informal</em> usability tests.</p>
<p>Two of the observers have recently graduated with Masters degrees in <abbr title="Human-Computer Interaction">HCI</abbr> or an adjacent field.</p>
<p>Both recent graduates used a watch to record time-on-task and completion of the task. One actually broke out a stopwatch while the other referred to his wristwatch.</p>
<p>While these stopwatch fixations livened my day, I do wonder about graduate education in the usability field.</p>
<p>I recall that for the first half-dozen website usability tests that I moderated, I also recorded time. Then I realized that timing tasks obscured more important observations, and I haven&#8217;t bothered with timing since then. Besides, we can get times off the recordings.</p>
<h3>Is the working world really that far off from graduate studies?</h3>
<p>So why did these two graduates pull out timers?</p>
<p>Well, I think they were parroting &#8220;proper&#8221; methods they were taught without understanding when it is useful. If, in grad school, they only practice for ideal research situations, they&#8217;re missing out on the realities of the work world.</p>
<p>I&#8217;ve worked in an Agile development environment for the last couple years, and for the decade prior to that I worked on fast-moving projects that used whatever <abbr title="Software Development Lifecycle">SDL</abbr> I applied to them. The mission: Deliver value, ASAP.</p>
<p>With that charge, decisions are made that don&#8217;t allow for insight from in-depth, long-term studies with huge numbers of participants. I&#8217;m grateful for even the small, quick sessions of user and design research.</p>
<p>Regardless, I got a chuckle out of seeing these two bring out timers for a completely informal, one-off usability test. As expected, they both missed seeing key interactions because they were watching the clock.</p>
<h3>When to be concerned about time, usability-wise</h3>
<p>Okay, I&#8217;d hate to give the impression that time doesn&#8217;t matter. I just find that a long time to complete a task on a website is rarely the issue, instead it may be a symptom of other issues which become apparent during research.</p>
<p>However, I do find <em>response times</em> of a system to a user&#8217;s actions to be very important because too much delay in a system&#8217;s response can really hurt the user&#8217;s experience and even distract people from completing whatever they set out to complete. Still, this class of problem is often noticeable during observation. (Unless you missed it while you were fiddling with your stopwatch.)</p>
<p>With that in mind, I&#8217;ll gesture towards <a href="http://www.useit.com/papers/responsetime.html">Nielsen&#8217;s take on response times</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2010/06/stop-the-stopwatch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My 2.5 days in San Francisco: MX 2010</title>
		<link>http://blog.davingranroth.com/2010/03/my-2-5-days-in-san-francisco-mx-2010/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=my-2-5-days-in-san-francisco-mx-2010</link>
		<comments>http://blog.davingranroth.com/2010/03/my-2-5-days-in-san-francisco-mx-2010/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 05:04:06 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[faith]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[mx2010]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=1174</guid>
		<description><![CDATA[Saturday PM: Sunshine! I actually began to sweat under my blazer from the warm sun shining brightly through the window. I had arrived in San Francisco a little early on Saturday, dropped my suitcase off at the Intercontinental Hotel, and &#8230; <a href="http://blog.davingranroth.com/2010/03/my-2-5-days-in-san-francisco-mx-2010/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="attachment_1182" class="wp-caption alignnone" style="width: 545px"><img class="size-full wp-image-1182" title="yerbabuena-535x292" src="http://blog.davingranroth.com/wp-content/uploads/2010/03/yerbabuena-535x292.jpg" alt="Red stone church near green trees, surrounded by skyscrapers." width="535" height="292" /><p class="wp-caption-text">View from top of Yerbe Buena Gardens, San Francisco, March 2010.</p></div>
<h3>Saturday PM: Sunshine!</h3>
<p>I actually began to sweat under my blazer from the warm sun shining brightly through the window.</p>
<p>I had arrived in San Francisco a little early on Saturday, dropped my suitcase off at the Intercontinental Hotel, and walked around the corner to a sandwich shop for a bite to eat and to get online. As I draped my coat over the back of the chair, I decided I <em>really</em> like San Francisco. It&#8217;s the sun, I admit it. Oh, and I had already noted that the two billboards I noticed on the taxi from the airport were pure tech: one for an enterprise search system and another for PGP. Billboards talking to me? Amazing.</p>
<p>After settling in at the hotel, I had dinner with my old colleague <a href="http://www.linkedin.com/pub/christopher-burley/1/423/585">Chris Burley</a> and his girfriend at a nice Italian restaurant. Chris is awesome. I love talking with him because he has such passion for what he does, which currently is to help lead efforts like urban farming in the Bay area.</p>
<h3>Sunday AM: 3 good things</h3>
<p>The next morning I woke early due to the time zone difference, and I had three excellent experiences:</p>
<ol>
<li>In the aching fog of caffeine deprivation, had the <em>best cup of coffee of my life</em>, thanks to the <a href="http://bluebottlecoffee.net/">Blue Bottle Café</a>. (I admit, I ordered a second cup to go.)</li>
<li>Paused in the <a href="http://www.yerbabuenagardens.com/">Yerbe Buena Gardens</a> where some elderly practiced tai chi and parents snapped photos as their little children hid behind a waterfall. I stood on a bridge and watched the morning sun ripple on the glass of San Francisco skyscrapers.</li>
<li>Crashed a church service at a music venue called Mezzanine put on by a group that calls itself <a href="http://www.ikonsf.com/">IKON</a>. I was the oldest person there, amidst a crowd of art school students. We sang, we listened to a teaching from the Word, we had communion. It was good.</li>
</ol>
<h3>Sunday PM: MX day 1</h3>
<p>Sunday afternoon saw the start of the 2010 <a href="http://mxconference.com/">MX Conference</a>.</p>
<p>MX2010 is largely focused on managing user experience and less on the  tactical end of UX practice, and there were some thought-provoking  presentations from people who have been managing user experience for a  number of years, in a number of different types of companies. Off the  top of my head, presenters represented firms in financial industries  (Vanguard), publishing (Harvard Business Review), retail sporting goods,  and online media (Youtube).</p>
<p>The series of talks was fantastic, and was kicked off with a keynote by Jared Spool in which he shared insights like that Gallup&#8217;s Customer Engagement (CE11) metric has high correlation to the quality of user experience. Spool&#8217;s keynote actually turned out to predict some themes that carried throughout the many presentations. Among them were the importance of establishing a vision for user experience and that experience ultimately must be addressed well across multiple channels (web, mobile, physical space, etc.).</p>
<p>Spool talked about three core attributes necessary for great user experience: Vision, Feedback, and Culture. He posed three questions that UX managers should ask.</p>
<ol>
<li> VISION: Can everyone on the team describe the experience of using your design 5 years from now?</li>
<li> FEEDBACK: In the last six weeks have you spent more than two hours watching someone use your design or a competitor&#8217;s design?</li>
<li> CULTURE: In the last six weeks have you rewarded a team member for creating a major design failure?</li>
</ol>
<p>After the conference reception, I wound down the evening by taking a walk around a few blocks and ending at a nearby bar. I ate a burger and watched the Academy Awards for a while. Back at the hotel I watched the end of a Clint Eastwood Western flick and fell asleep.</p>
<h3>Monday AM+PM: MX day 2</h3>
<p>I woke at 4 in the morning. I checked analytics, email, and my usual RSS feeds. I stretched, washed, dressed, and still had time to kill. I read a few chapters in <em>The Shack</em>, a book Adam gave me last week.</p>
<p>I chatted throughout the day with Haakon, a usability specialist attending from the design company <a href="http://www.tarantell.no/">Tarantell</a> in Norway, and as he sipped his coffee, I decided to not mention my mere three hour time difference.</p>
<p>The rest of the day was another series of excellent presentations. Themes: customer (more than user) experience, vision that guides the business, new models for working in the network, UX leadership stories from Youtube, customer experience in renovation of thinking at Harvard Business Review Online, understanding the holistic customer, data-driven design decisions (and when not to rely on data for design decisions), experience design as business strategy, and operating as a chief experience officer in your company.</p>
<p>It was great to hear first-hand the stories from these user experience leaders. Now, for what to do with it all when returning to the office.</p>
<h3>Tomorrow and then</h3>
<p>Tomorrow morning I fly back to Michigan, and need to get my head back into product owner and user experience work. But I also need to hold onto the ideas from this conference, and shift into actively leading user (or is that customer) experience work at Covenant Eyes.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2010/03/my-2-5-days-in-san-francisco-mx-2010/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How WordPress falters as a CMS: Multiple content fields</title>
		<link>http://blog.davingranroth.com/2009/12/how-wordpress-falters-as-a-cms/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=how-wordpress-falters-as-a-cms</link>
		<comments>http://blog.davingranroth.com/2009/12/how-wordpress-falters-as-a-cms/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 03:24:10 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[covenanteyes]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=1015</guid>
		<description><![CDATA[WordPress is amazing and keeps getting better, but I want to be clear about an inherent limitation that WordPress has as a content management system (CMS). That limitation is that WordPress doesn&#8217;t handle multiple content regions on web pages. Too &#8230; <a href="http://blog.davingranroth.com/2009/12/how-wordpress-falters-as-a-cms/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>WordPress is amazing and keeps getting better, but I want to be clear about an inherent limitation that WordPress has as a content management system (CMS). That limitation is that <strong>WordPress doesn&#8217;t handle multiple content regions on web pages</strong>.</p>
<p>Too strong? With WordPress, you can try to use <a href="http://wordpress.org/extend/ideas/topic.php?id=3310">custom fields</a> or innovative hacks like <a href="http://www.billerickson.net/wordpress-thesis-multiple-content-areas/">Bill Erickson&#8217;s approach to multiple content areas using H4 elements</a> in his excellent theme &#8220;Thesis&#8221;. Unfortunately, neither of those approaches really deals with the depth of the design problem that often requires multiple content areas for pages.</p>
<p>As an information architect/user experience designer, I&#8217;ve been involved in many projects that required more types of content on any single screen than WordPress is designed to handle.</p>
<p>Let me draw out what I&#8217;m talking about here.</p>
<h3>Exhibit A: Page content that WordPress is designed to handle</h3>
<p>In a standard WordPress page or post, you&#8217;ll see these author-controlled pieces of content.</p>
<ul>
<li>Post/page Title</li>
<li>Body</li>
<li>Excerpt (often not-used)</li>
</ul>
<div id="attachment_1032" class="wp-caption alignnone" style="width: 496px"><img class="size-full wp-image-1032" title="standard-wordpress-content-fields" src="http://blog.davingranroth.com/wp-content/uploads/2009/12/standard-wordpress-content-fields.png" alt="Standard WordPress content fields include the title, excerpt, and body." width="486" height="295" /><p class="wp-caption-text">Standard WordPress content fields include the title, excerpt, and body.</p></div>
<p>There are other sets of data for a page or post that an author can control, too, but these are meta-data such as tags, categories, slug (shows up in the URL), and possibly search engine optimization information like title, description, and keywords.</p>
<p>For a normal blog, many online trade journals, and a lot of basic websites, this really covers the bases. The body contains the bulk of the content including images, video, and audio that can be intermingled with the text itself. This model is very flexible, and it has definitely proven itself.</p>
<h3>Exhibit B: Page content that pushes WordPress too far</h3>
<p>In 2009, there was a small project at work to develop the website <a href="http://www.covenantmusicians.com/">Covenant Musicians</a>, and because the person who would keep the site updated was already using WordPress, we made the decision to build this site with WordPress too.</p>
<p>Well, if you look at one of the destination pages for this site, the musician profile page (<a href="http://www.covenantmusicians.com/musicians/nathan-clark-george/">here&#8217;s one for example</a>), you&#8217;ll notice some different pieces of content which may or may not be present on any particular musician profile page. When they are present, they need to be in certain places and sometimes with certain content.</p>
<div id="attachment_1035" class="wp-caption alignnone" style="width: 456px"><img class="size-full wp-image-1035" title="custom-wordpress-content-fields" src="http://blog.davingranroth.com/wp-content/uploads/2009/12/custom-wordpress-content-fields.png" alt="This custom WordPress page uses fields in addition to the standard options: Musician Image, URL, and Video." width="446" height="582" /><p class="wp-caption-text">This custom WordPress page uses fields in addition to the standard options: Musician Image, URL, and Video.</p></div>
<p>The problem is, to control those extra pieces of content: the video, the band image, the link to the band&#8217;s website, the site owner needs to use WordPress&#8217;s custom fields in very precise ways, without the benefit of WordPress&#8217;s content editing tools. What a drag!</p>
<p>To make life easier for the site owner, we ended up recording screencast instructions on how to use these fields and delivered those help files with the site itself. (We used Jing by Techsmith, by the way.)</p>
<p>It would&#8217;ve been better had the interface been clear enough so that we didn&#8217;t feel the need to document the process of updating these destination pages, but that&#8217;s the trouble with stretching WordPress beyond its default content fields.</p>
<h3>Ask too much of WordPress and ease-of-use is the casualty</h3>
<p>Do you see the difference? When an effective design solution requires multiple types of content per page, using WordPress will actually make your website difficult to manage. WordPress is usually so easy to use that when you hit this wall, it is very apparent.</p>
<p>When you&#8217;re at that point, WordPress is probably not the right CMS to choose.</p>
<h3>Should WordPress improve in this area?</h3>
<p>Whether through the core application or through an excellent plug-in (is there one already that I missed?), if WordPress is going to grow in the content management systems field, this shortfall will need to be addressed.</p>
<p>However, WordPress is really excellent at what it does already, and the better course might be to decide to keep the features in check and let other systems compete in the mid-to-enterprise scale CMS arena. Scope creep never stops, and a good application strategy knows when to say &#8220;no.&#8221;</p>
<h3>Am I wrong?</h3>
<p>Am I off-base here? This is just one aspect of WordPress that should limit its use. Another that should cause designers to think twice is when dealing with faceted-navigation which requires more than one dimension (tags can probably handle one dimension). But, again, those are more complex design requirements.</p>
<p>I&#8217;m not a WordPress consultant, and I&#8217;ll bet some of you would like to point to the errors in my thinking. Let&#8217;s hear it.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/12/how-wordpress-falters-as-a-cms/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Experience theme for Covenant Eyes</title>
		<link>http://blog.davingranroth.com/2009/12/experience-theme-for-covenant-eyes/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=experience-theme-for-covenant-eyes</link>
		<comments>http://blog.davingranroth.com/2009/12/experience-theme-for-covenant-eyes/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 13:00:10 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[covenanteyes]]></category>
		<category><![CDATA[experiencethemes]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=987</guid>
		<description><![CDATA[Cindy Chastain&#8217;s article, &#8220;Experience Themes,&#8221; at Boxes and Arrows outlines a neat way to package the concepts that help user experience designers put creative work into context. When I was leading many design/development projects at a time, I&#8217;d write a &#8230; <a href="http://blog.davingranroth.com/2009/12/experience-theme-for-covenant-eyes/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.boxesandarrows.com/view/experience-themes">Cindy Chastain&#8217;s article, &#8220;Experience Themes,&#8221; at Boxes and Arrows</a> outlines a neat way to package the concepts that help user experience designers put creative work into context.</p>
<p>When I was leading many design/development projects at a time, I&#8217;d write a creative brief for each—it helped me and the team stay clearheaded about each project. An experience theme seems like an alternative to a creative brief.</p>
<p>The following thoughts apply Chastain&#8217;s article to my work at Covenant Eyes.</p>
<h3>Covenant Eyes is rich with stories</h3>
<p>At Covenant Eyes, Inc., we have a full-time blogger, Luke. As I see it, Luke&#8217;s job is to draw out the <a href="http://www.covenanteyes.com/blog/topics/testimonies-from-our-members/">stories surrounding Covenant Eyes</a> and to share them using the Internet. He&#8217;s our storyteller.</p>
<p>What are the roles? There are so many stories, from people in so many places in life.</p>
<ul>
<li>husbands, fathers</li>
<li>wives, mothers</li>
<li>children</li>
<li>pastors, rabbis</li>
<li>counselors</li>
<li>porn addicts, recovering porn addicts, people who have beaten the addiction</li>
<li><em>and the list continues</em></li>
</ul>
<h4>What are some theme concepts?</h4>
<ul>
<li>For people fighting a problem with pornography: <em>Learn to be honest again</em> (These words come from Michael Leahy&#8217;s mouth while he was visiting our offices.)</li>
<li>For mothers with children who use the Internet: <em>Protect my family</em></li>
<li>For fathers with a teenage son:<em> Teach him to be responsible for his actions</em></li>
</ul>
<h3>Experience transcends our services</h3>
<p>What work do we do at our company? Although others I work with may claim we deliver software, I think we deliver information. Our software allows us to provide information-rich reports on Internet usage that can be used within relationships. I think of these as &#8220;accountability relationships.&#8221;</p>
<p>The theme concepts listed above have little to do with software or even our service. The real value we provide is that we can provide the sense for people that what could be their little secret is not actually hidden. That little bit of knowledge has proven its ability to change lives, and relationships, for the better.</p>
<h3>The hard part is carrying the experience theme across our touch points with users</h3>
<p>I recently helped put together a spreadsheet to inventory the automated emails we send to users at various points. There were over 60 emails, and they fulfill needs ranging from billing concerns to helpful reminders after a few weeks of being a customer. Many of these messages should be revised, and keeping the theme in mind will help create a coherent experience for our users.</p>
<div id="attachment_1004" class="wp-caption alignnone" style="width: 545px"><img class="size-full wp-image-1004" title="ce-user-touchpoints" src="http://blog.davingranroth.com/wp-content/uploads/2009/11/ce-user-touchpoints.jpg" alt="Covenant Eyes has multiple touch points with its users." width="535" height="402" /><p class="wp-caption-text">Covenant Eyes has multiple touch points with its users.</p></div>
<p>Beyond these emails is a myriad of other touch points:</p>
<ul>
<li>sign up form</li>
<li>help documents</li>
<li>filter settings controls</li>
<li>accountability reports</li>
<li>tech support phone calls</li>
<li>blog posts</li>
<li><em>and so on </em></li>
</ul>
<p>Taken all together, these communications can benefit from an experience theme.</p>
<p>I suspect the key to pulling this off is to have all those involved with crafting these touch points understand the experience theme and leave it to them to carry it through. As the company&#8217;s user experience lead, my job may be to facilitate the definition and adoption of an experience theme, and motivate and lead by example so others will carry the vision.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/12/experience-theme-for-covenant-eyes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seams between systems and the Vignelli NYC subway map</title>
		<link>http://blog.davingranroth.com/2009/11/seams-between-systems-and-the-vignelli-nyc-subway-map/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=seams-between-systems-and-the-vignelli-nyc-subway-map</link>
		<comments>http://blog.davingranroth.com/2009/11/seams-between-systems-and-the-vignelli-nyc-subway-map/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 17:23:42 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[bierut]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[seams]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[vignelli]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=972</guid>
		<description><![CDATA[I just read &#8220;Mr. Vignelli&#8217;s Map&#8221; by Michael Bierut over at Design Observer. In the post, Bierut remembers and analyzes why the public rejected Vignelli&#8217;s map of the New York City subway system. (Here&#8217;s the Vignelli subway map.) The Vignelli &#8230; <a href="http://blog.davingranroth.com/2009/11/seams-between-systems-and-the-vignelli-nyc-subway-map/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I just read &#8220;<a href="http://observatory.designobserver.com/entry.html?entry=2647">Mr. Vignelli&#8217;s Map&#8221; by Michael Bierut</a> over at Design Observer. In the post, Bierut remembers and analyzes why the public rejected Vignelli&#8217;s map of the New York City subway system. (<a href="http://www.nycsubway.org/perl/caption.pl?/img/maps/system_1972.jpg">Here&#8217;s the Vignelli subway map.</a>)</p>
<p>The Vignelli map smartly acknowledged that for passengers of the subway focused on navigating the subway system itself, above ground geography was nothing but a factor of added complexity. So the map instead was oriented around the subway lines and stops themselves, abstracting actual geography. This was a keen simplification from an information design perspective.</p>
<p>But consider this observation from Bierut&#8217;s article.</p>
<blockquote><p>To make the map work graphically meant that a few geographic liberties had to be taken. What about, for instance, the fact that the Vignelli map represented Central Park as a square, when in fact it is three times as long as it is wide? If you&#8217;re underground, of course, it doesn&#8217;t matter: there simply aren&#8217;t as many stops along Central Park as there are in midtown, so it requires less map space. But what if, for whatever reason, you wanted to get out at 59th Street and take a walk on a crisp fall evening? Imagine your surprise when you found yourself hiking for hours on a route that looked like it would take minutes on Vignelli&#8217;s map.</p></blockquote>
<p>The concept of designing the seams between systems has become apparent within the user experience design community over the last couple years. This is an example of that problem of seams.</p>
<p>Passengers of the subway system are also navigators of the city itself, so their context of use spans beyond the subway and the end of their decisions are not merely which stop to get on and off of, but where they are going once they get out of the subway.</p>
<p>Bierut makes the point:</p>
<blockquote><p>The problem, of course, was that Vignelli&#8217;s logical system came into conflict with another, equally logical system: <a href="http://www.library.cornell.edu/Reps/DOCS/nyc1811.htm" target="_blank">the 1811 Commissioners&#8217; Plan for Manhattan</a>.</p></blockquote>
<p>How can designers consider the seams between the subway system and the city plan to result in a better-designed subway map?</p>
<p>NYC, of course, has a functioning subway map. Is functionality the only litmus test?</p>
<p>(I&#8217;ve taken the subway in New York City only once, and managed to get from Point A to Point B successfully, although with some anxiety.)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/11/seams-between-systems-and-the-vignelli-nyc-subway-map/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WUD 2009 at MSU recap</title>
		<link>http://blog.davingranroth.com/2009/11/wud-2009-at-msu-recap/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=wud-2009-at-msu-recap</link>
		<comments>http://blog.davingranroth.com/2009/11/wud-2009-at-msu-recap/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 16:33:50 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[MSU]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[wud]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=949</guid>
		<description><![CDATA[Yesterday&#8217;s World Usability Day event at Michigan State University was good—but a little odd. The morning sessions were spot-on, and some of the afternoon talks were good as well. However, it was clear that some panelists didn&#8217;t understand their audience &#8230; <a href="http://blog.davingranroth.com/2009/11/wud-2009-at-msu-recap/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Yesterday&#8217;s World Usability Day event at Michigan State University was good—but a little odd.</p>
<p>The morning sessions were spot-on, and some of the afternoon talks were good as well. However, it was clear that some panelists didn&#8217;t understand their audience of usability and accessibility practitioners. Their talks were still interesting, but they didn&#8217;t understand the user experience industry&#8217;s take on words like &#8220;accessibility&#8221; and &#8220;sustainability,&#8221; which was this year&#8217;s theme.</p>
<p>So, here&#8217;s a quick recap.</p>
<h3>Assistive Technology Expo</h3>
<p>I attended the Assistive Technology Expo in the morning. I posted yesterday about <a href="http://blog.davingranroth.com/2009/11/wud-captcha-problems-discussed-in-assistive-tech-expo/">comments regarding CAPTCHAs</a> gleaned from that talk.</p>
<p>The two presenters work in the technology field providing technology support for people with various disabilities and are themselves blind. They demonstrated how they use screen readers to accomplish various tasks online, like checking the weather, tuning into a football game streamed online, checking stocks, buying groceries, and buying a computer.</p>
<p>I appreciate observing and listening to people with disabilities who use the Internet, because it helps counter what I know about the technology with what is clear about people. That is, people adapt and make things work to the best of their ability. These two presenters were gracious about technology-related problems that I know many sighted people would be upset with. They also pointed out that most websites are at some level usable by them, but of course they prefer ones that are more accessible. We did see a number of examples where they simply wouldn&#8217;t have been able to overcome some technical roadblocks without significant additional effort.</p>
<p>One part of the presentation included them showcasing how they use an iPhone. An accessibility feature on the iPhone causes a single tap on the touch screen to say the name of the application (or letter if it is the keypad), while the double-tap will activate it. So, they have audible feedback to find the function they need, plus the capability to then activate it. This seemed to work very well for them.</p>
<p>Another point made during the session is that these assistive technologies like screen readers and electronic braille devices are quite expensive. Some screen reader programs are more expensive than the cost of the computer itself. However, the presenters voiced hope because the prices are coming down. They cited Apple shipping Macs that have built-in accessibility features at zero additional cost. Also, for Windows, there are some screen reader programs that are only a few hundred dollars.</p>
<h3>Special Session: Contemporary Issues of IT in the Sustainable Global Knowledge Economy</h3>
<p>This panel session had presenters on the topics of:</p>
<ul>
<li>delivering broadband across the state of Michigan even to rural areas (George Boersma)</li>
<li>ITEC, a center in Lansing that provides after-school programs to help youth learn about technology, science and math (Kirk Riley)</li>
<li>IT accessibility (Sharron Rush)</li>
<li>global knowledge economy (Mark Wilson)</li>
</ul>
<p>All the presenters were well-spoken and interesting. Sharron Rush seemed to be the one presenter that is part of the usability and accessibility profession, though the others shared important information and perspectives.</p>
<p>Unfortunately, I don&#8217;t have the time to provide more details on these presentations.</p>
<h3>Hybrid Technology for a Sustainable Future</h3>
<p>Shane Shulze of Ford Motor Company presented information on what Ford has been working on in regard to battery powered cars. His talk was focused on battery technology, and it was interesting to see the audience&#8217;s response.</p>
<p>One participant spoke up and asked about how these new cars will address the safety issues with quiet-running cars. Shane&#8217;s answer was that Ford is aware of the issue. I suppose we can look to future prototypes to see how what they do with this issue. (From a UX perspective, I think that is a really interesting question: what are the design concerns in regards to the volume and appropriateness of the audio.)</p>
<h3>e-Government Services for a Sustainable County</h3>
<p>Salina Washington of Oakland County and Constantinos Coursaris of Michigan State University presented on how Oakland County has transformed their delivery of services to citizens of Oakland County with the eGov department of the county government.</p>
<p>This presentation was inspiring. We know that good, usable technology can improve service delivery and decrease costs, but this was an actual example of that happening.</p>
<p>The take-away from this was that when faced with a challenge, like a massive cut in budget, instead of going the traditional route of laying people off, think creatively and as a group come up with ideas on decreasing costs and making the most of the resources that each part of the government agency uses.</p>
<h3>Sustainability and Agility: UX Designs for Eforms</h3>
<p>John Rivard spoke about integrating UX and Agile development at a bank. He shared examples of their workflow, like work-ahead, follow-behind. This was also an excellent presentation and it seems that the way John is working is similar to how we operate at Covenant Eyes.</p>
<h3>That&#8217;s all folks</h3>
<p>All-in-all, it was a good day with some unexpected, but enjoyable talks. Good job to the organizers from the MSU Usability &amp; Accessibility Center! Also, check out <a href="http://www.pointlessrants.com/tag/wud/">Tom Schult&#8217;z posts on his blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/11/wud-2009-at-msu-recap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WUD: captcha problems discussed in assistive tech expo</title>
		<link>http://blog.davingranroth.com/2009/11/wud-captcha-problems-discussed-in-assistive-tech-expo/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=wud-captcha-problems-discussed-in-assistive-tech-expo</link>
		<comments>http://blog.davingranroth.com/2009/11/wud-captcha-problems-discussed-in-assistive-tech-expo/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 16:02:10 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[CAPTCHA]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[wud]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=946</guid>
		<description><![CDATA[Tom Schultz and I are at the World Usability Day event hosted by Michigan State University today. We sat in a session this morning that focused on a demonstration and discussion of assistive technologies. An interesting point in the discussion &#8230; <a href="http://blog.davingranroth.com/2009/11/wud-captcha-problems-discussed-in-assistive-tech-expo/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.pointlessrants.com/">Tom Schultz</a> and I are at the <a href="http://usability.msu.edu/conf/2009/">World Usability Day event hosted by Michigan State University </a>today. We sat in a session this morning that focused on a demonstration and discussion of assistive technologies.</p>
<p>An interesting point in the discussion was that problems with <abbr title="Completely Automated Public Turing test to tell Computers and Humans Apart">CAPTCHA</abbr>s for people with visual  impairments. One of the presenters went through a process at the DELL website, selected a computer and went to purchase it, but on the way to checking out, he had to pass a CAPTCHA that asked him to enter the characters he sees in the image into a text box.</p>
<p>Of course the problem was that he could not see the image and there was no alternative available. No sale.</p>
<p>Someone else brought up Google&#8217;s use of audio as an alternative to the visual CAPTCHA, but the presenters pointed out that for someone who has both visual and hearing impairments, this is still insufficient.</p>
<p>(<a href="https://www.google.com/accounts/NewAccount?service=blogger&amp;continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3D%252Fcreate-blog.g%26a%3DADD_SERVICE_FLAG&amp;hl=en&amp;sendvemail=true&amp;followup=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3D%252Fhome%26a%3DSERVICE_ONLY&amp;naui=8">You can try the audio CAPTCHA on the first page of the sign up page for Blogger</a>. Try it out!)</p>
<p>They pointed out that a CAPTCHA that used reasoning could be a more accessible approach, and another idea was to send an email to verify that the agent is, in fact, a human (that&#8217;s the point of a CAPTCHA).</p>
<p>I&#8217;ll probably post another update from this conference later.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/11/wud-captcha-problems-discussed-in-assistive-tech-expo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paper: crucial to Web design</title>
		<link>http://blog.davingranroth.com/2009/11/paper-crucial-to-web-design/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=paper-crucial-to-web-design</link>
		<comments>http://blog.davingranroth.com/2009/11/paper-crucial-to-web-design/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 03:07:03 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[moleskine]]></category>
		<category><![CDATA[notebooks]]></category>
		<category><![CDATA[paper]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=933</guid>
		<description><![CDATA[At first thought, Web design is a digital job. But as long as I have done this work, I&#8217;ve had paper on hand. In the 90s I&#8217;d quickly sketch different ideas for overall design, narrow it in, and then sketch &#8230; <a href="http://blog.davingranroth.com/2009/11/paper-crucial-to-web-design/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>At first thought, Web design is a digital job. But as long as I have done this work, I&#8217;ve had paper on hand.</p>
<p>In the 90s I&#8217;d quickly sketch different ideas for overall design, narrow it in, and then sketch out the plan to create the layout with tables, complete with pixel dimensions for each cell and notations on margins, borders, and padding. I&#8217;d annotate the sketch with hexidecimal codes for colors to use. The process placed ink before pixels.</p>
<p>As CSS gained ground and the industry left table-based layouts behind, I sketched fewer details, but usually still rapidly drew thumbnails of page layouts on paper before settling in.</p>
<p>For a time, I thought I could do most of this work with computer programs as my primary tools: Word, Excel, Photoshop, Fireworks, Flash, Dreamweaver, and straight textual coding tools like BBEdit. Later, OmniGraffle joined the toolbox, and I did first-round design digitally.</p>
<h3>Ink before pixels again</h3>
<p><img class="alignright size-full wp-image-941" title="notebook-sitediagram" src="http://blog.davingranroth.com/wp-content/uploads/2009/11/notebook-sitediagram.jpg" alt="notebook-sitediagram" width="300" height="210" />Over the last six years paper and ink has again become my first tool. Hand-drawn sketches and notes are fast and fluid—far moreso than code or Photoshop.</p>
<p>With a quick sketch in hand, the coding can leapfrog some easy-to-make first mistakes. For instance, last week I needed to create some screens for a 3 page sign up process. I spent about 30 seconds drafting two quick page layouts on paper before I jumped into Photoshop and Dreamweaver to create the graphics and code it up.</p>
<p>By doing the second sketch, I was able to make better use of a design grid and utilize white space more effectively. That&#8217;s 30 seconds well-spent, and it means I didn&#8217;t have to waste time in Photoshop or with code on a design that had whitespace problems.</p>
<h3>Good paper is worth it</h3>
<p>When I started my latest job, I asked for some paper to sketch with. I was provided with some cheap cardboard-backed white notepads. Each pad fell apart within a week or two of use, and was better suited to ripping sheets off then holding together. Irritating!</p>
<p>I started to use my own notebooks for work, and just a couple weeks ago purchased a set of<a href="http://www.moleskine.com/catalogue/classic/volant/"> Moleskine Volant notebooks</a>. They are softcover notebooks about 5 by 8 1/4 inches, and are well-bound with excellent ruled paper. I think they&#8217;re the best notebooks I&#8217;ve ever had.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/11/paper-crucial-to-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Many stories in user experience</title>
		<link>http://blog.davingranroth.com/2009/10/many-stories-in-user-experience/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=many-stories-in-user-experience</link>
		<comments>http://blog.davingranroth.com/2009/10/many-stories-in-user-experience/#comments</comments>
		<pubDate>Fri, 09 Oct 2009 17:43:33 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interactions]]></category>
		<category><![CDATA[personas]]></category>
		<category><![CDATA[stories]]></category>
		<category><![CDATA[ted]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=890</guid>
		<description><![CDATA[I just watched this TED talk, &#8220;Chimamanda Adichie: The danger of a single story.&#8221; Please, take the 18 minutes to watch it, then continue to read. Watching this talk brought to mind two thoughts related to user experience work. First, &#8230; <a href="http://blog.davingranroth.com/2009/10/many-stories-in-user-experience/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I just watched this TED talk, &#8220;Chimamanda Adichie: The danger of a single story.&#8221;</p>
<p>Please, take the 18 minutes to watch it, then continue to read.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="446" height="326" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talks/dynamic/ChimamandaAdichie_2009G-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/ChimamandaAdichie-2009G.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=652&amp;introDuration=16500&amp;adDuration=4000&amp;postAdDuration=2000&amp;adKeys=talk=chimamanda_adichie_the_danger_of_a_single_story;year=2009;theme=speaking_at_tedglobal2009;theme=master_storytellers;theme=words_about_words;theme=the_creative_spark;theme=new_on_ted_com;event=TEDGlobal+2009;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="bgcolor" value="#ffffff" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="446" height="326" src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" flashvars="vu=http://video.ted.com/talks/dynamic/ChimamandaAdichie_2009G-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/ChimamandaAdichie-2009G.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=652&amp;introDuration=16500&amp;adDuration=4000&amp;postAdDuration=2000&amp;adKeys=talk=chimamanda_adichie_the_danger_of_a_single_story;year=2009;theme=speaking_at_tedglobal2009;theme=master_storytellers;theme=words_about_words;theme=the_creative_spark;theme=new_on_ted_com;event=TEDGlobal+2009;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" bgcolor="#ffffff" wmode="transparent" allowfullscreen="true"></embed></object></p>
<p>Watching this talk brought to mind two thoughts related to user experience work.</p>
<p>First, in a recent edition of Interactions magazine there is an article <a href="http://interactions.acm.org/content/?p=1266">&#8220;Stories that inspire action&#8221; by Gary Hirsch and Brad Robertson</a>, that has planted the desire in me to uncover the stories of the company I work for, Covenant Eyes. There are so many ideas we have of ourselves, set by the expectations of management, employees, and so forth. But there are also stories of our customers, and by telling many of these stories, I suspect we will hear some stark contrasts that will cause us to reckon with ourselves.</p>
<p>Have we stereotyped our corporate self?</p>
<p>The second thought is in regards to personas. At Covenant Eyes, my colleague Jackie has taken the lead on creating a set of personas that we can use during our design and development work. This is a first for us. This week as we were reviewing the current set of about 16 personas, we were working on writing in various scenarios for each persona. I think the point of each scenario is to enrich the story of that persona.</p>
<p>But perhaps more important is that across the full set of personas, however large it may get, that we have properly balanced the stories that are represented by each persona. I think, at its root, that is part of why personas are valuable in the first place. To challenge the stereotype, the single story, that we might have in development about our &#8220;user.&#8221; These personas will be valuable if they can help us tell the many stories of our customers and users.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/10/many-stories-in-user-experience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Sad Tale of Pagination</title>
		<link>http://blog.davingranroth.com/2009/09/a-sad-tale-of-pagination/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=a-sad-tale-of-pagination</link>
		<comments>http://blog.davingranroth.com/2009/09/a-sad-tale-of-pagination/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 18:36:34 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[pagination]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=835</guid>
		<description><![CDATA[I imagine some professional chefs are accused of over-analyzing a bowl of soup now and then. Like that, as a user experience designer, I get caught up in little pieces of user interface on a regular basis. This particular story &#8230; <a href="http://blog.davingranroth.com/2009/09/a-sad-tale-of-pagination/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I imagine some professional chefs are accused of over-analyzing a bowl of soup now and then. Like that, as a user experience designer, I get caught up in little pieces of user interface on a regular basis.</p>
<p>This particular story concerns a navigation system that utilizes pagination in what at first seems an obvious choice, but upon observation it is clear that this is a very poor approach.</p>
<h3>Background: Company setting</h3>
<p>Covenant Eyes, Inc., is an  8 year old software company in Michigan with about 50 employees. About a dozen are customer service representatives, some for enterprise customers and some for individual or family accounts. There are about 10 in the IT team, which includes myself.</p>
<h3>Background: What service does our company provide? Internet accountability.<br />
</h3>
<p>Take 2 actors, George and his friend Paul. George is addicted to online porn, but he really wants to beat his addiction because he feels it is wrong and could really mess up his life. To attack his problem, George installs our software on his computer. The software keeps tabs on George&#8217;s activity, and once a week sends a report of that activity over to Paul. Paul can then talk with George about George&#8217;s Internet activity. It seems simple, but removing the anonymity of his addiction is powerful.</p>
<p>The point, in a nutshell, is accountability. If George is trying to kick some bad online habits, his friend Paul now has information in these reports that he can use to hold George accountable.</p>
<h3>The current design calls for <em>pagination</em></h3>
<p>These Accountability Reports are like executive summaries that include links over to what we call the &#8220;Detailed Logs.&#8221; This log is a full list of URLs that George visited.</p>
<p>Depending on the amount of activity, the log may have <em>thousands</em> of entries for Paul to navigate.</p>
<p>When these logs first became available, customers&#8217; download speeds were more of an issue than they are today, so the developers knew that they could not simply put all the entries on a single page because the pages would take far too long to load.</p>
<p>Pagination to the rescue! The developers broke up the long list of URLs into pages, each page having 50 URLs. To help Paul navigate this long series of pages, numbered page links and &#8220;Previous&#8221; and &#8220;Next&#8221; links were placed at the top and bottom of each page.</p>
<p>So, let&#8217;s say Paul is looking at page 50. He would see something like the pagination navigation shown in Figure 1.</p>
<div id="attachment_838" class="wp-caption alignnone" style="width: 374px"><img class="size-full wp-image-838" title="Fig1-pagination" src="http://blog.davingranroth.com/wp-content/uploads/2009/07/Fig1-pagination.png" alt="Figure 1: Pagination" width="364" height="34" /><p class="wp-caption-text">Figure 1: Pagination</p></div>
<p>This seems a good approach on two fronts.</p>
<ol>
<li>Paul won&#8217;t wait to download one page with over 8,000 URLs on it, but if we divide that time into, in this case, 165 separate downloads, each page will seem pretty quick.</li>
<li>Pagination will work for Paul because he uses pagination on nearly every search engine results page. It&#8217;s nothing new to him.</li>
</ol>
<p>Bingo. Problem solved. Right?</p>
<h3>But why does it take so many clicks to find the right info?</h3>
<p>I was standing next to Mike, one of our Customer Service Representatives, and asked him a seemingly simple question. &#8220;Mike, can you bring up that log and show me what was going on last Tuesday at 11:32 AM?&#8221;</p>
<p>I did not intend it to be a usability test, but it might as well have been. Mike helps people every day by walking them through reports and logs, so he is as expert as anyone gets at navigating these logs. Yet, the basic task of finding a page with a specific time on it was accomplished by a series of guesses, each slightly more informed than the previous guess. It took 8 tries before Mike got us to the right page.</p>
<p>Since then, I have seen people repeatedly click the &#8220;Next&#8221; button, flipping through each page to find the one page they want. With 165 or so pages in a log, this can take far more than 8 clicks.</p>
<p><em>If someone knows the date and time they want to view in a Detailed Log, shouldn&#8217;t they be able to get to that page without guessing on the first try?</em></p>
<h3>20/20 hindsight: Why is it so hard to find the right page?</h3>
<p><a href="http://ui-patterns.com/pattern/Pagination">Pagination is a valid interface design pattern</a>, and is perhaps most often seen on search engine result pages. Still, it does not work well here.</p>
<p>So, why doesn&#8217;t pagination work here? Thinking in information architecture terms can help answer the question.</p>
<h3>Pagination is a metaphor from the print world</h3>
<p>We&#8217;ve all grown up reading books and magazines, and so page numbers are a tool we take for granted. In print, they are used to keep track of where we left off so we can pick back up at the right point. They are also used as non-digital hypertext, like in a magazine where we see &#8220;continued on page 58.&#8221;</p>
<p>On the web, pagination has become something slightly different, but the metaphor carries over well enough to work for us. On search results pages, we now expect to see a pagination interface at the bottom of the search results to allow us to continue to the next page of 10 or 20 links. One difference on the web is that we expect those links on the first page to have higher relevancy than those on the following pages.</p>
<p>So, on the web pagination is an answer to a finding question, and is based on an underlying organizational system of quantity ordered by relevancy.</p>
<p>However, in this case, the list is ordered by time but paginated by quantity. In this case, people want to find by time, but quantity is not metered evenly against time. So, page 1 might have 50 entries that cover 5 seconds of activity, and page 2 might have 50 entries that cover 32 hours of activity. There is no predictability of how much time will be represented from page to page of results, and that is why people are left with so much guess-work.</p>
<h3>Match the interface to the underlying information architecture and users&#8217; information needs</h3>
<p>In recent work, we&#8217;ve shifted to a time-based pagination (Figure 2) from a quantity-based pagination (Figure 1). We think this will go a long way towards helping people find what they want without having to guess.</p>
<div id="attachment_882" class="wp-caption alignnone" style="width: 663px"><img class="size-full wp-image-882" title="Fig2-pagination" src="http://blog.davingranroth.com/wp-content/uploads/2009/09/Fig2-pagination.png" alt="Figure 2. Find-by-time instead of pagination." width="653" height="323" /><p class="wp-caption-text">Figure 2. Find-by-time instead of pagination.</p></div>
<p>I&#8217;ve observed a few users have their first contact with this revised interface, and it has worked well so far. We may have introduced other usability issues in the process, but this is a step in the right direction.</p>
<h3>Moral of the story?</h3>
<p>Before implementing a user interface design pattern, be sure you first understand the information architecture and users&#8217; information needs. Otherwise you risk using the wrong pattern, hurting your users&#8217; experiences, and missing out on an opportunity for innovation and good design.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/09/a-sad-tale-of-pagination/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UserVue review</title>
		<link>http://blog.davingranroth.com/2009/09/uservue-review/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=uservue-review</link>
		<comments>http://blog.davingranroth.com/2009/09/uservue-review/#comments</comments>
		<pubDate>Sat, 19 Sep 2009 23:21:29 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[phone]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[Techsmith]]></category>
		<category><![CDATA[UserVue]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=879</guid>
		<description><![CDATA[UserVue is an application from TechSmith. At work we&#8217;ve used it recently to do remote user interviews, where we&#8217;ve had people who use our services talk us through some emailed reports they received from us. It allows us to view &#8230; <a href="http://blog.davingranroth.com/2009/09/uservue-review/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.techsmith.com/uservue.asp">UserVue is an application from TechSmith.</a> At work we&#8217;ve used it recently to do remote user interviews, where we&#8217;ve had people who use our services talk us through some emailed reports they received from us.</p>
<p>It allows us to view and record a user&#8217;s screen, and save it as a WMV or Morae file. Additionally, it can record a phone call you have with the user. And, you can have colleagues at other computers observe the session and they can take part in an observer chat and submit notes along the way.</p>
<p>There&#8217;s that saying, &#8220;Hunger is the best sauce,&#8221; and I think the user experience design community has been very hungry for a tool like this. So, at the moment, I&#8217;m quite happy with UserVue.</p>
<p>It was quite easy to use, and it worked well.</p>
<p>Now, to save others some frustration, let me tell you about how it didn&#8217;t work well.</p>
<p>When I first tried it, everything seemed to be going great. I conducted a 1 hour interview, and at the end it seemed to save the recording. Then, when I went to view the recording, I realized that the phone call was not included in the recording! The best part of that interview was, go figure, in what was said. I was distraught.</p>
<p>Why? UserVue only works on Windows. I was running Windows XP Pro in a virtual machine on my MacBook Pro laptop, using VMWare Fusion. Apparently, there is a problem with that configuration.</p>
<p>I tested UserVue on that same computer, but instead of in a virtual machine, I booted into Windows using BootCamp. UserVue worked fine that way, including recording the phone call.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/09/uservue-review/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Note to self regarding &#8220;Blunder: Why Smart People Make Bad Decisions&#8221; by Zachary Shore</title>
		<link>http://blog.davingranroth.com/2009/06/note-to-self-regarding-blunder-why-smart-people-make-bad-decisions-by-zachary-shore/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=note-to-self-regarding-blunder-why-smart-people-make-bad-decisions-by-zachary-shore</link>
		<comments>http://blog.davingranroth.com/2009/06/note-to-self-regarding-blunder-why-smart-people-make-bad-decisions-by-zachary-shore/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 18:08:18 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[blunder]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[decisions]]></category>
		<category><![CDATA[leadership]]></category>
		<category><![CDATA[management]]></category>
		<category><![CDATA[thinking]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[zacharyshore]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=820</guid>
		<description><![CDATA[I recently finished Zachary Shore&#8217;s book &#8220;Blunder: Why Smart People Make Bad Decisions.&#8221; I think I heard an interview with Shore on a show on NPR and the lessons from the book seem important. So, some time has passed, I&#8217;ve &#8230; <a href="http://blog.davingranroth.com/2009/06/note-to-self-regarding-blunder-why-smart-people-make-bad-decisions-by-zachary-shore/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I recently finished Zachary Shore&#8217;s book &#8220;Blunder: Why Smart People Make Bad Decisions.&#8221; I think I heard an interview with Shore on a show on NPR and the lessons from the book seem important.</p>
<p>So, some time has passed, I&#8217;ve read the book, and before I pass it on to someone else, I feel a need to record some personal notes about it, in case I lose it.</p>
<p><strong>The blunders</strong> (titles of the 1st 7 chapters of the book):</p>
<ol>
<li>Exposure Anxiety: The Fear of Being Seen as Weak</li>
<li>Causefusion: Confusing the Causes of Complex Events</li>
<li>Flatview: Seeing the World in One Dimension</li>
<li>Cure-allism: Believeing that One Size Really Fits All</li>
<li>Infomania: The Obsessive Relationship to Information</li>
<li>Mirror Imaging: Thinking the Other Side Thinks Like Us</li>
<li>Static Cling: Refusal to Accept a Changing World</li>
</ol>
<p>From the last chapter, Shore mentioned <strong>5 ways to prevent blunders</strong>.</p>
<ol>
<li>Mental flexibility</li>
<li>Willingness to question majority view</li>
<li>Rejection of reductionism</li>
<li>Development of empathy and imagination</li>
<li>Embrace uncertainty</li>
</ol>
<p>I don&#8217;t have the time that writing about this book deserves, but in relation to user experience design, these lessons certainly apply and complement what I&#8217;m sure many UX pros already have learned. The historical perspectives in the book made it interesting and provided realistic narratives to explain the various cognition traps.</p>
<p>As a designer and a product owner in scrum, this is an important read. Advisors and executives should read this book, too.</p>
<p>There are some bits of information that I try to memorize in order to encourage my mind to recall them as needed. Some proverbs, usability heuristics, certain interaction design &#8220;laws&#8221;…and now these blunders I will try to add to this list.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/06/note-to-self-regarding-blunder-why-smart-people-make-bad-decisions-by-zachary-shore/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I was a Whole Foods first-timer</title>
		<link>http://blog.davingranroth.com/2009/04/i-was-a-whole-foods-first-timer/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=i-was-a-whole-foods-first-timer</link>
		<comments>http://blog.davingranroth.com/2009/04/i-was-a-whole-foods-first-timer/#comments</comments>
		<pubDate>Sat, 04 Apr 2009 17:41:59 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[donnorman]]></category>
		<category><![CDATA[emotion]]></category>
		<category><![CDATA[food]]></category>
		<category><![CDATA[iue2009]]></category>
		<category><![CDATA[shopping]]></category>
		<category><![CDATA[susanweinschenk]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[wholefoods]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=767</guid>
		<description><![CDATA[I am not a foodie. Okay, now that that is out of the way: Whole Foods is amazing. One evening at last week&#8217;s IUE2009 conference in Ann Arbor, Michigan, my colleague Jackie and I breezed through the local Whole Foods &#8230; <a href="http://blog.davingranroth.com/2009/04/i-was-a-whole-foods-first-timer/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="attachment_771" class="wp-caption alignright" style="width: 250px"><a href="http://www.flickr.com/photos/36179943@N00/53894349/"><img class="size-full wp-image-771" title="Asparagus" src="http://blog.davingranroth.com/wp-content/uploads/2009/04/53894349_bfcee5bdef_m.jpg" alt="Asparagus! Credit to Esteban Cavrico on Flickr.com." width="240" height="236" /></a><p class="wp-caption-text">Asparagus! Credit to Esteban Cavrico on Flickr.com.</p></div>
<p><em>I am not a foodie.</em> Okay, now that that is out of the way: Whole Foods is amazing.</p>
<p>One evening at last week&#8217;s IUE2009 conference in Ann Arbor, Michigan, my colleague Jackie and I breezed through the local Whole Foods store. From a user experience perspective, my Whole Foods experience was really great. But, let me digest it a bit further.</p>
<p>As author of &#8220;Neuro Web Design&#8221; Susan Weinschenk explained, our &#8220;old brain&#8221; triggers on 3 questions: can I eat it, can I have sex with it, and can it harm me.</p>
<p>Upon entering Whole Foods, we were first met with luscious fresh fruits and vegetables. They appeared and smelled a factor better than the normal produce at the grocer in my village. I walked in with the intetion to buy one item: baking powder that uses potato starch instead of corn starch, so when I realized I was gazing lustily at the asparagus, I swallowed my mouthful of saliva and steeled myself with the rational part of my brain. Discipline! I would not succumb. Still, it was delightful to walk around and see the beautiful cuts of meat, the great selections at the deli, the desserts, the wine, the cheeses.</p>
<p>We had circled the store and were approaching the checkout and realized that we hadn&#8217;t seen the baking section.</p>
<p>So consider: We were in an unfamiliar store and had not located the item I was seeking. <em>I was not irritated by this.</em> The general happiness of walking through this great store put me in a very tolerant mood. I actually looked forward to seeing what other great things we&#8217;d see on the way to finding the baking powder, and I had high expectation that they would, in fact, have the baking powder. They did have it. I bought two cans of it, at a premium price. And, I ended up buying some turbinado sugar that was in the same aisle, since I was nearly out of demerrara sugar that I use for baking (and in coffee and on oatmeal…).</p>
<p>Designers! If you haven&#8217;t yet, read &#8220;Emotional Design&#8221; by Don Norman. Oh, and Weinschenk&#8217;s book too.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/04/i-was-a-whole-foods-first-timer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IUE2009: Now what?</title>
		<link>http://blog.davingranroth.com/2009/04/iue2009-now-what/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=iue2009-now-what</link>
		<comments>http://blog.davingranroth.com/2009/04/iue2009-now-what/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 19:48:42 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[iue2009]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=759</guid>
		<description><![CDATA[Now comes the after-conference exhalation. (And I just attended! Imagine the organizers.) My employer, Covenant Eyes, sent a small crew of people to the conference…8 of us in all. For all but me, it was the first time at any &#8230; <a href="http://blog.davingranroth.com/2009/04/iue2009-now-what/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="attachment_760" class="wp-caption alignright" style="width: 310px"><a href="http://blog.davingranroth.com/wp-content/uploads/2009/04/iue2009-ideas.jpg"><img class="size-medium wp-image-760" title="iue2009-ideas" src="http://blog.davingranroth.com/wp-content/uploads/2009/04/iue2009-ideas-300x224.jpg" alt="Whiteboard ideas cluster from IUE2009 conference" width="300" height="224" /></a><p class="wp-caption-text">Whiteboard ideas cluster from IUE2009 conference. Click to view larger version.</p></div>
<p>Now comes the after-conference exhalation. (And I just attended! Imagine the organizers.)</p>
<p>My employer, Covenant Eyes, sent a small crew of people to the conference…8 of us in all. For all but me, it was the first time at any UX conference, and I think we all learned quite a bit.</p>
<p>So now the question becomes, what did we learn from all these tutorials and sessions, what ideas will help us do better work, and how can we make sure to build these ideas into our daily work.</p>
<p>I understand that most of us will gather on Monday to start hashing out those questions, but in the meantime I thought I&#8217;d share my initial map of ideas, recently jotted onto my whiteboard. Click the photo for a larger, more readable version.</p>
<p><strong>Concepts on the board:</strong></p>
<ul>
<li> Use Cases</li>
<li> Field Research</li>
<li> Personas &amp; Persona Maps</li>
<li> Rapid Iterative Design, &#8220;Kleenex Tests&#8221;</li>
<li> Branding+Content+Search Engine Optimization</li>
<li> Social Web (Podcasts, Twitter, Facebook, etc.) But Be Real!</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/04/iue2009-now-what/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>IUE2009: Thursday&#8217;s tracks</title>
		<link>http://blog.davingranroth.com/2009/04/iue2009-thursdays-tracks/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=iue2009-thursdays-tracks</link>
		<comments>http://blog.davingranroth.com/2009/04/iue2009-thursdays-tracks/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 14:57:43 +0000</pubDate>
		<dc:creator>Davin Granroth</dc:creator>
				<category><![CDATA[Web design and technology]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[iue2009]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://blog.davingranroth.com/?p=747</guid>
		<description><![CDATA[Okay, that was a great conference. The last day was built on parallel tracks of presentations, most were about an hour-long. I&#8217;m only going to write about 3 of the ones I attended. Now That I See It, Dan Klyn, &#8230; <a href="http://blog.davingranroth.com/2009/04/iue2009-thursdays-tracks/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Okay, that was a great conference.</p>
<p>The last day was built on parallel tracks of presentations, most were about an hour-long. I&#8217;m only going to write about 3 of the ones I attended.</p>
<ol>
<li>Now That I See It, Dan Klyn, Flannel</li>
<li>In-House Recruiting, Cora Bledsoe, Quicken Loans</li>
<li>Grown-Ups Guide to the Social World of Web 2.0, Jan Welborn-Nichols, Market Arts Creative</li>
</ol>
<h3>Now That I See It</h3>
<p>Dan Klyn&#8217;s talk was enthusiastic and thoughtful. He asked the question about information architecture, is there more we can learn from &#8220;regular old&#8221; architects? Of course, the answer is yes.</p>
<p>One idea he garnered from architecture is the spectrum of architecture work. Which level should it meet?</p>
<ol>
<li>Shelter</li>
<li>Comfort</li>
<li>Convenience</li>
<li>Prestige</li>
</ol>
<p>Ask that about any Web project. What an excellent model for thinking about the aims of a project! Associated with each is the level of customization, the speed of delivery, and the reliance on established patterns of use. E.g., for many sites that need comfort or convenience, building a site using WordPress (or another blog CMS) would be fine. However, if you need certain convenience or prestige, more custom approaches/implementation of information architecture may be needed. An out-of-the-box CMS may not be able to reach that level of work.</p>
<p>I suspect most of us make these strategic calls at the early stages of projects, but I found this spectrum of shelter to prestige to provide a nice frame.</p>
<p>Dan also talked about some discussions he&#8217;s had with Richard Saul Wurman, who wrote a book a published in 1997 with &#8220;Information Architects&#8221; as the title. I&#8217;ve not read the book, but been aware of Wurman by references from a number of authors in the IA field. My general take is that he pushed thoughts on the topic forward, but that the book was focused more on what today we call information design. Funny, I&#8217;ve watched a number of <a href="http://www.ted.com/">TED</a> presentations, but had no idea that Wurman was behind that project.</p>
<p>It&#8217;s been so long since I&#8217;ve been in a room with other information architects. I love IAs.</p>
<p>Dan is working on a book called &#8220;Now That I See It.&#8221; I&#8217;m looking forward to seeing it!</p>
<h3>In-House Recruiting</h3>
<p>Cora presented one of the most immediately applicable ideas of the conference. In short, it is the idea to create a place for people interested in participating in user research to gather, so that when Quicken Loans needs to recruit participants, they have an existing pool of possible participants to pull from. See a core part of the answer at <a href="http://www.quickenloansfeedbackcentral.com/">feedbackcentral.quickenloans.com</a>.</p>
<p>Awesome idea. Perhaps we&#8217;ll do this at work.</p>
<h3>Grown-Ups Guide to the Social World of Web 2.0</h3>
<p>Jan presented a fast-paced survey of many Web 2.0 sites out there, and gave her review of many of them. She shared many recommendations on making the most of each one. Her talk was great and entertaining…and I need to get to work. <a href="http://www.zacharyspencer.com/2009/04/grownups-guide-to-the-social-world-of-web-20-notes-iue09/">Read LOTS more about her talk at Zach&#8217;s blog</a>, and visit her company&#8217;s site at <a href="http://www.market-arts.com/">market-arts.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davingranroth.com/2009/04/iue2009-thursdays-tracks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
