<?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>UX Booth</title>
	<atom:link href="http://www.uxbooth.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.uxbooth.com</link>
	<description>UX Booth: A User Experience Design Publication</description>
	<lastBuildDate>Tue, 18 Jun 2013 13:30:58 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>A Confab Recap</title>
		<link>http://www.uxbooth.com/articles/a-confab-recap/</link>
		<comments>http://www.uxbooth.com/articles/a-confab-recap/#comments</comments>
		<pubDate>Tue, 18 Jun 2013 13:30:58 +0000</pubDate>
		<dc:creator>Marli Mesibov</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Content strategy]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[deliverables]]></category>
		<category><![CDATA[governance]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33526</guid>
		<description><![CDATA[<p>A few weeks ago, content strategist Marli Mesibov interviewed two speakers in preparation for Confab 2013. Now, in the wake of the conference, she reflects on particularly memorable talks, speakers, and lessons learned.<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33526&c=2019239049' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33526&c=2019239049' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/a-confab-recap/">A Confab Recap</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction"><a href="http://www.twitter.com/halvorson" rel="nofollow">Kristina Halvorson</a> issued a strong call-to-action during her opening keynote at this year&rsquo;s Confab Minneapolis event, saying: &ldquo;Part of my job as a content strategist is to get people on board with content strategy. You are a salesperson.&rdquo; Through the next two days of Confab, speakers provided tools to make this challenging dream a reality.</p>
<p>A few weeks ago, I had the great pleasure of <a href="http://www.uxbooth.com/articles/a-taste-of-confab-2013/">interviewing two Confab speakers</a>, Jonathon Khan and Melanie Moran, in preparation for my attendance of Confab Minneapolis. While writing the introduction for <em>that</em> interview, I spent some time reflecting on why Confab is such a meaningful conference to me:</p>
<blockquote><p>[Speakers at Confab] talk about writing from the perspective of thinkers &ndash; journalists, creatives, researchers, and readers &ndash; instead of merely dwelling on its marketing value. It&rsquo;s a whole new world, connecting writing to design, turning copy into content.</p></blockquote>
<p>Kristina&rsquo;s call-to-action during this year&rsquo;s event &ndash; &ldquo;You are a salesperson&rdquo; &ndash; especially rang true. As an independent content strategist, I work with three types of clients: </p>
<ol>
<li>Clients who know what I do and value it</li>
<li>Clients with a rough idea and interest in what I do, and</li>
<li>Clients who simply don&rsquo;t &ldquo;get&rdquo; content strategy.</li>
</ol>
<p>By far, the third category is the most difficult: in addition to doing my job as a strategist, I have to teach these clients about governance, content creation, content curation, and content modeling. I also have to continually prove my own value. It&rsquo;s the single most frustrating aspect of my work. </p>
<h3>Communication techniques</h3>
<p>Fortunately, this year&rsquo;s speakers also taught me how to value both my clients who understand my work, and the clients who need me to be their guide. It&rsquo;s advice I&rsquo;m excited to put into practice.</p>
<h4>Show them you care</h4>
<p>Some clients love content strategy, but that doesn&rsquo;t mean everyone&rsquo;s on board. The easiest way to get people invested in content strategy is to <strong>listen</strong>, not speak. Listening shows clients that we want to understand the problem at hand. Stakeholders may not care about content strategy, but they do care about finding a solution to their problem. Once they hear their solution lies in a content audit, authoring guidelines, a governance plan, etc, they&rsquo;ll jump on board. <strong>We might call it content strategy; they just call it &ldquo;what works.&rdquo;</strong></p>
<h4>Ask the right questions</h4>
<p>During her keynote, Kristina focused on the top 10 issues that content strategists face. Many clients want future-friendly, multi-channel, single-source, magical-unicorn-meat content. It&rsquo;s depressing to be the bearer of bad news, telling clients they need to trudge through the boring world of organizing content before they get to the fun &ldquo;future&rdquo; stuff. The solution is to remind clients that we&rsquo;ll get to the future-friendly, multi-channel, single-source, magical-unicorn-meat content by starting with simple questions, such as: <em>why do we need it</em>; <em>what already exists</em>; and <em>where is it?</em></p>
<h4>Find your voice</h4>
<p>The first step in building a content strategy isn&rsquo;t necessarily a big, expensive, full-site, multi-channel redesign. Tiffani Jones Brown explained the value of starting small in her talk, <a href="http://confabevents.com/events/minneapolis-2013/program/voice-lessons-finding-your-companys-personality" rel="nofollow">Voice Lessons: Finding Your Company&rsquo;s Personality</a>. Voice is a combination of personality, energy, and the experiences clients have with your company &ndash; all the words that represent a brand. Before touching a page on the website, it helps to reassure clients that we&rsquo;re not starting from scratch; we&rsquo;re making a record of, and using, their own, personalized language.</p>
<h4>Be Honest</h4>
<p>One of the most valuable talks I heard at Confab this year was Ahava Leibtag&rsquo;s talk, <a href="http://confabevents.com/events/minneapolis-2013/program/winning-the-work-making-the-case-for-content-strategy" rel="nofollow">Winning the Work: Making the Case for Content Strategy</a>. Ahava drilled down to the heart of a common content strategy concern: what if I&rsquo;m not right for the job? Her advice? Be honest. In a worst case scenario, you are freeing up your time for projects to which you&rsquo;re better suited. And in a best case scenario, the client decides to work with you, and has reasonable expectations! In addition, <strong>every prospective client appreciates working with someone who recognizes their own strengths and weaknesses.</strong></p>
<h4>Put the &ldquo;Strategy&rdquo; in content strategy</h4>
<p>Many clients fear the unknown of &ldquo;content strategy,&rdquo; and they want to see either a process, or a list of deliverables, neither of which come naturally to a flexible content strategy. In <a href="http://confabevents.com/events/minneapolis-2013/program/responsive-web-projects-how-to-plan-a-successful-discovery-process" rel="nofollow">Responsive Web Projects: How to Plan a Successful Discovery Process</a> Steve Fisher and Alaine Mackenzie offered some suggestions for helping to create a <a href="http://responsiveprocess.com/" rel="nofollow">process that clients can understand</a>&hellip; even if the process doesn&rsquo;t exactly match the sample one that ships with Microsoft Project.</p>
<h4>Stay out of the silo</h4>
<p>&ldquo;<a href="http://www.republicofquality.com/working-together" rel="nofollow">Silos are for farming, not content strategy</a>,&rdquo; Steve Fisher told us. It&rsquo;s easier said than done. Even as a proponent of knocking down silos between development, content strategy, and design, content strategists occasionally advocate for silos when working with management! A &ldquo;heads down&rdquo; approach and preference to work with clients who already &ldquo;get&rdquo; content strategy builds a wall between the strategist and the client; part of breaking silo walls down is teaching clients what they don&rsquo;t understand.</p>
<h3>Get started</h3>
<p>Every conference leaves my head awhirl with new plans to change the way I work with my own clients. Starting now, I&rsquo;m getting out of my private &ldquo;content-knowledgeable&rdquo; silo and advocating for content strategy. Feel free to follow my lead with these first steps:</p>
<ol>
<li><strong>Provide some therapy for new clients.</strong> Ask them what keeps them awake at night, and how they feel about their content.</li>
<li><strong>Offer content strategy as the solution, not the issue.</strong> For clients who haven&rsquo;t worked with a content strategist before, this will help frame the process.</li>
<li><strong>Talk about the process.</strong> The process is flexible and ever changing, but it does exist. </li>
<li><strong>Stay honest, stay optimistic.</strong> It&rsquo;s easy to get jaded when &ldquo;selling&rdquo; your skills, particularly if you feel like you&rsquo;re doing false advertising. Instead, engage in honest discussions with new clients; that&rsquo;s enough to sell the value of content strategy!</li>
</ol>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33526&c=2112819668' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33526&c=2112819668' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/a-confab-recap/">A Confab Recap</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/a-confab-recap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A User Experience Business of One</title>
		<link>http://www.uxbooth.com/articles/a-user-experience-business-of-one/</link>
		<comments>http://www.uxbooth.com/articles/a-user-experience-business-of-one/#comments</comments>
		<pubDate>Tue, 11 Jun 2013 13:30:57 +0000</pubDate>
		<dc:creator>Evgenia (Jenny) Grinblo</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design strategy]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[deliverables]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[process]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33479</guid>
		<description><![CDATA[<p>UX Designers frequently help customers determine how their products resonate with end-users, but what about designers themselves? UX designer Jenny Grinblo explains how she applied the Business Model Canvas to lend style to her professional swagger.<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33479&c=1677003695' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33479&c=1677003695' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/a-user-experience-business-of-one/">A User Experience Business of One</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">My initial foray into UX frustrated me. Although my job title suggested that I made products easier for end-users, I actually spent a lot of time  <a href="http://www.uxbooth.com/articles/playing-ux-matchmaker/">selling user experience</a> to clients, stakeholders, and colleagues. I knew I needed to broaden my focus, but I didn&rsquo;t know where to start. And that&rsquo;s when I discovered The Business Model Canvas.</p>
<p>The story behind what we today know as the  <a href="http://www.businessmodelgeneration.com/canvas" rel="nofollow">Business Model Canvas</a> is an interesting one. Originally created as a conceptual framework for Alexander Osterwalder&rsquo;s PhD project, it later became the subject of an entire book called <a href="http://www.amazon.com/gp/product/0470876417/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0470876417&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Business Model Generation</a>, co-authored with Yves Pigneur. Today, both the book and the canvas allow those of us without business training (including yours truly) to better understand sustainable business practices.</p>
<p>My application of the Business Model Canvas is likely atypical, though. Instead of using the canvas to aid clients, I wondered: what if I looked at <strong>my role as a business itself?</strong> After all, I need resources to operate (a budget, my supervisors&rsquo; time, my colleagues&rsquo; expertise); I have customers (people to whom I provide value); I have costs (my time, materials, stress). Could understanding all these things help me design more efficiently? </p>
<h3> Introspection </h3>
<p>To follow my logic, it&rsquo;s useful to first understand how the business model canvas is laid out.</p>
<div class="image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/06/bmc.png" alt=""></p>
<p class="caption">Personal Business Model Canvas Worksheet. Source: <a href="http://www.businessmodelyou.com" rel="nofollow">http://www.businessmodelyou.com</a></p>
</div>
<p>Divided into nine parts, it includes:</p>
<ul>
<li><strong>Key partners</strong> &ndash; Who supports you?</li>
<li><strong>Key activities</strong> &ndash; What do you do to create value?</li>
<li><strong>Key resources</strong> &ndash; What do you require?</li>
<li><strong>Customers</strong> &ndash; For whom do you create value?</li>
<li><strong>Value</strong> &ndash; What problems do you solve? What needs do you address?</li>
<li><strong>Channels</strong> &ndash; How do you communicate your value?</li>
<li><strong>Customer relationships</strong> &ndash; How you interact with customers?</li>
<li><strong>Revenue</strong> &ndash; What do you get?</strong></li>
<li><strong>Costs</strong> &ndash; What do you give?</strong></li>
</ul>
<p>Using the original book&rsquo;s sequel (<a href="http://www.businessmodelyou.com" rel="nofollow">Business Model You</a>) as a guide, I thought critically about my role within my organization. Rather than rigorously weigh all nine considerations here, though &ndash; something for which the book is much better suited &ndash; let&rsquo;s look at three in particular: <strong>customers, value provided, and key channels.</strong></p>
<h3>Customers: not just the end-user</h3>
<p>While it&rsquo;s relatively easy to assume that our customers are the same as the customers of the company for which we work, this isn&rsquo;t strictly the case. As the book defines them, customers are anyone for whom we&rsquo;re creating value, including:</p>
<ul>
<li>Clients and stakeholders, who rely on us for our expertise;</li>
<li>End-users, who rely on us to represent their needs;</li>
<li>Software developers, who rely on us to clarify interactions and interfaces;</li>
<li>Other members of the design team, who rely on us for user research; and, finally,</li>
<li>Colleagues in quality assurance, who rely on us for specifications and clarifications.</li>
</ul>
<p>Notice that end-users are only one item on the list. Notice, also, that <strong>colleagues are customers too</strong>. Couple this with the fact that we practice user-centered design and it becomes increasingly obvious why it&rsquo;s part of our job to consider our team and their benefit. </p>
<p><a href="http://whitneyhess.com/blog/2012/04/21/user-experience-is-not-enough/" rel="nofollow">User experience design isn&rsquo;t limited</a> to human-computer interaction; it includes <a href="http://www.uxbooth.com/articles/invisible-armor-protecting-your-empathy-at-work/">human-human interaction</a> as well. Before filling out the canvas, I instinctively knew this &ndash; that my responsibility did not end with &ldquo;end users&rdquo; &ndash; however, I didn&rsquo;t know what I could do to serve them more effectively. That&rsquo;s when I considered value propositions.</p>
<h3>Value: not just deliverables</h3>
<p>Just as clients tend to think of our work as deliverables, designers often think of our work as different activities: <a href="http://www.uxbooth.com/articles/write-better-content-by-working-in-pairs/">holding workshops</a>, <a href="http://www.uxbooth.com/articles/encouraging-negative-feedback-during-user-testing/">conducting interviews</a>, <a href="http://www.uxbooth.com/articles/stuck-in-the-details-mind-map-user-tasks/">writing scenarios</a>, <a href="http://www.uxbooth.com/articles/wireframing-tips-tools-and-techniques/">making wireframes</a>. Yet <strong>one of the biggest mistakes we can make</strong> is to assume that the activities we conduct are the same thing as the value we provide.</p>
<p>When I sat down to determine the value I provided, I was stumped. I could only think of &ndash; dare I say it &ndash; clich&eacute;s. &ldquo;Making things easy to use,&rdquo; &ldquo;generating empathy,&rdquo; etc. I needed to <a href="http://alistapart.com/article/can-you-say-that-in-english-explaining-ux-research-to-clients" rel="nofollow">break it down</a>.</p>
<div class="image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/06/sketchbook.jpg" alt=""></p>
<p class="caption">My actual first draft of value provided &ndash; this describes what value my role provides, irrespective of activities.</p>
</div>
<p>To determine the value I provided to others, I started with a list of <strong>what</strong> I was currently doing at work: conducting user interviews, diagramming <a href="http://rosenfeldmedia.com/books/mental-models/" rel="nofollow">mental models</a>, building low-fidelity prototypes, tracing mind maps, putting together personas. Next, I considered <strong>my reasoning</strong> for each activity. Why did I interview project stakeholders?, for example. </p>
<p>Then I asked myself: So what? Repeatedly. Until I hit something. </p>
<p>This resulted in the following table:</p>
<table>
<tr>
<th>Activity</th>
<th>I do this to&hellip;</th>
<th>So that&hellip;</th>
</tr>
<tr>
<td>User interviews</td>
<td>Build empathy for customers</td>
<td>We avoid building a product &ldquo;for everyone&rdquo;</td>
</tr>
<tr>
<td>Mental Model Diagram</td>
<td>Determine our feature fit</td>
<td>Stakeholders can see gaps </td>
</tr>
<tr>
<td>Low-fidelity prototype</td>
<td>Share the vision</td>
<td>Everyone can agree to the product direction, sooner</td>
</tr>
</table>
<p>Does interviewing customers before designing reduce the risk of product-market mismatch? Does one particular kind of prototype make it easier to adapt the design vision? You don&rsquo;t know until you think it through.</p>
<p>Next, I considered the value provided by each of these activities for my customers:</p>
<table>
<tr>
<th>Activity</th>
<th>Value to client</th>
<th>Value to developers </th>
<th>Value to designers</th>
</tr>
<tr>
<td>Mental Model Diagram</td>
<td><em>Risk reduction</em>. This helps clients see gaps in their offering (where they might lose competitive edge or profit)</td>
<td><em>Convenience.</em> This allows developers to more easily write user stories by providing user motivations.</td>
<td><em>Cost reduction.</em> This provides designers with context so they can more quickly make design decisions.</td>
</tr>
</table>
<p>Notice how the value differs depending upon the customer. Finding the right way to phrase the value we provide for a given audience is, simply put, a user-centered way of thinking. It requires asking the right questions and actually listening to the answers. In this case, we just have to add business constraints, and organizational fit to our list of topics to listen out for.</p>
<p>Communicating this way signals that we have a wide skillset. When I sit down at a meeting, I sometimes sense that a new client considers the role of designer to be analogous to that of an aesthetician: the person responsible for adding &ldquo;color&rdquo; to an interface. Communicating my role in terms of value signals that I think broadly. <strong>It raises expectations.</strong></p>
<h3>Key channels: stop waiting for recognition</h3>
<p>The third realization I had when filling out the canvas was that I was often <strong>waiting for people to become curious</strong> about what I did instead of communicating my own value. Channels are the methods we use to communicate to customers. They afford three things:</p>
<ul>
<li><strong>Awareness of the value we provide</strong>. They allow us to spread the word about what we can offer (and listen to others to see where its needed most).</li>
<li><strong>The value itself</strong>. Channels allow us to deliver the value we promise. </li>
<li><strong>Customer support</strong> after we&rsquo;ve delivered our value.</li>
</ul>
<p>Most importantly, this exercise helped me realize that I needed to start doing things resonated most with each of my customers. To that end, I might:</p>
<ul>
<li>Demo something I did in the company demo meeting and talk about the value to developers</li>
<li>Share a usability test recording</li>
<li>Make a cheat-sheet of my activities&rsquo; benefits for the sales team, or</li>
<li>Write articles about our process for the company website so clients could learn more about what UX means for business</li>
</ul>
<h3>Making the sale</h3>
<p>So there you have it: the business model of a <a href="http://vimeo.com/3310086" rel="nofollow">UX Team of One</a>. <a href="http://www.uxmatters.com/mt/archives/2008/10/selling-ux.php" rel="nofollow">Selling UX</a> &ndash; especially within an organisation &ndash; is a complex topic. <a href="http://www.uxbooth.com/articles/under-the-cover-an-interview-with-the-authors-of-undercover-ux/">Whole</a> <a href="http://www.amazon.com/gp/product/144931905X/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=144931905X&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">books</a> have been written on the subject. The three insights above resulted from reconsidering my value and what I could improve on. </p>
<p>I eventually came to realize I <strong>needed a plan for communicating value</strong> to different groups of people I work with, and that I had to stop waiting and start doing. I also came to accept that there were areas in which I needed help &ndash; such as translating my reasoning for UX activities into business terms. I&rsquo;m currently working on writing out all these benefits, with the help of an experienced consultant. </p>
<p>The business model canvas hasn&rsquo;t made my job any easier to do, but it has helped me prioritize. Communicating value is a journey. I recommend filling out the canvas for yourself and <strong>seeing which boxes are most difficult to fill</strong> (yours might differ from my 3 key learnings) or with which you could use some help. I have no doubt you&rsquo;ll find the result rewarding.</p>
<h4>Related resources</h4>
<h5>On UX within organizations</h5>
<ul>
<li><a href="http://whitneyhess.com/blog/2012/04/21/user-experience-is-not-enough/" rel="nofollow">User Experience is Not Enough</a></li>
<li><a href="http://www.uxmatters.com/mt/archives/2008/10/selling-ux.php" rel="nofollow">Selling UX</a></li>
<li><a href="http://uxmag.com/articles/communicating-the-ux-value-proposition " rel="nofollow">Communicating the UX Value Proposition</a> </li>
</ul>
<h5>On UX benefits</h5>
<ul>
<li><a href="http://uxdesign.smashingmagazine.com/2013/01/24/effectively-planning-ux-design-projects" rel="nofollow">Overview of UX activities and their benefits</a></li>
<li><a href="http://www.youtube.com/watch?feature=player_embedded&#038;v=O94kYyzqvTc#" rel="nofollow">The ROI (Return on Investment) of User Experience</a></li>
</ul>
<h5>On the Business Model Canvas</h5>
<ul>
<li><a href="http://businessmodelyou.com/" rel="nofollow">Business Model You &ndash; an adaption of the canvas for individuals</a</li>
<li><a href="http://leancanvas.com/" rel="nofollow">Lean Canvas &ndash; A business model canvas alternative for startups</a> </li>
<li><a href="http://grasshopperherder.com/business-model-canvas-for-user-experience/" rel="nofollow">Business Model Canvas for User Experience Design</a> &ndash; an alternative focusing on the user</li>
</ul>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33479&c=197730581' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33479&c=197730581' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/a-user-experience-business-of-one/">A User Experience Business of One</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/a-user-experience-business-of-one/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Design in Service: Crafting the Citizen Experience</title>
		<link>http://www.uxbooth.com/articles/design-in-service-crafting-the-citizen-experience/</link>
		<comments>http://www.uxbooth.com/articles/design-in-service-crafting-the-citizen-experience/#comments</comments>
		<pubDate>Tue, 04 Jun 2013 13:30:41 +0000</pubDate>
		<dc:creator>Andrew Maier</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design philosophy]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[storytelling]]></category>
		<category><![CDATA[systems]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33448</guid>
		<description><![CDATA[<p>The one-two combination of publicly available data and ubiquitous technologies presents exciting opportunities for would-be civic designers. Interaction designer Andrew Maier recounts the altogether brief history of citizen experience design and provides avenues for readers to get started.<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33448&c=1120174624' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33448&c=1120174624' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/design-in-service-crafting-the-citizen-experience/">Design in Service: Crafting the Citizen Experience</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">Many agree that a combination of factors &ndash; a demand for better user experience, the rise of ubiquitous technologies and more readily accessible datasets &ndash; present the conditions <strong>necessary</strong> for a more enjoyable life as a citizen of our country. But necessity is just the mother of invention; it takes hard work to get there. To narrow the gap between today&rsquo;s promises and tomorrow&rsquo;s opportunities, designers are increasingly intent on improving what&rsquo;s known as the citizen experience.</p>
<p><span class="lead">The trends aren&rsquo;t difficult to see.</span> <a href="http://www.amazon.com/gp/product/0875848192/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0875848192&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Co-authors Joseph Pine and James Gilmore</a> pointed out <em>eons</em> ago in the web world &ndash; back in 1998 &ndash; that we live an <a href="http://hbr.org/1998/07/welcome-to-the-experience-economy/" rel="nofollow">experience economy</a>. Simply put, people are drawn to products and services that are more considerate of their experience. Additionally, by now, designers are well acquainted with the idea of <a href="http://designmind.frogdesign.com/blog/of-bears-bats-and-bees-making-sense-of-the-internet-of-things.html" rel="nofollow">mobile</a>, <a href="http://en.wikipedia.org/wiki/Mark_Weiser" rel="nofollow">ubiquitous</a> <a href="http://www.amazon.com/gp/product/0321384016/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321384016&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">computing</a>. It&rsquo;s hard not to be. It&rsquo;s the subject of books, blogs, even whole conferences. </p>
<p>One consequence of these trends is data. Lots of it. <a href="http://www.data.gov/" rel="nofollow">Data.gov</a>, a site created and maintained by the Obama administration&rsquo;s Open Government Initiative, houses over 73,000 sets of the stuff. The sheer quantity available begs the question: <em>what can designers do?</em> The (short-term) answer is visualizations. With them, designers turn otherwise confusing arrays of numbers into useful information.</p>
<div class="image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/06/visualizations.png" alt=""></p>
<p class="caption">Map-based visualizations seem a relatively humble start, yet the examples appearing on sites such as <a href="http://catalog.data.gov/dataset?metadata_type=geospatial" rel="nofollow">Data.gov</a> and <a href="https://data.seattle.gov/browse?limitTo=maps&#038;utf8=%E2%9C%93" rel="nofollow">Data.Seattle.gov</a> readily manifest the power of mere juxtaposition. </p>
</div>
<p>Visualizations are only a small part of the story, though. What&rsquo;s more valuable than the insights created by way of visualizations and others information technologies like them are <strong>the storytelling opportunities</strong> that these <a href="http://source.mozillaopennews.org/en-US/" rel="nofollow">neo-journalism tools</a> afford. By piecing together the narratives behind collective action, locally-minded people &ndash; citizens &ndash; can tell more cohesive stories about their communities and <strong>plan for change.</strong> In essence, today&rsquo;s technological landscape provides a compelling opportunity for designers to affect a positive change across entire municipalities. </p>
<h3>The citizen experience</h3>
<p>After years of working in the private sector, <a href="http://www.citizenexperience.com/" rel="nofollow">Jess McMullin</a> had an epiphany. At two in the morning &ndash; the Saturday before Christmas, 2009 &ndash; he made the not-too-hasty decision to leave the consultancy he had founded six years prior. Jess left his own company to work in the public sector because, in his words:</p>
<blockquote><p>
I&rsquo;ve found public-sector work to be infinitely more meaningful than private-sector work. I guess that&rsquo;s because, as an individual, I actually have faith and confidence in the government as a solution to societal problems. </p>
<p>Individually, we tend <strong>not</strong> to act in a way that&rsquo;s attuned to our collective needs. The free market led us to the housing crisis and situations like Enron. Unregulated, it&#8217;s a sociopath. Government provides a solution to the tragedy of the commons.
</p></blockquote>
<p><cite>Jess Mcmullin</cite></p>
<p><em>Many</em> of the designers with whom I spoke while researching this piece had a similar epiphany: the &ldquo;tragedy of the commons&rdquo; becoming too acute, and projects focused on the citizen experience appearing refreshingly <a href="http://en.wikipedia.org/wiki/Greenfield_project" rel="nofollow">greenfield</a> by comparison. It led user researcher Cyd Harrell to more prominently introduce the term to the community in her <a href="http://uxmag.com/articles/the-citizen-experience-needs-us" rel="nofollow">article on UX Magazine</a> titled &ldquo;The Citizen Experience Needs Us: Why UX practitioners should join the Government 2.0 movement.&rdquo; She says:</p>
<blockquote><p>
Lately, I&rsquo;ve started thinking that our view of the human as a &ldquo;user&rdquo; is incomplete. Yes, interacting with interfaces does come down to <strong>using</strong> technology, but just as &ldquo;customer&rdquo; is a more comprehensive term in the commercial realm, we need another term to describe other important relationships in people&rsquo;s lives. </p>
<p>Anyone applying for a business license or a building permit, paying taxes, looking up public records, or requesting benefits is participating in an interaction where they are something more than a user. These relationships aren&rsquo;t exactly voluntary the way commercial relationships are, but at the same time, the public nature of these services makes the user a co-owner in a way that customers typically are not. </p>
<p>Most citizen experiences don&rsquo;t properly reflect this reality although they should, and it&rsquo;s interesting to think about how they&rsquo;d be different if they did.
</p></blockquote>
<p><cite>Cyd Harrell</cite></p>
<p>In other words, the citizen experience is <strong>a direct result of the platform</strong> provided by a municipality. While its opportunities aren&rsquo;t as readily apparent, they&rsquo;re no less important to would-be <strong>civic designers.</strong></p>
<h3>The civic design spectrum</h3>
<p>The gap between today&rsquo;s user-centered designers and tomorrow&rsquo;s civic designers is closing, albeit slowly. That&rsquo;s partially because citizen experience is a relatively nascent idea (to us), and partially because the resources available to designers are few and far between. It&rsquo;s a bit of a chicken and egg scenario. Some resources <em>do</em> exist, though: Jess McMullin, mentioned above, wrote a guide called <a href="http://boxesandarrows.com/getting-into-government-consulting/" rel="nofollow">Getting into Government Consulting</a> detailing his lessons from the trenches; researchers Nate Bolt and Tony Tulathimutte wrote an account of <a href="http://boxesandarrows.com/google-stanford-and-the-government-fight-swine-flu/" rel="nofollow">their work with Stanford University</a>, helping get the word out about Swine Flu; and designers Elizabeth Buie &#038; Dianne Murray co-edited a book called <a href="http://www.amazon.com/gp/product/0123910633/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0123910633&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Usability in Government Systems</a>, which acts as a good primer.</p>
<div class="image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/06/field_guides.jpg" alt=""></p>
<p class="caption"> Dana Chisnell&rsquo;s Field Guides to Ensuring Voter Intent were <a href="http://www.kickstarter.com/projects/civicdesigning/field-guides-to-ensuring-voter-intent" rel="nofollow">funded through Kickstarter</a> and designed by <a href="http://oxidedesign.com/" rel="nofollow">Oxide Design Co</a>.</p>
</div>
<p>Other designers have simply jumped in head first, making a name for themselves by taking part in what author Jon Kolko calls <a href="https://www.wickedproblems.com/1_understanding_social_entrepreneurship.php" rel="nofollow">social entrepreneurship</a>. Social entrepreneurship works just like its conventional counterpart except that social entrepreneurs seek to solve humanitarian problems rather than sell products. <a href="http://www.kickstarter.com/projects/civicdesigning/field-guides-to-ensuring-voter-intent" rel="nofollow">Dana Chisnell&rsquo;s Field Guides to Ensuring Voter Intent</a> and <a href="http://contentsmagazine.com/articles/homicide-watch-an-interview/" rel="nofollow">Laura Amico&rsquo;s Homicide Watch</a> serve as good examples, in addition to joint-ventures such as <a href="http://www.rhok.org/" rel="nofollow">Random Hacks of Kindness</a> (sponsored by Microsoft, Google, Yahoo!, NASA, and the World Bank).</p>
<p>What&rsquo;s clear is that civic design projects run the gamut &ndash; some are visualizations, some are physical objects, and some are quasi-public services. Is there any consensus as to what citizens actually <strong>want</strong> from the government of the future? This summary, accompanying an <a href="http://www.accenture.com/us-en/Pages/insight-digital-citizen-pulse-survey-summary.aspx" rel="nofollow">Accenture study from 2012</a>, suggests an answer: </p>
<blockquote><p>
  The majority of people say they would use digital services if offered by government, especially for routine transactions. And over half want to conduct all their government business digitally in the future. The biggest challenge for government is not catching up with the private sector—it&rsquo;s giving digital citizens what they want while using digital channels to improve public value.
</p></blockquote>
<p>Laying aside the ambiguity of &ldquo;public value&rdquo; for a moment, it seems sensible to conclude that the primary way to <strong>increase that value</strong> would be to give each citizen a voice, helping them take part in their own democracy. San Francisco&rsquo;s online service center, <a href="https://twitter.com/SF311" rel="nofollow">@SF311</a>, does just this. </p>
<p>As Cyd explains (in the same article mentioned earlier):</p>
<blockquote><p>
  One day last summer, driving through Golden Gate Park on one of our notoriously freezing and foggy June mornings, I noticed sprinklers in full spray all along a major road, wasting large quantities of water. Having recently heard about the service, I tweeted @SF311, and within 45 minutes I had a helpful response assuring me that it would be checked out. The next day when I drove the same route, the sprinklers were off.
</p></blockquote>
<p><cite>Cyd Harrell</cite></p>
<p>Tools such as SF311 are equal parts fascinating and vexing. While one the one hand they liberate &ndash; empowering citizens &ndash; on the other hand they also represent of an entire class of products and services <strong>that are often unheard of until after they&rsquo;re built.</strong></p>
<h3>Better government for everyone</h3>
<p>Anyone who&rsquo;s interacted with an office of their local government knows that the public sector works as best as it can to serve the needs of its constituents. Organizations frequently adopt and adapt solutions along the way which inevitably introduces inefficiencies. Inefficiency, however, is something for which user-centered design is well suited. It&rsquo;s just rarely the case that these two parties meet in the middle, despite the fact that they have so much to gain from one another.</p>
<p>This disconnect prompted <a href="http://www.ted.com/talks/jennifer_pahlka_coding_a_better_government.html" rel="nofollow">Jennifer Pahlka</a> &ndash; a former game-industry leader turned social entrepreneur &ndash; to found a civic-design organization called Code for America. Code for America is best described by way of analogy, drawing comparisons to both Teach for America and Peace Core (but for geeks). At its heart, the organization facilitates is a year-long fellowship program, recruiting designers and developers to scope and solve public-sector problems in collaboration with local governments. </p>
<p>In a nutshell:</p>
<ol>
<li>Designers and developers apply from all over the country,</li>
<li>Next, a handful are chosen to participate in the San Francisco-based program,</li>
<li>Finally, states sponsor a group of fellows to come onsite and collaboratively solve government problems in a user-centered way.</li>
</ol>
<p>Participation in the program is as much a learning opportunity as it is a gesture to shared future of our nation. The following video provides insight into one of the projects that came out of last year&rsquo;s program:</p>
<div class="image-container">
  <object width="531" height="310" id="msnbc5a81fa" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0"><param name="movie" value="http://www.msnbc.msn.com/id/32545640" /><param name="FlashVars" value="launch=49035675&amp;width=531&amp;height=310" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><embed name="msnbc5a81fa" src="http://www.msnbc.msn.com/id/32545640" width="531" height="310" FlashVars="launch=49035675&amp;width=531&amp;height=310" allowscriptaccess="always" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object></p>
<p class="caption">Fellows from Code for America <a href="http://usnews.nbcnews.com/_news/2012/09/26/14111342-developers-seek-new-challenge-fix-city-hall" rel="nofollow">describe their latest collaboration</a> with a city government, a website built for Honolulu&rsquo;s City Hall.</p>
</div>
<p>Readers interested in transitioning into the the civic design space are highly encouraged to <a href="http://codeforamerica.org/fellows/apply/" rel="nofollow">apply for the 2014 fellowship</a>.</p>
<h3>What tomorrow feels like</h3>
<p>The most fascinating thing about citizen experience design is that it&rsquo;s taken so long to come to the fore. The problem space begins with a question <strong>that&rsquo;s pertinent to all of us:</strong> <em>what&rsquo;s it like to be a resident of a town or city?</em> And <em>how could that be better?</em> Living somewhere is &ldquo;an experience&rdquo; most do not think of &ldquo;choosing;&rdquo; our parents made that decision for us. But as we grow up we <em>do</em> have a choice: do we keep things as they are or do we choose to make our future government better than we found it?</p>
<h4>Related resources</h4>
<ul>
<li><a href="http://hackforchange.org/sites/default/files/datasets/NDoCH%20-%20Challenge%20Design%20Principles.pdf" rel="nofollow">Civic Hackathon Challenge Design Principles: Making Data Relevant and Useful for Individuals and Communities</a></li>
</ul>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33448&c=418205973' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33448&c=418205973' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/design-in-service-crafting-the-citizen-experience/">Design in Service: Crafting the Citizen Experience</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/design-in-service-crafting-the-citizen-experience/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Complete Beginner&#8217;s Guide to Universal Design</title>
		<link>http://www.uxbooth.com/articles/the-complete-beginners-guide-to-universal-design/</link>
		<comments>http://www.uxbooth.com/articles/the-complete-beginners-guide-to-universal-design/#comments</comments>
		<pubDate>Tue, 28 May 2013 13:30:12 +0000</pubDate>
		<dc:creator>Andrew Maier</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Universal design]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[responsive web design]]></category>
		<category><![CDATA[standards]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33434</guid>
		<description><![CDATA[<p>Universal design considerations increasingly comprise a prudent approach to design and development for the web. Interaction designer Andrew Maier details some of the broader implications this has for user-centered designers. <br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33434&c=692358283' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33434&c=692358283' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/the-complete-beginners-guide-to-universal-design/">The Complete Beginner&#8217;s Guide to Universal Design</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">Like countless others, I initially perceived user experience design through the lens of <strong>usability:</strong> as a &ldquo;science,&rdquo; devoid of the subjectivity of &ldquo;users.&rdquo; If a door equipped with a push bar actually required me to pull on it in order to open it, I became upset. I considered it a bad experience. And while this does describe a bad experience due to poor usability, my viewpoint was also incredibly <a href="http://the-pastry-box-project.net/chris-coyier/2013-may-3/">myopic</a>.</p>
<div class="image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/05/inaccessible.jpg" alt=""></p>
<p class="caption">Unusable or inaccessible, what&rsquo;s the difference?</p>
</div>
<p>As <a href="http://alistapart.com/column/the-web-on-mobile-and-beyond" rel="nofollow">many</a> <a href="http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/" rel="nofollow">within</a> <a href="http://alistapart.com/article/your-content-now-mobile" rel="nofollow">our</a> community have pointed out, the things we might normally think of as well designed are often only &ldquo;well designed&rdquo; within a certain context. People with limited use of their arms, for example, might <a href="http://www.uxbooth.com/articles/the-sound-of-one-hand-typing/">find a standard keyboard difficult to employ</a>. Ditto <a href="http://stephanierieger.com/a-plea-for-progressive-enhancement/" rel="nofollow">those using browsers</a> that might lack support for web standards</a>. They often incur barriers when accessing the web.</p>
<p>Obviously, this is less than <strong>ideal.</strong> Design <a href="http://www.uxbooth.com/articles/its-about-people-not-devices/">shouldn&rsquo;t serve merely a subset of its audience</a> &ndash; it should serve everyone, equally. Doing <em>that,</em> however, requires thoughtful conversations before, during, and after development begins.</p>
<p>That&rsquo;s where this article comes in. Like <a href="http://www.uxbooth.com/articles/complete-beginners-guide-to-content-strategy/">others</a> <a href="http://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/">in</a> <a href="http://www.uxbooth.com/articles/complete-beginners-guide-to-information-architecture/">this</a> <a href="http://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/">series</a>, The Complete Beginner&rsquo;s Guide to Universal Design <strong>won&rsquo;t</strong> provide a comprehensive look at the subject. Instead, it&rsquo;s written as a springboard, introducing universal design and its close cousin, accessibility. For context&rsquo;s sake, we&rsquo;ll take a look at some of the ways in which universal design manifests itself &ndash; both online and off &ndash; and then close with some thoughts on approaching design in a more universal way.</p>
<p>Ready? Let&rsquo;s get started.</p>
<h3>What is universal design?</h3>
<p><a href="http://en.wikipedia.org/wiki/Universal_design" rel="nofollow">Universal design</a> describes <strong>a set of considerations</strong> made to ensure that a product, service, and/or environment is usable <em>by everyone,</em> to the greatest extent possible, without the need for adaptation or specialized design. <a href="http://en.wikipedia.org/wiki/Accessibility" rel="nofollow">Accessibility</a> is only <em>slightly</em> different, describing <strong>the degree to which</strong> a product, service, and/or environment is made available to everyone. So whereas the former is a design methodology (similar to user-centered design), the latter is its most commonly associated metric. </p>
<p>Colloquially, accessibility refers to the degree to which a design functions for people with disabilities &ndash; those who can&rsquo;t see, can&rsquo;t hear, can&rsquo;t use a keyboard or mouse, or those who have a cognitive or speech disability. Although these people have historically experienced <a href="http://boagworld.com/dev/making-mobile-mistakes/#comment-224381018" rel="nofollow">a marginalized web</a>, <a href="http://www.uxbooth.com/articles/a-chat-with-bill-gribbons-part-1/">the times appear to be changing</a>. The recent rise in popularity of mobile devices has forced organizations to finally give due consideration to the idea of <a href="http://www.uxbooth.com/articles/designing-for-mobile-part-1-information-architecture/">dynamic</a> <a href="http://www.netmagazine.com/features/it-s-all-about-context" rel="nofollow">context</a>: usage in a variety of environments under a variety of conditions. This, in turn, blurs the lines between &ldquo;people&rdquo; and people with disabilities. Product designer and mobile strategist Luke Wroblewski has taken to describing his target audience as having &ldquo;<a href="http://www.lukew.com/ff/entry.asp?1664" rel="nofollow">one eyeball and one thumb</a>.&rdquo;</p>
<p>Both universal design (in general) and mobile-first design (as a case in point) make products and services more accessible, paving the way for what the web community calls &ldquo;<a href="http://www.netmagazine.com/opinions/one-web-dont-write-devices-write-people" rel="nofollow">one web</a>.&rdquo; One web is an increasingly pragmatic vision of a browser- and device-agnostic future which, many believe, is the only <a href="http://futurefriend.ly/" rel="nofollow">future-friendly</a> way forward.</p>
<h3>What does universal design &ldquo;look&rdquo; like?</h3>
<p>All this abstract talk about universal design has probably got you thinking: <em>what does this stuff actually look like?</em> Let&rsquo;s start by looking at universal design in the real world.</p>
<div class="image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/05/sidewalks.jpg" alt=""></p>
<p class="caption">During California State University at Northridge&rsquo;s annual CSUN conference, accessibility champion Wendy Chisholm pointed out that &ldquo;stairs make the building inaccessible, not a wheelchair.&rdquo;</p>
</div>
<p><strong>Sloped sidewalks</strong> are a design detail accompanying contemporary pedestrian walkways. Physically, they&rsquo;re nothing more than ramps that are added to sidewalks to make things easier for people using a wheelchair; but their actual utility runs far deeper. By addressing the need for people who use wheelchairs, designers have also made life easier for moms with strollers, people with handtrucks, etc. This is a good example of how designing for the &ldquo;extreme&rdquo; case makes the experience better for everyone.</p>
<p>The digital equivalent of sloped sidewalks is <a href="http://filamentgroup.com/dwpe/" rel="nofollow">progressive</a> <a href="http://www.amazon.com/gp/product/098358950X/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=098358950X&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">enhancement</a>. Web designers and developers (smartly) <strong>assume nothing</strong> about their target audience and initially deliver a barebones, <a href="http://webaim.org/techniques/screenreader/" rel="nofollow">semantic website</a>. After the page loads, we use <a href="http://modernizr.com/" rel="nofollow">feature detection</a> to determine whether or not a richer experience can supersede it.</p>
<p>Like most universal design considerations, progressive enhancement (when done well) isn&rsquo;t &ldquo;visible&rdquo; <a href="http://xkcd.com/1015/" rel="nofollow">unless you know how to look for it</a>. Nevertheless, understanding the thinking that goes into universal design for the web makes all the difference with regards to our approach.</p>
<h3>What things shape a universal approach?</h3>
<p>Many people have given thought as to what constitutes universal design: Alan Cooper mentions some considerations in his book, <a href="http://www.amazon.com/gp/product/0470084111/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0470084111&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">About Face 3</a>, and NC State hosts <a href="http://www.ncsu.edu/www/ncsu/design/sod5/cud/pubs_p/docs/poster.pdf" rel="nofollow">a set of principles on their website</a>. Here, I&rsquo;ll briefly cover some of the aspects I&rsquo;ve found useful.</p>
<p>Accessibility begins with content. <a href="http://www.4syllables.com.au/2010/09/accessibility-web-writers-part-1/" rel="nofollow">Accessible content</a> <a href="http://www.w3.org/TR/WCAG/" rel="nofollow">is defined</a> as content that&rsquo;s perceivable (visible or otherwise), operable (usable), understandable (<a href="http://www.uxbooth.com/articles/a-single-perspective-on-multiple-intelligences/">learnable</a>, logically sound), and robust (well described, available in multiple formats). It is, likewise, <a href="http://alistapart.com/article/future-ready-content" rel="nofollow">made available</a> via an <a href="http://www.w3.org/WAI/intro/aria" rel="nofollow">accessible service</a>. Accessible services deliver content to people, browsers, and other applications via a <strong>user interface</strong> (UI) and/or an <strong>application interface</strong> (API).</p>
<p>Designing content and services so that they meet these criteria isn&rsquo;t easy. Instead of the normal, user-centered approach with which readers here are likely familiar, universal designers <strong>take an opportunistic point of view,</strong> asking <em>who are the people/systems that could possibly use this content or service,</em> and <em>what are the barriers that could possibly stand in their way?</em> I&rsquo;ve found that this breaks down into a few, key activities: building the business case, measuring accessibility, understanding content, understanding code, and, finally, sharing skills. To be sure, all of these revolve around learning about, developing, and adhering to &ldquo;best&rdquo; practices.</p>
<h4>Building the business case</h4>
<p>To build the business case for universal design, user-centered designers might first measure the content or service&rsquo;s accessibility (see below) and, second, convince stakeholders that it&rsquo;s a worthwhile investment. Some arguments include: </p>
<ul>
<li>Accessible content is more findable (SEO benefits) and more <a href="http://alistapart.com/article/like-able-content-spread-your-message-with-third-party-metadata">shareable</a> (social media benefits).</li>
<li>Because they&rsquo;re standards-based, accessible services are comprised of more interchangeable parts (making for more efficient collaboration). </li>
<li>Governments <a href="https://www.section508.gov/" rel="nofollow">legislate</a> <a href="http://www.fcc.gov/document/cvaa-public-notice-accessibility-communications-technologies" rel="nofollow">against</a> inaccessible products.</li>
<li>For some customers / organizations, accessibility directly drives their purchasing decisions.</li>
</ul>
<h4>Measuring accessibility</h4>
<p>Universal design is measured by way of accessibility. Designers can begin to understand this link by developing a working knowledge of the accessibility testing tools available and then using them to evaluate the content or service under question. Finally, they might define an accessibility testing heuristic to ensure <strong>consistent measurement.</strong></p>
<p>Accessibility testing tools include &ndash; but are certainly not limited to &ndash; <a href="http://mobile.smashingmagazine.com/2012/09/24/establishing-an-open-device-lab/" rel="nofollow">device labs</a>, screenreaders (such as <a href="http://www.chromevox.com/" rel="nofollow">Chromevox</a>), and disability simulators (such as <a href="http://www.etre.com/tools/colourblindsimulator/" rel="nofollow">Etre&rsquo;s colorblindness simulator</a>). These are just the tip of the iceberg, though. I recommend working with stakeholders to determine the range of disabilities that might apply to their target audience.</p>
<p>After determining which accessibility testing tools provide a useful assessment of their content or service, designers can develop a set of testing heuristics to ensure their consistent use. These could be as simple as <a href="http://www.w3.org/TR/WCAG10/full-checklist.html" rel="nofollow">checklists</a> or step-by-step guides; they could be as complex as a set of video tutorials.</p>
<h4>Understanding content</h4>
<p>To improve the accessibility of content, designers must first understand what&rsquo;s wrong from an accessibility standpoint &ndash; if anything &ndash; with an organization&rsquo;s <a href="http://www.uxbooth.com/articles/complete-beginners-guide-to-content-strategy/">content strategy</a>: how content is planned for, created, published, and maintained. Instead of testing for compliance after the fact, they can embed accessibility considerations into the editorial process from the beginning.</p>
<div class="image-container medium">
  <img src="http://assets.uxbooth.com/uploads/2013/05/alt_text.png"></p>
<p class="caption">This flowchart shows how <a href="http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/" rel="nofollow">determining the content of an image&rsquo;s alt text</a> requires a bit of thought. </p>
</div>
<h4>Understanding code</h4>
<p>To improve our code we must first understand it. After measuring our service&rsquo;s accessibility, designers should pair with developers (see below) to better understand &ndash; and eventually improve &ndash; their development lifecycle. Some organizations do this by creating more modular designs, maintaining <a href="http://developer.yahoo.com/ypatterns/" rel="nofollow">pattern libraries</a>. Others adhere to standard application architectures, providing <a href="https://en.wikipedia.org/wiki/Representational_state_transfer" rel="nofollow">RESTful APIs</a>. Still others use developer frameworks such as <a href="http://quailjs.org/" rel="nofollow">Quail.js</a> to ensure that their front-end code is accessible.</p>
<h4>Sharing skills</h4>
<p>Accessible patterns and company-wide conventions are usually developed ad hoc. While creating an instructive CMS or a set of design/development patterns goes a long way towards ensuring things are accessible, documentation alone is no panacea.</p>
<p>As Julie Dirksen points out in her book, <a href="http://www.amazon.com/gp/product/0321768434/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321768434&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Design for How People Learn</a>, facts are learned differently than skills. Because accessibility problems are potentially introduced whenever content is created &ndash; whenever code is written &ndash; it&rsquo;s imperative that team members engage in pair programming or <a href="http://www.uxbooth.com/articles/write-better-content-by-working-in-pairs/">pair writing</a> sessions to share their knowledge.</p>
<h3>Go forth</h3>
<p>So there you have it. Although it feels like we&rsquo;ve covered a lot, we&rsquo;ve actually only scratched the surface. I&rsquo;ve intentionally left many parts out of this article, parts that are much better covered by entire <a href="http://www.amazon.com/gp/product/193382087X/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=193382087X&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">books</a> <a href="http://www.amazon.com/gp/product/0596518730/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0596518730&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">written</a> <a href="http://www.amazon.com/gp/product/1449322859/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=1449322859&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">on</a> <a href="http://www.amazon.com/gp/product/0321616952/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321616952&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">this</a> <a href="http://www.amazon.com/gp/product/0321703529/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321703529&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">subject</a>. If you&rsquo;re interested in learning more, I recommend giving them a read or perusing the related resource list, below.</p>
<p class="editors-note">Note: Thanks to both Matt May and Derek Featherstone who provided feedback on earlier drafts of this article.</p>
<h4>Related Resources</h4>
<ul>
<li><a href="http://www.w3.org/WAI/" rel="nofollow">The Web Accessibility Initiative</a> and their <a href="http://www.w3.org/TR/WAI-WEBCONTENT/" rel="nofollow">accessible-content creation guidelines</a>.</li>
<li><a href="http://www.knowbility.org/" rel="nofollow">Knowability</a>: a nonprofit organization whose mission is to support the independence of children and adults with disabilities by promoting the use and improving the availability of accessible information technology.</li>
<li><a href="http://a11yproject.com/http://a11yproject.com/" rel="nofollow">The Accessibility Project</a>: A set of resources to help make web accessibility easier.</li>
<li><a href="http://rosenfeldmedia.com/books/a-web-for-everyone/" rel="nofollow">A Web for Everyone &ndash; Designing Accessible User Experiences</a>: a forthcoming book from authors Sarah Horton and Whitney Quesenbery to be published by Rosenfeld Media</li>
<li><a href="http://www.4syllables.com.au/articles/" rel="nofollow">4Syllables Articles</a>: A fantastic collection of articles and resources for more accessible web content. I recommend starting with <a href="http://www.4syllables.com.au/2010/09/accessibility-web-writers-part-1/" rel="nofollow">part 1 of their series</a>.</li>
<li><a href="https://github.com/squizlabs/HTML_CodeSniffer" rel="nofollow">HTML Codesniffer</a>: A tool to programmatically determine compliance with the W3C&rsquo;s Web Content Accessibility Guidelines as well as U.S. Section 508&rsquo;s legislation.</li>
<li><a href="http://usability.com.au/2013/01/accessibility-priority-tool/" rel="nofollow">Accessibility Priority Tool</a>: Useful for helping newcomers diagnose accessibility issues</li>
<li><a href="http://audio-accessibility.com/" rel="nofollow">AudioAccessibility.com</a>: A fantastic wealth of information for audio accessibility.</li>
<li><a href="http://www.amara.org/en/" rel="nofollow">Amara</a>: The easiest way to caption and translate any video.</li>
<li><a href="http://quailjs.org/" rel="nofollow">QuailJS</a>: a jQuery plugin for checking content against accessibility guidelines.</li>
<li><a href="http://userium.com/" rel="nofollow">Userium&rsquo;s Web Checklist</a></li>
<li><a href="http://www.hitreach.co.uk/perfect-web-page/" rel="nofollow">The Anatomy of a Perfect Web Page &#8211; Hitreach.co.uk</a></li>
<li><a href="http://webaim.org/techniques/forms/" rel="nofollow">Web Aim, Creating accessible forms</a></li>
<li>&ldquo;<a href="http://alistapart.com/article/translation-is-ux" rel="nofollow">Translation is UX</a>&rdquo; by Antione Lefeuvre on A List Apart</li>
<li>&ldquo;<a href="http://alistapart.com/article/the-accessibility-of-wai-aria" rel="nofollow">The Accessibility of WAI-ARIA</a>&rdquo; by Detlev Fischer on A List Apart</a></li>
<li>&ldquo;<a href="http://alistapart.com/article/aria-and-progressive-enhancement" rel="nofollow">ARIA and Progressive Enhancement</a>&rdquo; by Derek Featherstone on A List Apart</a></li>
<li>&ldquo;<a href="http://blog.silktide.com/2013/01/things-learned-pretending-to-be-blind-for-a-week/#.UOsK-CvmXgk.twitter" rel="nofollow">Things I learned by pretending to be blind for a week</a>&rdquo; by David Ball on Silktide</li>
<li>&ldquo;<a href="http://www.sandiwassmer.co.uk/resources/the-ten-principles-of-inclusive-web-design/" rel="nofollow">The Ten Principles of Inclusive Web Design</a>&rdquo; by Sandi Wassmer</li>
<li>&ldquo;<a href="http://alistairduggin.co.uk/blog/accessibile-interoperable-webpage-1/" rel="nofollow">Building a webpage with accessibility and interoperability in mind: part 1</a>&rdquo; by Alistair Duggin</li>
</ul>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33434&c=900507282' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33434&c=900507282' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/the-complete-beginners-guide-to-universal-design/">The Complete Beginner&#8217;s Guide to Universal Design</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/the-complete-beginners-guide-to-universal-design/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>A Taste of Confab 2013</title>
		<link>http://www.uxbooth.com/articles/a-taste-of-confab-2013/</link>
		<comments>http://www.uxbooth.com/articles/a-taste-of-confab-2013/#comments</comments>
		<pubDate>Tue, 21 May 2013 13:30:24 +0000</pubDate>
		<dc:creator>Marli Mesibov</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Content strategy]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[governance]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[storytelling]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33426</guid>
		<description><![CDATA[<p>Confab 2013 is only a couple of weeks away. Editor and resident content strategist Marli Mesibov discusses the narratives guiding some of this year's talks and the content strategy discussion at large.<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33426&c=1169138552' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33426&c=1169138552' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/a-taste-of-confab-2013/">A Taste of Confab 2013</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">
&ldquo;Content is king.&rdquo; It&rsquo;s been the prevailing trend the <a href="http://www.uxbooth.com/articles/complete-beginners-guide-to-content-strategy/">past</a> <a href="http://alistapart.com/article/a-checklist-for-content-work" rel="nofollow">few</a> <a href="http://www.uxbooth.com/articles/everywhere-all-at-once/">years</a>, but at <a href="http://confabevents.com/" rel="nofollow">Confab</a> &ndash; a conference of Content Strategists &ndash; attendees seek more than just trends; <strong>they seek stories.</strong> UX Booth editor and resident content strategist Marli Mesibov reached out to some of the strategists speaking at this year&rsquo;s Minneapolis-based event to learn more about what&rsquo;s driving their current narratives.
</p>
<p>When I first walked into Confab in 2012, I felt as though I had finally found home. During their <a href="http://blog.abovethefolddesign.com/2012/05/14/10-reasons-writing-isnt-just-bulleted-lists/" rel="nofollow">workshops</a> and <a href="http://blog.abovethefolddesign.com/2012/05/16/quantitative-content/" rel="nofollow">talks</a>, speakers <a href="http://blog.abovethefolddesign.com/2012/05/15/content-creation-from-theory-to-practice/" rel="nofollow">discussed</a> the &ldquo;hows&rdquo; and &ldquo;whys&rdquo; of writing, rather than merely the benefits of <em>having</em> content. They talked about writing from the perspective of thinkers &ndash; journalists, creatives, researchers, and readers &ndash; instead of merely dwelling on its marketing value. It was a whole new world, connecting writing to design, turning copy into content.</p>
<p>It&rsquo;s no wonder, then, that I&rsquo;ve been looking forward to Confab 2013 since the day I left the event. And now that it&rsquo;s only two weeks away, I can barely contain my excitement! In the weeks leading up to the event, I&rsquo;ve begun conversations with this year&rsquo;s speakers in order to learn more about areas of content strategy we don&rsquo;t often hear about. Jonathan Kahn and Melanie Moran share their stories.</p>
<h3>Digital Governance Fails Because We&rsquo;re Afraid of Cultural Change</h3>
<p><em>Let&rsquo;s begin with Jonathan Kahn.</em> He&rsquo;s a busy man. Jonathan organizes events (Dare Conference, Confab London, London Content Strategy Meetup), presents worldwide (Webdagene Oslo, CS Forum Paris/Cape Town, IxDA Dublin), and writes extensively (A List Apart, Contents, lucid plot) about the revolutionary changes facing organizations, and why it&rsquo;s so hard to overcome them. </p>
<p>With a background in web development, he&rsquo;s also worked as an information architect, user experience consultant, and content strategy advocate. Jonathan is the Principal of Together London. He shared the story leading to his presentation, <a href="http://confabevents.com/events/minneapolis-2013/program/digital-governance-fails-because-were-afraid-of-cultural-change" rel="nofollow">Digital Governance Fails Because We&rsquo;re Afraid of Cultural Change</a>. </p>
<hr />
</p>
<p>For most of my career I told myself I was a firefighter, rushing in at the last minute to fix screwed up web projects. Recently, though, I discovered <em>why</em> I told myself that story: I was avoiding the scary part of my work, the difficult questions.</p>
<p>Today, things are different. My interactions with the content strategy community have helped me craft a new story, and it goes something like this:</p>
<ol>
<li><strong>The internet puts new demands on our content.</strong> Customers expect useful, usable content across channels and devices, all the time.</li>
<li><strong>Organizations (usually) aren&rsquo;t setup to deal with this reality.</strong> People avoid talking about content because it&rsquo;s messy, political, and hard to do well.</li>
<li><strong>So our content is a mess, and nobody takes responsibility for fixing it.</strong> This creates problems for both the business and the customer. It also drives us crazy.</li>
<li><strong>Content is important, damnit! It&rsquo;s a business asset.</strong> Content strategy provides a way for us to fix these problems, helping us spread the word about the value of content throughout the organization and around the world.</li>
</ol>
<p>The content strategy story is all <em>about</em> asking hard questions: What content do we have? Is it any good? Why do we need it? What&rsquo;s our messaging architecture, our voice, our tone? Which other departments do we need to work with? How can we create a sustainable plan for commissioning, editing, publishing, and maintaining content over time?</p>
<p>This story is a framework for making content strategists vulnerable. Brave. Able to put more of ourselves into our work. At the same time, there are ways in which  this story can be limiting. To understand why, it&rsquo;s important to discuss a challenge that almost all content strategists face: governance.</p>
<h4>Governance</h4>
<p>Governance includes the standards, policies, and procedures made to allow an organization to care for its digital operations over time. In theory, a governance plan ensures our content strategies stick, but it rarely works. Writers don&rsquo;t follow our voice guidelines, marketers ignore our message architectures, and developers create apps without considering the complexities of content. </p>
<p>We&rsquo;re doing good work, but it isn&rsquo;t sticking, which feels like a terrible waste of time. Why won&rsquo;t people follow our guidelines? Recall the first point I made in the content strategy story above: &ldquo;the internet puts new demands on our content.&rdquo; While that&rsquo;s true, we&rsquo;re scared to ask the obvious follow-on questions: </p>
<ul>
<li><strong>Why</strong> does the internet put new demands on our content?</li>
<li><strong>Why</strong> is the business environment changing so quickly? </li>
<li><strong>What does that mean</strong> for our business models? our siloed organizational structures? our &ldquo;waterfall&rdquo; development process? the software we buy? the agencies we hire? </li>
</ul>
<p>These questions terrify us because we&rsquo;re afraid to face the truth: content strategy is just one piece of the challenge of digital transformation. Our governance attempts fail because we&rsquo;re working backwards: <strong>governance can only sustain culture,</strong> it can&rsquo;t create it. </p>
<p>So what does governance look like when backed by the notion of digital transformation? To make our organizations sustainable, we need to change culture in a way that&rsquo;s broader than content strategy, incorporating practices we know little about: service design, agile development, and cross-functional teams. Once we understand this, we can start changing our organizations&rsquo; culture, today.</p>
<hr />
<p><em>Readers can learn more about how to affect a cultural change within their organization by attending Jonathan&rsquo;s talk. It&rsquo;s happening at 2:50pm on day two of Confab Minneapolis.</em></p>
<h3>Content Strategy in Higher Education: Uniting Print and Web</h3>
<p><em>Next we hear from Melanie Moran.</em> Melanie is the Director of Integrated Communications at Vanderbilt University. Her presentation this year, &ldquo;<a href="http://confabevents.com/events/minneapolis-2013/program/content-strategy-in-higher-education-uniting-print-and-web" rel="nofollow">Content Strategy in Higher Education: Uniting Print and Web</a>,&rdquo; highlights her team&rsquo;s year-long, ongoing journey towards cohesive, cross-platform storytelling.</p>
<p>She&rsquo;s looking forward to learning from content experts from many different sectors and bringing home a passel of great ideas. In the meantime, she shared the thought-process leading to her presentation.</p>
<hr />
</p>
<p>I&rsquo;ll always remember when the light bulb went on for me &ndash; when I learned the importance of content strategy. I was sitting in a meeting of campus communicators at Vanderbilt University. I had just returned from conducting an hour-long interview with a faculty member, a professor whose research explored neuroscience and education. I needed his thoughts to inform a story I was <strong>writing for the web.</strong></p>
<p>Just then, across the room, a colleague from another office reported that she, too, was writing a profile of a faculty member &ndash; for one of our <strong>print magazines.</strong> And wouldn&rsquo;t you know it, it was the same guy. She had conducted the same research and was writing the same article.</p>
<p><em>This is crazy,</em> I thought. Why was web not involved in <strong>planning for digital content to support print stories?</strong> From that moment forward, my colleagues and I began seeking ways to shake content out of its container &ndash; be that container print, web, video or even a press release. It eventually paid off in more innovative storytelling, expanded social media impact and a more strategic use of print. </p>
<p>How did we do this? Here are some of the key elements that informed our content strategy:</p>
<ul class="h4">
<li>
<h4>Story first</h4>
<p>    Forget the deadlines; forget the Facebook and Twitter beasts that need to be fed. Forget about that for just a minute and ask, why is this a great story? You can have the most interactive website or jaw-dropping magazine around and no one will read it if the stories are lame. Story first, always.
  </li>
<li>
<h4>Exploit the platforms</h4>
<p>    Now that you&rsquo;ve got your story, think about the many ways to tell it across different platforms. What is told with a photo or graphic on Facebook can then push to a feature on your website; can be explored in detail in your print publication; can be told via a video on YouTube. You get the idea. This will likely mean writing different headlines, using different images and even showcasing different parts of the story for different media &ndash; but that&rsquo;s okay. <strong>Let go of the need to show everyone everything on every platform</strong> and disaggregate the story for maximum portability.
  </li>
<li>
<h4>Strategy, not reflex</h4>
<p>    We all know the perils of the &ldquo;we&rsquo;ve always done it this way&rdquo; mindset. And I know it&rsquo;s 2013 and many of us have already mourned and moved on from print, but for many people it remains a relevant, effective way to reach their audience. </p>
<p>    Vanderbilt&rsquo;s alumni magazine, for example, lives in the homes and offices of alumni around the country and world. Its physical presence connects them directly with Vanderbilt through dynamic storytelling and gorgeous photography and illustrations. We support this connection heavily with digital, of course, but print remains an important and compelling component of our strategy.
  </li>
<li>
<h4>Analytics, analytics, analytics.</h4>
<p>    It was beautiful, it was epic. You laughed, you cried. &hellip;but did anyone read it? How was the social media engagement? Did it drive traffic back to your website? Picked up by media? Put yourself on a pretty strict plan of analytics tracking and use it to refine your content strategy. Then share what you find with decision makers, as data drives most organizations. Being able to provide it in relation to communications will elevate others&rsquo; understanding your work and the impact it has on your brand&rsquo;s strength and reputation.
  </li>
</ul>
<hr />
<p><em>Readers interested in learning about cross-channel storytelling should join Melanie Moran at Confab Minneapolis. Her session begins at 9:40am on day two of the event.</em></p>
<h3>See you there?</h3>
<p>So, there you have it. Confab Minneapolis begins on Monday, June 3 and &ndash; in addition to Jonathan and Melanie&rsquo;s &ndash; the workshops and talks range from content measurement and modeling to creating content in a zombie apocalypse. </p>
<p>As always, Confab features a mix of well known and up-and-coming content strategists. I&rsquo;m particularly looking forward to Catherine Toole&rsquo;s &ldquo;<a href="http://confabevents.com/events/minneapolis-2013/program/four-weddings-and-a-funeral-some-awfully-british-content-strategy-stories" rel="nofollow">Four Weddings and a Funeral</a>&rdquo; and Sara Wachter-Boettcher&rsquo;s &ldquo;<a href="http://confabevents.com/events/minneapolis-2013/program/write-like-a-human-think-like-a-robot" rel="nofollow">Write Like a Human, Think Like a Robot</a>.&rdquo; </p>
<p>Who are you looking forward to seeing?</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33426&c=1426610279' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33426&c=1426610279' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/a-taste-of-confab-2013/">A Taste of Confab 2013</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/a-taste-of-confab-2013/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>April Resource Roundup: Food for Thought</title>
		<link>http://www.uxbooth.com/articles/april-resource-roundup-food-for-thought/</link>
		<comments>http://www.uxbooth.com/articles/april-resource-roundup-food-for-thought/#comments</comments>
		<pubDate>Tue, 14 May 2013 13:30:38 +0000</pubDate>
		<dc:creator>Marli Mesibov</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[article]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[presentation]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33398</guid>
		<description><![CDATA[<p>The best resources help change and inform our team's perspective. This week, editor Marli Mesibov compiles a list of nine resources to aid our design research, content strategy, gamification endeavors.<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33398&c=126920327' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33398&c=126920327' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/april-resource-roundup-food-for-thought/">April Resource Roundup: Food for Thought</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">While they might provide food for thought on the weekends, a new perspective before the workday, and/or even a way to unwind before bed, many design resources are far from revolutionary. Yet we hold out hope, as <a href="http://www.uxbooth.com/articles/8-must-see-ux-diagrams/">some of the best</a> help change our (team&rsquo;s) perspective. Nine such resources came to our attention this past month.</p>
<p>Design research, content strategy, gamification, oh my! Here&rsquo;s the goods to make us good (err, well, better):</p>
<h3>Design research</h3>
<p>Design research is a necessary part of <em>every</em> user-centered design project, so more resources to that end never hurt:</p>
<ul>
<li>
    <strong>Patterns.</strong> Pattern recognition is something for which every systems thinker accounts. Tech writer Kai Weber&rsquo;s asks <a href="http://www.slideshare.net/amelio/pattern-recognition-for-ux-13-april-2013" rel="nofollow">how we might we more-thoroughly incorporate it into our process</a>?
  </li>
<li>
    <strong>Usability heuristic.</strong> Some, otherwise-obvious issues are difficult to see until a user points them out. But why wait? <a href="http://userium.com/" rel="nofollow">Userium&rsquo;s usability checklist</a> helps teams uncover problems before they conduct user testing. This leaves those same users free to uncover harder-to-catch issues. Oh, and if this kind of thing fits your fancy: Cameron Chapman compiled a list of <a href="http://www.smashingmagazine.com/2009/06/29/45-incredibly-useful-web-design-checklists-and-questionnaires/" rel="nofollow">45 web-design checklists</a> some four years ago.
  </li>
<li>
    <strong>Remote research.</strong> It shouldn&rsquo;t be too surprising that the state of the art of remote research has changed a great deal since <a href="http://www.uxbooth.com/articles/interview-with-the-authors-of-remote-research/">Nate Bolt and and Tony Tulathimutte</a> released their seminal book three years back. In this presentation, Nate shares <a href="http://www.slideshare.net/Frankwatching/ux-lx-2012-nate-bolt" rel="nofollow">the latest and greatest methods</a> informing his work!
  </li>
</ul>
<h3>Content Strategy</h3>
<div class="image-container">
<img src="http://assets.uxbooth.com/uploads/2013/05/content.jpg" alt="" />
</div>
<p>Far too many content strategy articles focus on the outcome rather than a productive &ldquo;how to&rdquo; &ndash; <a href="http://www.uxbooth.com/articles/write-better-content-by-working-in-pairs/">especially when it comes to writing</a>. The following resources focus more on how to write effectively.</p>
<ul>
<li>
    <strong>Tone of voice.</strong> Creating a solid &ldquo;voice&rdquo; is difficult, even for <em>experienced</em> content strategists. Enter <a href="https://blog.gathercontent.com/a-simple-tool-to-guide-tone-of-voice" rel="nofollow">Gather Content: A Guide to Tone of Voice.</a> Created by Gather Content&rsquo;s Kevan Gilbert back in November, this article provides a rough heuristic for lending personality to your website or application.
  </li>
<li>
    <strong>Valuable content.</strong> Those looking for more content strategy advice should check out Ahava Leibtag, President of Aha Media. She&rsquo;s been practicing content strategy since 2005 (!), and her <a href="http://www.contentmarketinginstitute.com/wp-content/uploads/2011/04/leibtag_content_checklist.pdf" rel="nofollow">Creating Valuable Content checklist</a> is a gift to anyone tasked with its creation. It&rsquo;s simple to use and easy to adapt.
  </li>
<li>
    <strong>Using comics.</strong> Kevin Chang&rsquo;s book, &ldquo;<a href="http://www.amazon.com/gp/product/B00A59LXIE/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=B00A59LXIE&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">See What I Mean</a>,&rdquo; was written in a show-and-tell fashion, beginning life as a presentation. The book demonstrates <a href="http://www.uxbooth.com/articles/comics-and-ux-part-1-cross-disciplinary-techniques/">how comics can engage teams and facilitate understanding</a>. Read it, and you&rsquo;ll&hellip; see what I mean.
  </li>
<li>
    <strong>Health literacy.</strong> Although it was published all the way back in 2010, the US Department of Health and Human Services&#8217;s <a href="http://www.health.gov/healthliteracyonline/Web_Guide_Health_Lit_Online.pdf" rel="nofollow">Health literacy online</a> guide is as contemporary as ever. Chock full of research, design advice and content considerations, it&rsquo;s an easy recommendation.
  </li>
</ul>
<h3>Gamification</h3>
<p><a href="http://www.uxbooth.com/articles/seductive-interaction-design-a-ux-booth-book-review/">The gamification debate</a> is complex. While it&rsquo;s generally agreed that adding a &ldquo;game layer&rdquo; to an application is not a solution, there&rsquo;s definitely value in incorporating engaging elements into our websites. These two resources dig a little deeper into the true aim of gamification:</p>
<ul>
<li>
    <strong>Fun and (learning) games.</strong> <a href="http://www.youtube.com/watch?v=p-vaG9PJHAM" rel="nofollow">Keeping the Play in Learning</a> is a video highlighting the game mechanics inherent in education, banking, eCommerce, and other daily tasks. Play is also the subject of a <a href="http://www.ted.com/talks/stuart_brown_says_play_is_more_than_fun_it_s_vital.html" rel="nofollow">TED talk</a> or <a href="http://blog.ted.com/2009/03/12/stuart_brown_play/" rel="nofollow">two</a>.</li>
</li>
<li>
    <strong>Engagement via gamification.</strong> Chris McClelland&rsquo;s presentation, <a href="http://www.slideshare.net/chrismcclelland/engagement-through-gamification" rel="nofollow">engagement through gamification</a>, examines the differences as well as the similarities between game mechanics &ndash; rewards, achievements, and competition &ndash; and UX best practices.
  </li>
</ul>
<h3>Live and learn</h3>
<p>Ours is a rapidly evolving field, and every so often we learn another way to make the process more efficient. Leave a comment with your own favorite infographics, process-changing checklists, or a slideshare or video that speaks to the innovative designer in you.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33398&c=801399279' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33398&c=801399279' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/april-resource-roundup-food-for-thought/">April Resource Roundup: Food for Thought</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/april-resource-roundup-food-for-thought/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Intention vs. Interpretation: What Matters?</title>
		<link>http://www.uxbooth.com/articles/intention-vs-interpretation-what-matters/</link>
		<comments>http://www.uxbooth.com/articles/intention-vs-interpretation-what-matters/#comments</comments>
		<pubDate>Tue, 07 May 2013 13:30:13 +0000</pubDate>
		<dc:creator>Thomas Wendt</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Opinion & Interviews]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33363</guid>
		<description><![CDATA[<p>Increasingly subtle, pervasive interactions require us to return to our roots, to question our assumptions. Thomas Wendt provides perspectives for designers looking to bridge the gap between their intention and user's interpretation. <br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33363&c=1071952908' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33363&c=1071952908' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/intention-vs-interpretation-what-matters/">Intention vs. Interpretation: What Matters?</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">Both interaction designers and information architects want to design objects with a singular meaning. It&rsquo;s a noble, albeit impossible goal. The best we can hope for is to create more consistently <strong>meaningful experiences.</strong> To do that, designers must better understand the interplay between designer intention and user interpretation: the ways that we can influence &ndash; <strong>but not dictate</strong> &ndash; user interpretation.</p>
<p>Consider the design of a voice-based interface. Because <strong>users can say what they mean in any number of ways,</strong> there are many situations for which designers cannot account &ndash; especially in the first iteration. Designers proactively create a set of interactions that users <em>might</em> accomplish, but the diversity of &ldquo;common&rdquo; speech patterns prevents a more prescriptive, task-oriented solution. </p>
<div class="image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/05/dog.jpg" alt="">
</div>
<p>Clearly those designing voice-based interfaces <strong>intend</strong> for users to accomplish something. So how might designers shape their <strong>interpretation?</strong> To better answer the question, let&rsquo;s examine some problems encountered defining &ldquo;design&rdquo; and then borrow some thinking from literary studies. Finally, we&rsquo;ll explore how these considerations affect the everyday work of information architects and interaction designers.</p>
<h3>Intention</h3>
<p>The word &ldquo;design&rdquo; is problematic. <strong>Colloquially,</strong> we tend to think of design as the purposeful creation of some <em>thing</em> &ndash; a physical object, an experience, or even a conceptual argument &ndash; whereas <strong>etymologically,</strong> we can trace &ldquo;design&rdquo; back to Latin. There, it connotes purpose, choice, and designation. </p>
<p>If we push the etymological boundaries a little, we might think of it as <strong>the deification of an object (<em>de-</em>),</strong> or the association with god-like qualities. The designer is an intelligent creator that crafts things according to his/her intention. A final perspective points to the designer as someone who <strong>sets meaning elsewhere.</strong> Intention is so powerful here that the designer does not even consider variation in interpretation; the designer&rsquo;s intention <em>is</em> the final meaning.</p>
<p>The problem with <em>all four</em> of these interpretations is that they are incongruous with the principles of <strong>user-centered design.</strong> User-centered design holds that user experience &ndash; to say nothing of designer intent &ndash; is the most important element of a design system.</p>
<h3>Interpretation</h3>
<p>In order to reconcile the disparity between intent and interpretation, it&rsquo;s useful to borrow from literary critics, those with a long history of interpreting things (albeit from a textual perspective).</p>
<p>In 1946, critics W.K. Wimsatt and Monroe Beardsley published a paper called <a href="http://www.rlwclarke.net/courses/lits2306/2010-2011/06CWimsattandBeardsley,TheIntentionalFallacy.pdf" rel="nofollow">The Intentional Fallacy</a> arguing that &ldquo;[the] intention of the author is neither available nor desirable as a standard for judging the success of a work of literary art.&rdquo; Instead, they believed that the only reasonable factors that could serve as <strong>the basis of critique</strong> were direct-textual material (e.g., the work itself), indirect-textual material (e.g., inferences), and contextual material (e.g., history). In other words: a literary text should be judged on its content, its merit, and history&rsquo;s perception &ndash; <em>not</em> intent! </p>
<p>Contemporary HCI researcher Clarisse Sieckenius de Souza stands on the other side of the fence. Working within the realm of <a href="http://www.amazon.com/Semiotic-Engineering-Human-Computer-Interaction-Technology/dp/0262042207" rel="nofollow">semiotic engineering</a>, she sees a direct relationship between a designer and user, one facilitated by a &ldquo;designer deputy.&rdquo; To de Souza, <strong>a designer communicates intent</strong> through an interface. The user then interprets that interface to accomplish certain goals. It&rsquo;s a one-way conversation.</p>
<p>Although their opinions diverge, both Wimsatt/Beardsley <em>and</em> de Souza&rsquo;s are both &ldquo;correct.&rdquo; How can that be? The former &ndash; a critic&rsquo;s perspective &ndash; concerns works of art, whereas the latter &ndash; a researcher&rsquo;s perspective &ndash; deals with objects of utility. </p>
<h3>Elucidation</h3>
<p>For better or for worse, web design provides avenues for <a href="http://www.uxbooth.com/articles/decoupling-usability-and-visuals/">both art <em>and</em> utility</a>. There are certainly elements of a bank&rsquo;s website that are more artistic than utilitarian, for example. And, as such, we need to recognize that the interplay between designer intent and user interpretation is <strong>a spectrum rather than a dichotomy.</strong> </p>
<p><a href="http://www.stonybrook.edu/commcms/philosophy/people/faculty_pages/ihde.html" rel="nofollow">Don Ihde</a>, a philosopher of science and technology, ruminates on this in his essay <a href="http://fafs.uop.edu.jo/download/research/members/%5BArchitecture_Ebook%5D_Philosophy_and_Design_-_From_Engineering_to_Architecture.pdf%23page=61" rel="nofollow">The Designer Fallacy and Technological Imagination (2008)</a>:</p>
<blockquote><p>
  [T]he designer fallacy is &lsquo;deistic&rsquo; in its 18th century sense, that the designer-god, working with plastic material, creates a machine or artifact which seems ‘intelligent&rsquo; by design &ndash; and performs in its designed way. Instead, I hold, the design process operates in very different ways, ways which imply a much more complex set of inter-relations between any designer, the materials which make the technology possible, and the uses to which technologies may be put. Ultimately I am after a deconstruction of the individualistic notion of design which permeates both the literary and technological versions of the fallacy.
</p></blockquote>
<p>Ihde goes on to suggest that <strong>the most interesting use cases are the unanticipated ones.</strong> Designing a utilitarian system demands a level of intentionality, a very narrow definition of success. Art objects, however, have a more ambiguous aim. They&rsquo;re designed such that <em>emergent</em> properties create results, which in turn creates more emergent properties, more results, and so on. </p>
<div class="medium image-container">
  <img src="http://assets.uxbooth.com/uploads/2013/05/art.jpg" alt="">
</div>
<p>As designers, we must accept that intention, at the very least, cannot be the central focus of a successful design output. Any object is <em>always</em> more than merely an object. <strong>Context gives it meaning.</strong> While our intention may affect the &ldquo;in the moment&rdquo; relationship to an object, later examination leaves much more room for <a href="http://www.uxbooth.com/articles/design-for-transcendence/">emergent meaning creation</a>. </p>
<h3>Care</h3>
<p>Because meaning created through emergent systems has the potential to regenerate itself <a href="http://plato.stanford.edu/entries/peirce-semiotics/" rel="nofollow">ad infinitum</a>, those of us designing experiences must exhibit care for how intentionality effects that meaning thusly created. I emphasize <em>care</em>, here, in a manner close to the way <a href="http://http//en.wikipedia.org/wiki/Martin_Heidegger/" rel="nofollow">Heidegger</a> might &ndash; as for him, concern is not the same as <em>keeping in mind,</em> but rather entails a specific way of being. Interface designers <em>must</em> concern themselves with both intention and interpretation. </p>
<p><a href="http://www.jarango.com/blog/2013/05/02/semantic-environments-and-information-architecture/" rel="nofollow">Designers create systems of meaning</a>. Artifacts are only physical manifestations of our intent. Once users put those manifestations to use, though, <strong>our original intent is no longer relevant.</strong> Associated meaning is now part of peripheral thinking <em>about</em> these objects. </p>
<p>Insofar as the designer can influence the creation of meaning after the initial interaction, we must think of the design object not as the end of our process but rather, in a strange sense, only the beginning. No interface &ndash; no object whatsoever &ndash; is valuable <em>in-and-of itself.</em> Value is derived from user interpretation <a href="http://alistapart.com/article/visual-decision-making" rel="nofollow">before, during, and after the interaction</a>. </p>
<h3>Application</h3>
<p>As the complexity of technological systems continues to grow, designers need to consider novel, long-form approaches to their design problems. Considering both intention and interpretation throughout the design process provides clients <strong>a more well-rounded approach,</strong> one that blends theory-based hypotheses with practical validation (or invalidation). </p>
<p>To that end, we might consider the following questions:</p>
<h4>Intention</h4>
<p>Giving more <a href="http://www.uxbooth.com/articles/focusing-interaction-design-with-design-strategy/">consideration to our intentions</a> as designers puts us in a better position to create their manifestations. </p>
<ol class="h5">
<li>
<h5>What are we assuming?</h5>
<p>    Intention is shaped by the assumptions we make. Being aware of these &ndash; and working to validate (or invalidate) them &ndash; helps ensure that our intentions as a designer do not conflict with those of our users.
  </li>
<li>
<h5>What&rsquo;re our design principles?</h5>
<p>    <a href="http://principles.adactio.com/" rel="nofollow">Design principles</a> frame a team&rsquo;s approach. Enumerating goals, listing requirements, and brainstorming user stories are all <strong>statements of intent.</strong> Clarifying these helps us focus on defining aspects of the solution rather than better framing the problem.
  </li>
<li>
<h5>What does our work affect?</h5>
<p>    Even when creating something relatively simple, like a landing page or the information architecture for a small website, the things we design have an impacts far beyond their initial experience. Think in terms of systems. How is the element we&rsquo;re designing affecting all the <em>other</em> elements in the system?
  </li>
<li>
<h5>What else effects our user&rsquo;s perceptions?</h5>
<p>    No design solution is an island. As user-centered design (and the emergence of an experience-driven economy) has successfully proven, solutions conceived without consideration of context rarely succeed. <a href="http://surroundingsignifiers.com/writing/?category=Context" rel="nofollow">Context, especially <a href="http://www.uxbooth.com/articles/total-memory-recall/">the boundaries between them</a>, heavily influences interpretation. Knowledge of context helps mediate the ambiguity that different environments create.
  </li>
</ol>
<h4>Interpretation</h4>
<p>The next step &ndash; often overlooked &ndash; is to examine <a href="http://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/">how users interpret</a> those manifestations; to consider the direct, indirect, and contextual interpretations of our work.</p>
<ol class="h5">
<li>
<h5>What is the direct textual material we&rsquo;re designing?</h5>
<p>    These are the &ldquo;content&rdquo; comprising our interfaces: physical objects, screens, images, buttons, text, audio clues, etc. Look at the actions they afford. Do they match our design intentions?
  </li>
<li>
<h5>What is the indirect textual material?</h5>
<p>    How do users interpret our objects? What inferences are they making? Are they interpreting the artifacts in the same way as we are? Alternate, unintended interpretations are not necessarily a bad thing; they can often lead to new opportunities and angles.
  </li>
<li>
<h5>What are the contexts in which this product is used?</h5>
<p>    How are contexts different? What are the effects of these differences? Think about your design object not as a static thing but rather a piece of a larger system of meaning, one that is constantly in flux. Objects are interpreted in vastly different ways according to the contextual spaces in which they exist. <strong>Contextually-aware design</strong> works to understand the differences between situations—cognitive, geographical, emotional, informational, etc.—and create products that fit within these differences. A thorough understanding of intention and interpretation is necessary to achieve this end.
  </li>
</ol>
<h3>But what does it all mean?</h3>
<p>The systems we design are becoming increasingly complex. As technology continues to afford new behaviors and incorporate new sets of data, designers have a multitude of potential solutions at hand. Advances &ndash; such as <a href="http://www.slideshare.net/ThomasMWendt/lean-ux-nyc-design-studio-v5" rel="nofollow">context-aware systems</a>, natural user interfaces, and pervasive computing &ndash; <em>will</em> change user-  <em>as well as</em> designer-behavior. With new intentions and many-more interpretations to consider, designers have a responsibility to re-examine this critical divide.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33363&c=1294899421' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33363&c=1294899421' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/intention-vs-interpretation-what-matters/">Intention vs. Interpretation: What Matters?</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/intention-vs-interpretation-what-matters/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Finger Tips: 3 Quick Ways to Retrofit a Site for Touchscreen Use</title>
		<link>http://www.uxbooth.com/articles/finger-tips-3-quick-ways-to-retrofit-a-site-for-touchscreen-use/</link>
		<comments>http://www.uxbooth.com/articles/finger-tips-3-quick-ways-to-retrofit-a-site-for-touchscreen-use/#comments</comments>
		<pubDate>Tue, 30 Apr 2013 13:30:35 +0000</pubDate>
		<dc:creator>Will Hacker</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Interaction design]]></category>
		<category><![CDATA[forms]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33294</guid>
		<description><![CDATA[<p>Responsive design is all the rage, but many of us aren&#8217;t in a position to get started right away. Will Hacker shares three tips that the Cars.com team has used to give their mobile users some much-needed love. <br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33294&c=1486129950' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33294&c=1486129950' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/finger-tips-3-quick-ways-to-retrofit-a-site-for-touchscreen-use/">Finger Tips: 3 Quick Ways to Retrofit a Site for Touchscreen Use</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">The future is now. <a href="http://techcrunch.com/2013/03/27/idc-tablet-growth-2012-2017/" rel="nofollow">Market-analysis firm IDC predicts</a> that sales of tablet computers will exceed their desktop counterparts <strong>this year,</strong> which means that those of us not designing with touchscreens in mind are falling behind. Fortunately, it’s not too late. By addressing some key areas of our site, the team at Cars.com has improved the mobile experience of our site in a short amount of time during our ongoing redesign.</p>
<p>It’s no secret that <a href="http://www.abookapart.com/products/responsive-web-design" rel="nofollow">responsive design</a> helps us develop a single site to serve smartphones, tablets, and desktop displays equally well. But the thinking that goes into a <em>good</em> responsive design? <a href="http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/" rel="nofollow">That takes time</a>. How might designers go about making a site tablet-friendly right away?</p>
<p>This is exactly the problem we <em>currently</em> face at <a href="http://www.cars.com/" rel="nofollow">Cars.com</a>. While my team is busy considering all of the elements that make up our site (content first, kids!) and how they might be handled in a responsive manner, we’ve wanted to make some quick changes that might immediately impact visitors.</p>
<p>People visit Cars.com to find vehicles for sale, read editorial content, and browse consumer reviews. With these things in mind, we’ve prioritized our short-term changes by focusing on three, key areas: <strong>content, layout, and forms.</strong></p>
<h3>Content</h3>
<p>As Elaine McVicar recently reminded us: when it comes to touchscreen interfaces, <a href="http://www.uxbooth.com/articles/designing-for-mobile-part-2-interaction-design/" rel="nofollow">content is navigation</a>. This has serious implications for Cars.com – specifically, our photo galleries and content-promoting carousels. Fortunately, mobile luminary Brad Frost has <a href="http://bradfrostweb.com/blog/post/carousels/" rel="nofollow">a fantastic article weighing in on this particular element</a>.</p>
<p>Our takeaways? We need to <strong>make sure our carousels are swipeable,</strong> as swipe gestures allow touch-based users to more-intuitively move through the panels. Next, when it comes to galleries with thumbnail strips, we need to <strong>ensure people can swipe through thumbnails.</strong> We can’t – or, rather, shouldn’t – exclusively rely on previous and next arrows.</p>
<p>The examples below show what a difference these considerations can make:</p>
<div class="image-container"><img alt="" src="http://assets.uxbooth.com/uploads/2013/04/bbc_home_hero.jpg" /></p>
<p class="caption">The main content carousel on the BBC homepage does not recognize swipe gestures. You have to tap the right or left arrows to navigate through the content or let it play like a slideshow.</p>
</div>
<div class="image-container"><img alt="" src="http://assets.uxbooth.com/uploads/2013/04/cars_home_hero.jpg" /></p>
<p class="caption">The carousel on the Cars.com homepage has a much larger area for tablet users to interact with than the one on the BBC homepage.</p>
</div>
<p>While accounting for large swaths of our content (and navigation), we found that we also needed to pay attention to the way in which that content presents itself. This meant considering layout.</p>
<h3>Layout</h3>
<p>Fingers are horribly inaccurate as pointing devices. As a consequence, <a href="https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html" rel="nofollow">Apple</a>, <a href="http://developer.android.com/design/index.html" rel="nofollow">Google</a>, and <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh465415#touch_guidance" rel="nofollow">Microsoft</a> all provide guidelines for the proper sizing of tap targets. But because pixel and point sizes are variable (a topic beyond the scope of this article), <a href="http://uxmatters.com/mt/archives/2013/03/common-misconceptions-about-touch.php" rel="nofollow">Steven Hoober suggests</a> that physical sizes be used when thinking about mobile layout.</p>
<p>The team at Cars.com has taken this to heart – I personally decided to <strong>keep a ruler at my desk.</strong> This allows me to measure distances right on the glass and, aside from testing with real people, provides a great way to get a feel for whether tap targets are too small or too close to one another.</p>
<p>Compare the left-hand navigation in the examples below from <a href="http://www.macys.com" rel="nofollow">Macy’s</a> and <a href="http://www.smartusa.com/" rel="nofollow">smart</a>. Which would you rather use?</p>
<div class="image-container"><img alt="" src="http://assets.uxbooth.com/uploads/2013/04/macys_navigation.jpg" /></p>
<p class="caption">Macy’s faceted browsing has tap targets that are too small and too close together for tablet users to navigate easily without first zooming in. This is common in eCommerce websites in which the design predates the proliferation of tablets.</p>
</div>
<div class="image-container"><img alt="" src="http://assets.uxbooth.com/uploads/2013/04/smart_navigation.jpg" /></p>
<p class="caption">smart’s navigation design includes larger tap targets and better spacing between the targets.</p>
</div>
<p>Having considered both content and layout, in general, we figured: what’s next?</p>
<p>Forms. That’s what.</p>
<h3>Forms</h3>
<p>Forms do the “heavy lifting” on Cars.com. They’re one of the main ways users tell us what they want. And let’s face it: while forms can be difficult to use on desktop computers, they pose an even bigger problem on mobile devices with their small, virtual keyboards.</p>
<p>When it comes to forms on mobile, otherwise simple changes can go a long way towards improving usability. Luke Wroblewski’s <a href="http://uxdesign.smashingmagazine.com/2010/03/11/forms-on-mobile-devices-modern-solutions/" rel="nofollow">best</a> <a href="http://rosenfeldmedia.com/books/webforms/" rel="nofollow">practices</a> ring true:</p>
<ul>
<li><strong>Use the fewest number of form fields necessary</strong> to achieve your business goal.</li>
<li><strong>Reduce the number of fields that require typing.</strong> If there is another way to get the information other than the keyboard, use it. I call this mindset “more tap, less type”.</li>
<li><strong>Use native device capabilities.</strong> The GPS, compass, accelerometer, camera, address book, and native social networking apps can all provide data so people don’t have to enter it manually.</li>
<li><strong>Let people type whatever they want.</strong> Allow people to enter values like phone numbers with various special characters even if you’re just going strip them out afterward.</li>
<li><strong>Whenever possible, retain form contents in error states.</strong> Don’t make people retype their whole email address on a virtual keyboard because they forgot the period.</li>
</ul>
<p>Simply by redesigning our forms against these guidelines, we increased their overall utility. What’s more, redesigning our forms also gave us a chance to reconsider our form aesthetics.</p>
<h4>Layout</h4>
<p>As with our content, <strong>the larger our forms&#8217; inputs, the easier they are to navigate.</strong> Increasing the padding around form elements as well as making some of them taller and wider makes them more navigable.</p>
<p>Compare the previous version:</p>
<div class="large image-container"><img alt="" src="http://assets.uxbooth.com/uploads/2013/04/dealer_search_old.jpg" /></p>
<p class="caption">Form elements are too close for comfort on an older version of the Cars.com dealer locator form.</p>
</div>
<p>To the new version:</p>
<div class="large image-container"><img alt="" src="http://assets.uxbooth.com/uploads/2013/04/dealer_search_new.jpg" /></p>
<p class="caption">The redesigned form increases the size of the form fields and adds more spacing between elements. This reduces people’s likelihood of tapping the wrong element.</p>
</div>
<p>Notice the difference? Next, we <strong>use a different background or border color to indicate focus.</strong> This isn’t groundbreaking, of course, but it <em>does</em> provides a visual confirmation that the characters a person types will appear in the correct place – and differences like this add up.</p>
<p>What’s more, the CSS required to do this is super simple:</p>
<pre class="prettyprint">input:focus {
  background-color: #ffffe0;
  border: 1px solid #f00;
}</pre>
<p>Finally, we looked at <strong>context-specific keyboards.</strong></p>
<h4>Get specific</h4>
<p>Context-specific keyboards offer users a subset of the traditional keyboard layout to encourage completion of a specific task. For example, a “number” keyboard provides number keys (as well as commas, periods, and dollar signs) to users rather than the traditional QWERTY keyboard.</p>
<p>HTML5 provides an easy way to trigger the display of context-specific keyboards using the “type” attribute. Specifically:</p>
<ul>
<li><code>&lt;input type=”email” /&gt;</code> triggers a keyboard with the @ symbol and a period.</li>
<li><code>&lt;input type=”number” /&gt;</code> triggers the keyboard with numeric digits plus characters like the dollar sign, comma, and period.</li>
<li><code>&lt;input type=”url” /&gt;</code> triggers the keyboard with characters needed to type a URL, including a “.com” button on iOS and some Android devices.</li>
</ul>
<p>Notice how Crate and Barrel utilizes <code>&lt;input type=”email” /&gt;</code> on their sign-in screen. When entering an email address, people are presented with an “@” key and a period key:</p>
<div class="image-container"><img alt="" src="http://assets.uxbooth.com/uploads/2013/04/cb_keyboard.jpg" /></p>
<p class="caption">Crate and Barrel’s create an account screen gives people all the characters they need to type an email address on one keyboard.</p>
</div>
<p>We decided to make heavy use of <code>&lt;input type=”number” /&gt;</code> on Cars.com since many of our tools use ZIP code to determine the person’s general geographic location. Without utilizing this input type, people would be forced to manually switch back and forth between different keyboard layouts – alphabetical and numeric. That’s a lot of unnecessary interaction.</p>
<p>Oh, and one more thing: there is <strong>no negative impact</strong> to using these input types. Because older desktop browsers that don’t understand them, they default to <code>“type=text”.</code> Newer mobile browsers will display a more user-friendly keyboard and older desktop browsers will be unaffected.</p>
<h3>Getting started</h3>
<p>Improving the three, key areas of Cars.com highlighted in this article has provided our mobile-based users with a dramatically better user experience, all while affording our design and development teams more time to think through our responsive redesign.</p>
<p>The team at Cars.com now thinks about tablet users for every design change we make on the “traditional” site, helping to achieve a vision that’s more usable across devices. Hopefully, following a similar approach <strong>increases your team’s sensitivity</strong> to (and awareness of) the design considerations specific to touch and gesture-based interactions.</p>
<h4>Additional resources</h4>
<ul>
<li><a href="http://diveintohtml5.info/forms.html" rel="nofollow">HTML5 Forms &#8211; Dive Into HTML5</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?1071" rel="nofollow">Touch Gesture Reference Guide &#8211; Luke Wroblewski</a></li>
</ul>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33294&c=1626278002' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33294&c=1626278002' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/finger-tips-3-quick-ways-to-retrofit-a-site-for-touchscreen-use/">Finger Tips: 3 Quick Ways to Retrofit a Site for Touchscreen Use</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/finger-tips-3-quick-ways-to-retrofit-a-site-for-touchscreen-use/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>10 UX Books Due out in 2013</title>
		<link>http://www.uxbooth.com/articles/10-ux-books-due-out-in-2013/</link>
		<comments>http://www.uxbooth.com/articles/10-ux-books-due-out-in-2013/#comments</comments>
		<pubDate>Tue, 16 Apr 2013 13:30:55 +0000</pubDate>
		<dc:creator>Paul Seys</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33261</guid>
		<description><![CDATA[<p>There are a bunch of great books due out this year, covering myriad topics from the psychology of persuasion, to experience strategy, to lean UX, to microinteractions. Paul Seys provides a brief overview of the 10 books about which he's most excited.<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33261&c=494229775' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33261&c=494229775' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/10-ux-books-due-out-in-2013/">10 UX Books Due out in 2013</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">The selection of UX guides and books has grown exponentially in the past few years. Rosenfeld Media and A Book Apart are just two of a number of publishers with a UX-focused audience. The expanding supply is exceeded only by the demand for more data, more depth, and more detail.</p>
<p>I explored the <a href="http://www.uxbooth.com/articles/10-new-ux-books-to-look-out-for-in-2010/">10 best UX books of 2010</a> and, three years later, the time has come to follow up. There are a <em>bunch</em> of great books due out this year, covering myriad topics from the psychology of persuasion, to experience strategy, to lean UX, to microinteractions. Although we may not all get around to reading all of them, perusing the top 10 at least gives provides perspective. Without further adieu, here&rsquo;s the list!</p>
<div class="roundup-list">
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/0123969816/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0123969816&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Designing the Search Experience: The Information Architecture of Discovery</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/0123969816/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0123969816&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/designing_search.jpg" alt=""><br />
      </a>
    </div>
<p>    Tony Russell-Rose and Tyler Tate kicked off the year with this impressive guide to information architecture as it pertains to the ever-present search bar. No doubt this will be added to many an a library sometime soon. Covering both the art and design of search, &ldquo;Designing the Search Experience&rdquo;, weaves together the behavior of information seeking with the practice of user interface design.</p>
<p>    <em>Publisher: Morgan Kaufmann; Available now!</em>
  </div>
<div class="roundup-item">
<h4><a href="http://www.fivesimplesteps.com/products/strategic-ux" rel="nofollow">A Practical Guide to Strategic User Experience</a></h4>
<div class="image-container left x-small">
      <a href="http://www.fivesimplesteps.com/products/strategic-ux" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/strategic_ux.jpg" alt=""><br />
      </a>
    </div>
<p>    In &ldquo;A Practical Guide to Strategic User Experience,&rdquo; Leisa Reichelt covers the foundations of both user-centered design and business strategy. She explores methodology, documentation and tracking metrics, helping designers make a more seamless transition into a strategic role.</p>
<p>    <em>Publisher: Five Simple Steps; available: Summer 2013</em>
  </div>
<div class="roundup-item">
<h4><a href="http://rosenfeldmedia.com/books/user-interviews/" rel="nofollow">Interviewing Users: How to Uncover Compelling Insights</a></h4>
<div class="image-container left x-small">
      <a href="http://rosenfeldmedia.com/books/user-interviews/" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/steve_portigal.jpg" alt=""><br />
      </a>
    </div>
<p>    Understanding users is an absolutely essential part of what we do and the skills required to do it should never be taken for granted. Although Steve Portigal&rsquo;s webinars have provided suggestions for embracing our user&rsquo;s perspectives in the past, his book will likely provide a more comprehensive approach.</p>
<p>    <em>Publisher: Rosenfeld Media; available: May 2013</em>
  </div>
<div class="roundup-item">
<h4><a href="http://rosenfeldmedia.com/books/ux-team-of-one/" rel="nofollow">UX Team of One</a></h4>
<div class="image-container left x-small">
      <a href="http://rosenfeldmedia.com/books/ux-team-of-one/" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/bip.jpg" alt=""><br />
      </a>
    </div>
<p>    Similar in scope to &ldquo;<a href="http://www.uxbooth.com/articles/under-the-cover-an-interview-with-the-authors-of-undercover-ux/">Undercover UX</a>&rdquo; &ndash; Cennydd Bowles and James Box&rsquo;s eye-opening book from 2010 &ndash; Leah Buley&rsquo;s UX Team of One is specifically written for people working without the support of a team. It aims to highlight the real-life challenges faced by designers who need to produce deliverables with low effort and high impact. </p>
<p>    <em>Publisher: Rosenfeld Media; available: June 2013</em>
  </div>
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/1449311652/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=1449311652&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Lean UX: Applying Lean Principles to Improve User Experience</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/1449311652/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=1449311652&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/lean_ux.jpg" alt=""><br />
      </a>
    </div>
<p>    Continuing along the Lean UX theme, this &ldquo;hands-on&rdquo; book aims to cover the principles of Lean UX &ndash; how this collaborative process enables you to forgo excessive deliverables in favour of building a <a href="http://www.ngenworks.com/blog/an-unlikely-byproduct/">shared understanding</a> within a product team. Jeff has been working in lean UX and agile development for years now; he&rsquo;s certain to provide valuable tactics and inspiring techniques! </p>
<p>    <em>Publisher: O&rsquo;Reilly; available now!</em></p></div>
<div class="roundup-item">
<h4><a href="http://rosenfeldmedia.com/books/agile-experience/" rel="nofollow">Designing with Agile: Lean User Experience for Successful Products</a></h4>
<div class="image-container left x-small">
      <a href="http://rosenfeldmedia.com/books/agile-experience/" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/bip.jpg" alt=""><br />
      </a>
    </div>
<p>    While agile may function well for other teams, I&rsquo;ve personally struggled trying to reconcile it with my own approach it. In this book Anders Ramsay aims to &ldquo;provide a path&rdquo; for design teams, and User Experience practitioners in particular, to help them transform their practices by applying Agile methods and thinking.</p>
<p>    <em>Publisher: Rosenfeld Media; available: late 2013</em>
  </div>
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/0321886720/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321886720&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Designing the Conversation: Techniques for Successful Facilitation</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/0321886720/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321886720&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/designing_conversation.jpg" alt=""><br />
      </a>
    </div>
<p>    An increasing number of books address specific areas within the context of user-centered design and I for one am glad for it. Designing the Conversation is aimed at practitioners who are looking to take their facilitation skills to the next level. Written by three UX professionals, this book helps designers facilitate stakeholder interviews, peer brainstorms, and client interactions. </p>
<p>    <em>Publisher: New Riders; Available now!</em>
  </div>
<div class="roundup-item">
<h4><a href="http://www.peachpit.com/store/how-to-get-people-to-do-stuff-master-the-art-and-science-9780133122374" rel="nofollow">How to Get People to Do Stuff: Master the art and science of persuasion and motivation</a></h4>
<div class="image-container left x-small">
      <a href="http://www.peachpit.com/store/how-to-get-people-to-do-stuff-master-the-art-and-science-9780133122374" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/how_to_get.jpg" alt=""><br />
      </a>
    </div>
<p>    Susan Weinschenk &ndash; otherwise known as &ldquo;The Brain Lady,&rdquo; &ndash; has spent the past 30 years applying psychology to the design of technology. With several publications to her name, including &ldquo;<a href="http://www.amazon.com/gp/product/0321767535/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321767535&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">100 Things Every Designer Needs to Know About People</a>&rdquo; and &ldquo;<a href="http://www.amazon.com/gp/product/0321603605/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0321603605&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Neuro Web Design (What Makes Them Click?)</a>,&rdquo; Susan&rsquo;s next book is all about how we &ldquo;get people to do stuff;&rdquo; how to use insights from recent research in psychology to be more effective in motivating people and to get them to do the stuff we want them to do.</p>
<p>    <em>Publisher: New Riders; Available now!</em></p></div>
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/144934268X/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=144934268X&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Microinteractions</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/144934268X/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=144934268X&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/microinteractions.jpg" alt=""><br />
      </a>
    </div>
<p>    In &ldquo;Microinteractions&rsquo;, Dan Saffer provides a new way of thinking about designing digital products. He proposes that every feature, large or small, is nothing more than a series of interactions that are essential to creating a compelling personality.</p>
<p>     How do you turn mute on? How do you know you have a new email message? How can you change a setting? All these little moments are opportunities to engage the user. These are the moments that change a product from one that is tolerated to one that&rsquo;s beloved.</p>
<p>    <em>Publisher: O&rsquo;Reilly; available: May 2013</em>
  </div>
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/0124058655/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0124058655&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Human Computer Interaction: An Empirical Research Perspective</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/0124058655/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0124058655&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/hci.jpg" alt=""><br />
      </a>
    </div>
<p>    &ldquo;Human-Computer Interaction: An Empirical Research Perspective&rdquo; covers foundational topics, including: historical context, the human factor, interaction elements, and the fundamentals of science and research. Throughout the book, Scott provides hands-on exercises, checklists, and real-world examples. Given Scott&rsquo;s background of more than 30 years in interaction design, this book is likely to be a very comprehensive guide to research in HCI &ndash; a hefty addition to any bookshelf.</p>
<p>    <em>Publisher: Morgan Kaufmann; Available now!</em>
  </div>
</div>
<h3>Collect them all!</h3>
<p>It&rsquo;s impossible to read everything that&rsquo;s coming available this year, but the books above are the ones that I&rsquo;m most looking forward to. And at this early stage of the year I have the best intentions to read as many of them as I can! </p>
<p>So, what&rsquo;s on your 2013 reading list? Have you read any from this list yet? Join the conversation in the comments below &ndash; I look forward to hearing more suggestions.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33261&c=1803626945' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33261&c=1803626945' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/10-ux-books-due-out-in-2013/">10 UX Books Due out in 2013</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/10-ux-books-due-out-in-2013/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>A Reading List Courtesy of This Year&#8217;s IA Summit</title>
		<link>http://www.uxbooth.com/articles/a-reading-list-courtesy-of-this-years-ia-summit/</link>
		<comments>http://www.uxbooth.com/articles/a-reading-list-courtesy-of-this-years-ia-summit/#comments</comments>
		<pubDate>Tue, 09 Apr 2013 13:30:36 +0000</pubDate>
		<dc:creator>Andrew Maier</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.uxbooth.com/?p=33242</guid>
		<description><![CDATA[<p>Did you attend this year's IA Summit? If not, don't fret! Andrew Maier reflects on this year's event, sharing five books he's recently added to his reading list. For those of you who did attend, consider adding books to the list!<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33242&c=520909263' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33242&c=520909263' border='0' alt='' /></a></p></p><p>The post <a href="http://www.uxbooth.com/articles/a-reading-list-courtesy-of-this-years-ia-summit/">A Reading List Courtesy of This Year&rsquo;s IA Summit</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></description>
				<content:encoded><![CDATA[<p class="introduction">Wow. Although this year&rsquo;s IA Summit was my first, it certainly won&rsquo;t be my last! Each and every presentation I attended was filled with a wealth of takeaways, from practical advice to food for thought. In absence of a full recap post, I&rsquo;d like to share five books added my Amazon wishlist during the event.</a></p>
<p>For context&rsquo;s sake, here are the sessions I attended that informed my reading list:</p>
<ul class="h4">
<li>&ldquo;<a href="http://www.slideshare.net/andrewhinton/the-world-is-the-screen" rel="nofollow">The World Is The Screen: Elements of Information Environments</a>&rdquo; by Andrew Hinton</li>
<li>&ldquo;<a href="http://www.slideshare.net/treygd/sitting-in-the-directors-chair" rel="nofollow">Sitting in the Director&rsquo;s Chair: How the Role We Play Drives the Vision of the User Experience.</a>&rdquo; by Traci Lepore</li>
<li>&ldquo;<a href="http://www.slideshare.net/jarango/2013-0407ialno" rel="nofollow">Links, Nodes, and Order: A Unified Theory of IA</a>&rdquo; by Jorge Arango</li>
<li>&ldquo;<a href="http://www.slideshare.net/andybywire/taxonomy-for-app-makers" rel="nofollow">Taxonomy for App Makers</a>&rdquo; by Andy Fitzgerald</li>
<li>&ldquo;<a href="http://www.slideshare.net/morville/web-governance-where-strategy-meets-structure" rel="nofollow">Web Governance: Where Strategy Meets Structure</a>&rsquo; by Peter Morville and Lisa Welchman</li>
<li>&ldquo;<a href="http://www.slideshare.net/KMcGrane/2012-0407-closing-plenary-final" rel="nofollow">Closing Plenary</a>&rdquo; by Karen McGrane</li>
</ul>
<p> These are just a subset of the total sessions comprising the conference, of course. For a full list, check <a href="http://2013.iasummit.org/program/" rel="nofollow">the schedule page for the conference. </p>
<h3>Books mentioned during the summit</h3>
<p>While attending the aforemention session I came up with the following list:</p>
<div class="roundup-list">
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/0199773688/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0199773688&#038;linkCode=as2&#038;tag=uxbo09-20<br />
" rel="nofollow">Supersizing the Mind: Embodiment, Action, and Cognitive Extension</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/0199773688/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0199773688&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/supersizing.jpg" alt=""><br />
      </a>
    </div>
<p>    The Embodied Cognition theory suggests that sensemaking is as much an external process as it is an internal one. In other words, technologies with which we interact change how we think about the world. Andrew Hinton suggests that this has significant implications on the work we do as information architects.
  </p></div>
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/0262581469/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0262581469&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">Cognition in the Wild by Edwin Hutchins</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/0262581469/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0262581469&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/wild_cog.jpg" alt=""><br />
      </a>
    </div>
<p>    As a compliment to Supersizing the Mind, Edwin Hutchins&rsquo;s Cognition in the Wild reminds us that our understanding of the world is also cultural. This idea touches on some of the educational concepts that <a href="http://www.uxbooth.com/articles/a-chat-with-bill-gribbons-part-2/">Bill Gribbons mentioned</a> to me last month, so it was a natural addition to the list.
  </div>
<div class="roundup-item">
<h4><a href="http://www.amazon.com/gp/product/0684829576/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0684829576&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">The Empty Space: A Book About the Theatre: Deadly, Holy, Rough, Immediate by Peter Brook</a></h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/0684829576/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0684829576&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/the_empty_space.jpg" alt=""><br />
      </a>
    </div>
<p>    Traci Lepore&rsquo;s presentation explained how perspectives that function in the world of theatre can also lend themselves to the management of user-centered design projects. Although this book framed the majority of her talk, Tracy also mentioned <a href="http://en.wikipedia.org/wiki/Method_acting" rel="nofollow">method acting</a>, which has me thinking about its applications to our practice, as well.
  </div>
<div class="roundup-item">
<h4>
      <a href="http://www.amazon.com/gp/product/144931905X/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=144931905X&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow">The Connected Company by Dave Gray and Thomas Vander Wal</a><br />
    </h4>
<div class="image-container left x-small">
      <a href="http://www.amazon.com/gp/product/144931905X/ref=as_li_ss_tl?ie=UTF8&#038;camp=1789&#038;creative=390957&#038;creativeASIN=144931905X&#038;linkCode=as2&#038;tag=uxbo09-20" rel="nofollow"><br />
      <img src="http://assets.uxbooth.com/uploads/2013/04/connected.jpg" alt=""><br />
    </a>
    </div>
<p>    Ah, governance. It&rsquo;s a topic that&rsquo;s as puzzling to me as it is important to the continued success of any design endeavor. Peter Morville and Lisa Welchman referenced this book as they explained how &ldquo;loosely connected pods&rdquo; are the key to a good governance plan. From what I understand, this approach informs Amazon&rsquo;s corporate structure.
  </p></div>
<div class="roundup-item">
<h4><a href="http://www.abookapart.com/products/content-strategy-for-mobile" rel="nofollow">Content Strategy For Mobile by Karen Mcgrane</a></h4>
<div class="image-container left x-small">
      <a href="http://www.abookapart.com/products/content-strategy-for-mobile" rel="nofollow"><br />
        <img src="http://assets.uxbooth.com/uploads/2013/04/cs_for_mobile.jpg" alt=""><br />
      </a>
    </div>
<p>    This one&rsquo;s high on my list. In her closing plenary, Karen McGrane explained how radically different tomorrow&rsquo;s content problems will be. When working with The New York Times, Karen recounted how digital publishing used to be relegated to a separate office. Today, it&#8217;s given equal footing with the print side of things. And tomorrow? Let&rsquo;s just say we&rsquo;ve got our work cut out for us.
  </p></div>
</div>
<h3>Yours?</h3>
<p> I find it quite likely that some of you who read UX Booth attended the Summit. What books caught your eye? Are you currently reading anything that informed your understanding of this year&rsquo;s talks?</p>
<p>Share your thoughts in the comments below!</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33242&c=1631809710' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1259950&k=248c31aa41846f2ed59231ff0d38d0b4&a=33242&c=1631809710' border='0' alt='' /></a></p><p>The post <a href="http://www.uxbooth.com/articles/a-reading-list-courtesy-of-this-years-ia-summit/">A Reading List Courtesy of This Year&rsquo;s IA Summit</a> appeared first on <a href="http://www.uxbooth.com">UX Booth</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.uxbooth.com/articles/a-reading-list-courtesy-of-this-years-ia-summit/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>
