<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Lauren Martin</title>
	
	<link>http://www.sitemotif.com</link>
	<description>User Experience Rants &amp; Raves</description>
	<lastBuildDate>Wed, 08 May 2013 20:47:40 +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>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/sitemotif" /><feedburner:info uri="sitemotif" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>sitemotif</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>UX Tidbits – May</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/UttUWwbb_m4/</link>
		<comments>http://www.sitemotif.com/2013/05/ux-tidbits-may/#comments</comments>
		<pubDate>Wed, 08 May 2013 20:47:40 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=2262</guid>
		<description><![CDATA[I&#8217;ve been writing a lot and publishing a little lately as I&#8217;ve been working on fine tuning some ideas. In the mean time, I&#8217;ve also been reading a lot and decided to start sharing some of the tidbits that I...]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve been writing a lot and publishing a little lately as I&#8217;ve been working on fine tuning some ideas. In the mean time, I&#8217;ve also been reading a lot and decided to start sharing some of the tidbits that I find interesting. Here&#8217;s some of what I&#8217;ve been reading\watching lately:</p>
<ul>
<li><a href="http://www.youtube.com/watch?v=ks91vBm3oT8" target="_blank">Designing for Emotion by Aaron Walter:</a> I came by a conference video of Aarron Walter the other day that was pretty well done. If you haven&#8217;t read his book yet and want to get up to speed on Designing for Emotion I recommend it.</li>
<li>I&#8217;m always a big fan of User Focus and in their <a href="http://www.userfocus.co.uk/articles/speak-your-users-language.html" target="_blank">April newsletter</a> I found it a wonderful reminder of the practical level of knowledge to expect from general users. My favorite quote from this issue is &#8220;There&#8217;s an old rule in marketing that says you don&#8217;t tell people about features, you tell them about benefits&#8221; because it helped me to write some more usable copy for a project I&#8217;m working on.</li>
<li>Speaking of copy. Another great article I recently came by is <a href="http://bokardo.com/archives/writing-microcopy/" target="_blank">Writing Microcopy</a> by Joshua Porter. A nice reminder that the little details even in copy can make a big difference in the overall conversation a user has with your website or application.</li>
<li>I&#8217;ve also been exploring inspiration websites like <a href="http://www.behance.net/search?field=51" target="_blank">Behance</a>, <a href="http://dribbble.com/highlights/" target="_blank">Dribble</a> and <a href="http://pinterest.com/" target="_blank">Pinterest </a>for inspiration with a project I&#8217;m working on. I&#8217;m loving the way Behance shows portfolio work in a vertical scrolling image list similar to an infographic. I think this is a great way to market not only the product, but the UX process behind it. Dribble is fantastic for inspiration, but I found their &#8220;bucket&#8221; adding feature a bit kludgy compared to Pinterest. I&#8217;ve officially become addicted to Pinterest, aside from my normal personal boards I&#8217;ve now added 8 or so UX boards and counting like <a href="http://pinterest.com/lorielue/ux-general/" target="_blank">UX &#8211; General</a>, <a href="http://pinterest.com/lorielue/ux-wires-prototypes/" target="_blank">UX &#8211; Wires and Prototypes</a>, and<a href="http://pinterest.com/lorielue/ux-design-inspiration/" target="_blank"> UX &#8211; Design Inspiration</a>.</li>
<li>One bit of inspiration I found that helped with a drag and drop interaction specification and some edit interactions was <a href="http://www.slideshare.net/billwscott/designing-interesting-moments" target="_blank">Bill Scott&#8217;s Designing for Interesting Moments</a> presentation on Slideshare. I particularly enjoyed slides 40, and 43 where he brings light to methods of detailing interaction specifications and interface discoverability.</li>
<li>Finally, I&#8217;m seriously digging the new <a href="https://www.facebook.com/help/427780037309149/?ref=icon" target="_blank">Facebook feature that adds emotions, and what you are doing</a>. I did a similar design with social emotions for a client a couple years ago, unfortunately it never went to market <img src='http://www.sitemotif.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  Alas, so cool to see the idea taken on by such a major player. Hopefully this will help kick off the trend of designing more emotion into our applications and websites.</li>
</ul>
<p>As always, if you want to be totally overwhelmed with UX happenings in the industry feel free to check out <a href="http://www.netvibes.com/lorielue#General" target="_blank">my UX feed board on Netvibes</a>.</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/UttUWwbb_m4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2013/05/ux-tidbits-may/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2013/05/ux-tidbits-may/</feedburner:origLink></item>
		<item>
		<title>AOL’s new Alto Mail</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/jBnSxvb8H-c/</link>
		<comments>http://www.sitemotif.com/2013/01/aols-new-alto-mail/#comments</comments>
		<pubDate>Tue, 08 Jan 2013 15:58:49 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=2194</guid>
		<description><![CDATA[A came across an article today by Fast Co Design regarding AOL&#8217;s ALTO email program. I&#8217;m not sure what rock I&#8217;ve been under during the holidays that I haven&#8217;t heard of this yet, but it has definitely got my interest. If you&#8217;re...]]></description>
				<content:encoded><![CDATA[<p>A came across an article today by <a href="http://www.fastcodesign.com/1671036/aol-might-just-have-invented-emails-next-ui-paradigm#1" target="_blank">Fast Co Design regarding AOL&#8217;s ALTO email program</a>. I&#8217;m not sure what rock I&#8217;ve been under during the holidays that I haven&#8217;t heard of this yet, but it has definitely got my interest.</p>
<div id="attachment_2198" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sitemotif.com/wp-content/uploads//2013/01/1671036-slide-alto-02-inbox.jpg"><img class="size-medium wp-image-2198" title="Alto Inbox" alt="" src="http://www.sitemotif.com/wp-content/uploads//2013/01/1671036-slide-alto-02-inbox-300x177.jpg" width="300" height="177" /></a><p class="wp-caption-text">Alto Inbox</p></div>
<p>If you&#8217;re anything like me, you have a Gmail box that your almost afraid to open because of the masses of emails you&#8217;ll need to dig through. I use the star prioritization and folders, but somehow it doesn&#8217;t seem to help other than to flag things I need to try to respond to sooner rather than later, or for quick finding like a flight reservation that is upcoming. If you&#8217;re like me you also associate AOL with a dying company and the sound of a dial-up internet connection.<span id="more-2194"></span></p>
<p>So when I saw the title of this article &#8220;<a href="http://www.fastcodesign.com/1671036/aol-might-just-have-invented-emails-next-ui-paradigm#1" target="_blank">AOL May Have Invented Email&#8217;s Next UI Paradigm</a>&#8221; you can imagine my curiosity was peaked. I began reading, and I can say I am seriously impressed and recommend reading the article to get a good perspective on it&#8217;s functionality.</p>
<p>Below is a quick write up of some other popular websites and applications that I feel helped trend this new direction of design. To be fair, I have requested a beta but have yet to have the chance to play with it, so I&#8217;m judging my evaluation on screen shots and the linked article above. Still, it seems like the perfect amalgamation of <a href="http://pinterest.com/" target="_blank">Pinterest</a>,<a href="http://www.iawriter.com/?utm_expid=63738940-2&amp;utm_referrer=https%3A%2F%2Fwww.google.com%2F" target="_blank"> IA Writer</a>, and a real world sorting paradigm which is what has me excited about the direction.</p>
<div id="attachment_2196" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sitemotif.com/wp-content/uploads//2013/01/Pinterest.png"><img class="size-medium wp-image-2196" title="Pinterest" alt="" src="http://www.sitemotif.com/wp-content/uploads//2013/01/Pinterest-300x181.png" width="300" height="181" /></a><p class="wp-caption-text">Pinterest</p></div>
<p><strong>Pinterest</strong></p>
<p>This is no doubt my favorite online time suck. It is a tool that visually <em>pins </em>links, recipes, photos, articles, etc. from the web to a <em>board</em> so that you can save and sort through things visually. It allows you to choose the image from the source that you would like to associate with the pin, and organize the pins into an array of self-created boards. Referencing notes from an <a href="http://www.sitemotif.com/2011/04/ia-summit-11-visual-language-for-designers/" target="_blank">IA summit talk</a> I attended: &#8220;There are more brain resources devoted to vision than to any other sense.&#8221;, and &#8220;Picture superiority effect: We have a better memory for pictures than for words&#8221;. I think it&#8217;s not surprising why visual pin boards are seeing such success as a way of organizing information and why Alto has chosen to use visual boards as a way to help organize the piles of mail they allow you to create.</p>
<div id="attachment_2197" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.sitemotif.com/wp-content/uploads//2013/01/IA-Writer.png"><img class="size-medium wp-image-2197" title="IA Writer" alt="" src="http://www.sitemotif.com/wp-content/uploads//2013/01/IA-Writer-300x278.png" width="300" height="278" /></a><p class="wp-caption-text">IA Writer</p></div>
<p><strong>IA Writer</strong></p>
<p>IA Writer is one of my favorite iPad tools for writing because the toolbars, navigation, etc. get out of the way. It allows you to focus on what you are trying to do, and minimizes the cognitive load of the interface to support your concentration. While Alto hasn&#8217;t taken things to an extreme with your email, there is an obvious attempt to reduce the chrome per say compared to most current tools like Gmail. A lot of trends seem to be moving in this direction, which is something I&#8217;m looking forward to, websites and applications that get out of the way, and support the goals at hand.</p>
<p><strong>Real World Mental Models</strong></p>
<p>Finally, I&#8217;m really excited to play with the way Alto is using piles. From what I have read this idea came from real world research into the way that people sort their snail mail. I believe it, because I do exactly what they said they found people doing. I walk in the house with a load of mail in my arms and immediately being making piles. Things to read right now, bills, friends/family, ads/coupons, and trash. I also can relate the research to another <a href="http://www.sitemotif.com/2012/04/ia-summit-12-clutter-is-king/" target="_blank">IA summit talk</a> I attended about clutter and the types of piles people create on their desks, and how the relationship of piles in space corresponds to their relative importance and faster organization. I am very excited to import my Gmail and see what these piles can do for me.</p>
<p>I am definitely excited about the direction that Alto seems to be going, and can&#8217;t wait to get my invite to play in the beta.</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/jBnSxvb8H-c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2013/01/aols-new-alto-mail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2013/01/aols-new-alto-mail/</feedburner:origLink></item>
		<item>
		<title>Information Architecture vs. Interaction Design</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/u1krCcLQc4s/</link>
		<comments>http://www.sitemotif.com/2012/10/information-architecture-interaction-design/#comments</comments>
		<pubDate>Wed, 24 Oct 2012 20:09:32 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=2025</guid>
		<description><![CDATA[I am often surprised to find that many practitioners do not feel there is much difference between Information Architecture (IA) and Interaction Design (IxD) as I find the differences to be rather distinctive. I feel both deserve unique recognition as both have their own...]]></description>
				<content:encoded><![CDATA[<p>I am often surprised to find that many practitioners do not feel there is much difference between Information Architecture (IA) and Interaction Design (IxD) as I find the differences to be rather distinctive. I feel both deserve unique recognition as both have their own sets of skills and approaches, which cover different aspects of the user experience.</p>
<p>Without distinction in the industry, I worry that the mastery level of both specialties runs the risk of becoming lost to a single intertwined role that doesn&#8217;t explore either side as extensively as possible, resulting in reduced value across the board. While I strongly encourage cross training and knowledge of all aspects of the field I also believe it is important to find your niche and I believe both IA and IxD are entirely different specialties worth exploring.<span id="more-2025"></span></p>
<p>A Google search of the difference between two roles didn&#8217;t provide much in the way of confidence for the respect of the distinctions, therefore I have decided to take a moment to try and illustrate my opinion on the differences, with the hope of sparking a conversation around these unique but related roles.</p>
<p><strong>Information Architecture</strong></p>
<p><strong></strong>When I think Information Architecture I think organization, literally the architecture of information. I think of Peter Morville&#8217;s seminal book <a href="http://www.amazon.com/Information-Architecture-World-Wide-Web/dp/0596527349" target="_blank">Information Architecture for the World Wide Web</a>.</p>
<blockquote><p>&#8230;chapters on organization, labeling, navigation, and searching; and a new chapter on thesauri, controlled vocabularies and metadata will help you understand the interconnectedness of these systems. The authors have expanded the methodology chapters to include a more interdisciplinary collection of tools and techniques. They&#8217;ve also complemented the top-down strategies of the first edition with bottom-up approaches that enable distributed, emergent solutions. <a href="http://www.amazon.com/Information-Architecture-World-Wide-Web/dp/0596000359" target="_blank">- Book Description</a></p></blockquote>
<p>An Information Architect is like the Librarian for your website. Just as you could enter any library anywhere in the world and with relative ease find the exact information you are looking for, the IA is responsible for making this possible in interactive software and websites. It&#8217;s about finding useful and relevant information quickly as well as maintaining that information over time. This includes things like your sitemap, the structure of your content, the hierarchy of your content paths, the inventory of each of your pages, the taxonomy and thesaurus, and the metadata that describes it all.</p>
<p><img class="aligncenter size-medium wp-image-2063" title="IMAG1515" src="http://www.sitemotif.com/wp-content/uploads//2012/10/IMAG1515-300x184.jpg" alt="" width="300" height="184" /></p>
<p><strong>Interaction Design</strong></p>
<p><strong></strong>When I think IxD I think behavior. How does a user interact with the interface to carry out their goal? What control should be used, how would a user manipulate it, and how will the interface react to that manipulation? Do the interactions take into account proper affordances, constraints, mappings, and feedback? When thinking about interaction design I think about books like Robert Hoekman&#8217;s <a href="http://www.amazon.com/Designing-Obvious-Common-Approach-Application/dp/0321749855" target="_blank">Designing the Obvious</a>.</p>
<blockquote><p>Designing the Obvious explores the character traits of great Web applications and uses them as guiding principles of application design so the end result of every project instills customer satisfaction and loyalty. These principles include building only whats necessary, getting users up to speed quickly, preventing and handling errors, and designing for the activity. &#8211; <a href="http://www.amazon.com/Designing-Obvious-Common-Approach-Application/dp/0321749855" target="_blank">Book Description</a></p></blockquote>
<p>Interaction designers are like industrial designers in the virtual world. They are concerned with improving the user experience through an interface that provides users with the tools necessary to accomplish their goals in a simple and intuitive way. Related artifacts are task flows, wireframes, prototypes, pattern libraries, annotations, storyboards, scenarios, etc.</p>
<p><img class="aligncenter size-medium wp-image-2064" title="IMAG1516" src="http://www.sitemotif.com/wp-content/uploads//2012/10/IMAG1516-300x139.jpg" alt="" width="300" height="139" /></p>
<p><strong>Scratching the Surface</strong></p>
<p>While this post just begins to scratch the surface I hope that it starts the conversation in a way that provides meaningful examples of the distinctions between he two specialties. While IxD and IA are only a part of creating a solid user experience I find the other specialties, such as research, visual design, etc to be better defined in the industry and therefore did not see the need to expand on them here. What skill sets do you have, and how do you define your role in the industry?</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/u1krCcLQc4s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/10/information-architecture-interaction-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/10/information-architecture-interaction-design/</feedburner:origLink></item>
		<item>
		<title>The Power of A/B Testing</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/AFbGcyehLvs/</link>
		<comments>http://www.sitemotif.com/2012/10/the-power-of-ab-testing/#comments</comments>
		<pubDate>Wed, 24 Oct 2012 16:03:02 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Article Reviews]]></category>
		<category><![CDATA[User Research]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=2031</guid>
		<description><![CDATA[When it comes to increasing conversions on click through and sign up, and testing the nuances of design all of my favorite articles are coincidentally about A/B testing. Below I will discuss two of those posts, one about Sidelinesapp.com and one about...]]></description>
				<content:encoded><![CDATA[<p>When it comes to increasing conversions on click through and sign up, and testing the nuances of design all of my favorite articles are coincidentally about A/B testing. Below I will discuss two of those posts, one about <a href="http://sidelinesapp.com/" target="_blank">Sidelinesapp.com</a> and one about <a href="http://highrisehq.com/" target="_blank">Highrisehq.com</a>.</p>
<p><strong>What is A/B testing?</strong></p>
<p>A/B testing is a simple way to compare two or more versions of a page with slight changes to see which one attracts more attention to the area you are focusing on (higher conversions). Using a service like <a href="https://www.optimizely.com" target="_blank">Optimizely</a> you can load in the different designs you want to compare, and people who come to your website will randomly be presented with one of your versions. Their activity is tracked and then you can view a report showing the differences.</p>
<p><span id="more-2031"></span></p>
<h3>Sidelinesapp.com from 5% to 55%</h3>
<p>Vinay Kuruvila&#8217;s talks on his Tumblr page about how they used A/B testing to<a href="http://quicksprints.com/post/32792397474/how-we-increased-landing-page-conversion-from-5-to-55" target="_blank"> increase their page conversion from 5% to 55%</a> on <a href="http://sidelinesapp.com/" target="_blank">Sidelinesapp.com</a>. Some of my favorite parts of this article are in his explanation and analysis of why certain changes resulted in increased conversions.</p>
<p><img class="aligncenter size-medium wp-image-2035" title="slidelineapp" src="http://www.sitemotif.com/wp-content/uploads//2012/10/slidelineapp-300x203.jpg" alt="" width="300" height="203" /><br />
<strong>Graphics</strong></p>
<p>They started their homepage with a screen shot of their product, a pretty common design trend to help provide clarity and set expectations for the user. They even validated the screen shots with others and received positive feedback. However this converted poorly, why? Kuruvila&#8217;s analysis is:</p>
<blockquote><p>&#8230;with certain types free consumer apps, simplicity and an eye-catching photo works much better than clearly trying to explain your product with screenshots.</p></blockquote>
<p>The screen shots didn&#8217;t help to clarify the product because the type of product they had leaned heavily on conversational interactions and sharing behaviors that required users to interact with it to fully get it. So they tried something different, showing a picture next to their signup instead of the product screen shot. They choose a picture that would resonate emotionally with their audience, one that would probably have been a topic of high conversation in the website, a Super Bowl photo that would be highly identifiable with the target sports audience. This improved their conversions from 5% to 17%. Next they decided to expand on the photo idea, and choose a sports photo as a large background image, placing their signup prominently in the middle of the screen with the tagline. This increased their conversions to 25%.</p>
<p><strong>Content</strong></p>
<p>Now that they had imagery pretty locked down it was time to focus on their text. They looked for a solution that would help identify what their value proposition was, while being succinct and vague enough to still peak curiosity. By changing text from a focus on sharing, to a focus on consuming information about sports they further improved their conversions from 25% to 40%.  Kuruvila noted that most users start as consumers, then once they become more involved begin to become contributors. Therefore, this change in messaging better targeted new user signup.</p>
<p><strong>Final Details</strong></p>
<p>Some final changes to allow users to use their email if they weren&#8217;t comfortable with the Facebook or Twitter login, and some research on their biggest demographic groups provided the final set of changes landing them at a conversion rate of 55%.</p>
<h3>37Signals.com</h3>
<p><strong>Highrise Signup Page</strong></p>
<p>One of my favorite A/B articles to send around for the past few years was done by <a href="http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page" target="_blank">37Signals on their headline</a> for their <a href="http://highrisehq.com/signup" target="_blank">Highrise signup page</a>. They tested five different headline and subhead combinations to measure the number of conversions.</p>
<p><a href="http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page"><img class="aligncenter size-medium wp-image-2050" title="hrhq-signuphead-30day60sec" src="http://www.sitemotif.com/wp-content/uploads//2012/10/hrhq-signuphead-30day60sec-300x79.png" alt="" width="300" height="79" /></a></p>
<p>Their original design headline focused on the call to action &#8220;Start a Highrise Account&#8221; with the subhead &#8220;Pay as you go. 30-day free trial on all account. No hidden fees.&#8221;  The other versions they tested all shared a very similar theme but changed the focus to emphasizing things such as testimonials, additional features, and immediacy.</p>
<p>The winner, put the focus on what the user gets out of it &#8220;30-day Free Trial on All Accounts&#8221; and used the subhead to emphasize the ease and quickness of the signup process and instruct on next steps &#8220;Sign-up takes less than 60 seconds. Pick a plan to get started!&#8221; This version did 30% better than their original.</p>
<p><strong>Highrise Home Page</strong></p>
<p>In going back to their blog <a href="http://37signals.com/svn/">Signals vs. Noise</a> to re-read the article for this post, I found myself clicking around a bit and found that 37Signals has since posted some <a href="http://37signals.com/svn/posts/2991-behind-the-scenes-ab-testing-part-3-final" target="_blank">additional A/B testing</a> articles on the changes to their <a href="http://highrisehq.com/?source=svn_post">Highrise</a> home page with some fascinating results emerging between <a href="http://visualwebsiteoptimizer.com/split-testing-blog/long-sales-letter-copywriting/" target="_blank">long form design</a> and <a href="http://books.google.com/books?id=EeQhHqjgQosC&amp;lpg=PA230&amp;ots=kqWsCD64eZ&amp;dq=people%20look%20at%20smiling%20faces%20eye%20tracking&amp;pg=PA230#v=onepage&amp;q=people%20look%20at%20smiling%20faces%20eye%20tracking&amp;f=false" target="_blank">big photos of smiling customers</a>.</p>
<h3>Have a Good Example?</h3>
<p>I would love to hear about any good articles you may have come across that I can add to my collection!</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/AFbGcyehLvs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/10/the-power-of-ab-testing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/10/the-power-of-ab-testing/</feedburner:origLink></item>
		<item>
		<title>UPA 2012 Session Sketchnotes</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/wk8LO6ybI08/</link>
		<comments>http://www.sitemotif.com/2012/06/upa-2012-session-sketchnotes/#comments</comments>
		<pubDate>Fri, 15 Jun 2012 14:30:02 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Conference]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Visualizing Information]]></category>
		<category><![CDATA[Sketchnotes]]></category>
		<category><![CDATA[UPA 2012]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=1968</guid>
		<description><![CDATA[I did back to back conferences this month, attending the UPA the day after flying out of Ohio from Midwest UX. Still excited about the sketchnoting workshop I had attended there I decided to see if I could keep it going throughout...]]></description>
				<content:encoded><![CDATA[<p>I did back to back conferences this month, attending the UPA the day after flying out of Ohio from Midwest UX. Still excited about the sketchnoting workshop I had attended there I decided to see if I could keep it going throughout the UPA conference as well. Therefore instead of my normal single post presentation reviews, this post will encompass sketchnotes from all the sessions I enjoyed at the conference this year.</p>
<p><span id="more-1968"></span></p>
<h3>Field Research for User Experience</h3>
<div id="attachment_1972" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Field-Research-for-UX.png"><img class="size-single-thumbnail wp-image-1972 " title="Field Research for UX" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Field-Research-for-UX-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>The first thing I did at UPA this year was a fantastic workshop by Danielle Cooley. I don&#8217;t think it could have gotten much better. Of course I can&#8217;t complain after getting a limo ride to Zappos headquarters to do some onsite contextual inquiry work&#8230; did I mention we got free lunch too!</p>
<div id="attachment_1982" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Field-Research-for-UX-2.png"><img class="size-single-thumbnail wp-image-1982" title="Field Research for UX 2" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Field-Research-for-UX-2-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>Danielle had lots of great tips about conducting successful research as well as nice comparisons between field research and other research methods.</p>
<h3>Keynote: Myths and Truths About Leadership and Developing Your Personal Leadership</h3>
<div id="attachment_1975" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Leadership-Model.png"><img class="size-single-thumbnail wp-image-1975" title="Leadership Model" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Leadership-Model-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>The keynote was done by Ronald E. Riggio and focused on the key point that good leaders are made. He noted two types of leadership, personal and team leadership. To be a good leader communication skills and ethics are paramount. You must be motivated, have a model to guide you and be able to do a clear self-analysis. Riggio proposed a four stage model that starts with the ability to inspire, this is followed by being a positive role model and being able to connect and communicate. Finally you must be able to challenge people in a positive way. I especially enjoyed his comment that leaders must also be good followers.</p>
<h3>Why games like Farmville grab attention, shape interactions and drive sustained behavior.</h3>
<div id="attachment_1976" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Psychology-of-Zynga.png"><img class="size-single-thumbnail wp-image-1976" title="Psychology of Zynga" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Psychology-of-Zynga-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>Being a bit of a psych junkie I particularly enjoyed this talk by Kath Straub. She talked about engagement and persuasion in popular facebook games.  There are three main principles she noted, first the ability to beg for stuff, second the ability to brag, and finally recognition of tiny victories. Although she specifically called out those principles the presentation was filled with many more valuable nuggets from short and long term goals to engagement and rewards. A good takeaway she gave at the end was that just because gaming principles are found in popular games doesn&#8217;t mean that they have to be made into a game to be successfully applied in business.</p>
<h3>Remote Fieldwork at AutoTrader.com</h3>
<div id="attachment_1979" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Remote-Fieldwork.png"><img class="size-single-thumbnail wp-image-1979" title="Remote Fieldwork" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Remote-Fieldwork-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a insightful case study of how AutoTrader.com does remote research by Emily Schroeder. She made some excellent points about how to carry out remote contextual inquiry. Her general outline for the session is a remote screen connection that can be recorded, an intro, an interview, then open observation led with a prompt like &#8220;show me what you did to&#8230;&#8221;, this is followed by closing thanks. Its an easy, convenient, and cheap way to get open-ended observations from anyone on an interface.</p>
<h3>Reading Body Language during User Testing</h3>
<div id="attachment_1978" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Reading-Body-Language-at-Usability-testing.png"><img class="size-single-thumbnail wp-image-1978" title="Reading Body Language at Usability testing" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Reading-Body-Language-at-Usability-testing-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>Brooke Baldwin gave this presentation which focused on gestures, movements and mannerisms. Reading body language is really just about listening and watching the things that we naturally do, its just a matter of spotting the clusters of behaviors. Baldwin gave a couple good tips for facilitators, such as chair position, and watching your own body language. She noted the popular TV show Lie to Me which successfully demonstrated many principles of reading body language and recommended the TED talk <a href="http://www.ted.com/talks/pamela_meyer_how_to_spot_a_liar.html" target="_blank">How to Spot a Liar</a> by Pamela Meyer.</p>
<h3>Segmentation: The Shadowy Side of Persona Development</h3>
<div id="attachment_1980" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Segmentation-the-Shadowy-Side-of-Personas.png"><img class="size-single-thumbnail wp-image-1980" title="Segmentation the Shadowy Side of Personas" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Segmentation-the-Shadowy-Side-of-Personas-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a interesting presentation by David Siegel about the data we use to create personas. He showed some very interesting examples about the ways we interpret data based on the dimensions in which we are viewing it. For example a picture of a chicken on screen is a chicken, but add it with other animals and it become a bird, put it on a plate and it&#8217;s dinner. &#8220;Changing the vantage point changes the information.&#8221; He recommends thinking about the dimensions in which the data is valuable more than thinking about how the data creates a persona.</p>
<h3>10 Tips for Better Surveys</h3>
<div id="attachment_1969" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/10-Tips-for-Better-Surveys.png"><img class="size-single-thumbnail wp-image-1969" title="10 Tips for Better Surveys" src="http://www.sitemotif.com/wp-content/uploads//2012/06/10-Tips-for-Better-Surveys-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a nice recap of the basics for good survey design by Caroline Jarrett. I think the sketchnotes wrap it up pretty well. I&#8217;m looking forward to her book on surveys that will be coming out soon: <a href="http://www.rosenfeldmedia.com/books/survey-design/" target="_blank">Surveys that Work</a>.</p>
<h3>Putting Personas to Work</h3>
<div id="attachment_1977" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Putting-Personas-to-Work.png"><img class="size-single-thumbnail wp-image-1977" title="Putting Personas to Work" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Putting-Personas-to-Work-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>While this was a intro level talk by Carol Smith it was a great review of things to remember when creating and advocating for personas. She started by reviewing some of the things that should be included in personas, and tips for managing them after the fact. The meat of the talk was in techniques for adoption within the company through multiple sharing channels such as a persona character book and email addresses for the persona.</p>
<h3>Living Social Dying Digital</h3>
<div id="attachment_1971" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Dying-Digital.png"><img class="size-single-thumbnail wp-image-1971" title="Dying Digital" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Dying-Digital-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>I really enjoyed this presentation by Suzanne Long, partly for its uniqueness, and partly because it really is very relevant and often overlooked. It was in interesting inspection of the way that different social media sites handle accounts if a user passes away. She also discussed some of the issues. For example if you have a friend that passes and their Facebook page isn&#8217;t memorialized, you may still see suggestions to play games like Words with Friends with them. This is a very real issue with roughly 19k Facebook users passing everyday. Long finished the talk with some examples of ideas people are talking about for dealing with this type of thing in the future, such as Social Account Executors.</p>
<h3>How to Lead Multinational Research Studies</h3>
<div id="attachment_1973" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/How-to-Lead-Multinational-Research-Studies.png"><img class="size-single-thumbnail wp-image-1973" title="How to Lead Multinational Research Studies" src="http://www.sitemotif.com/wp-content/uploads//2012/06/How-to-Lead-Multinational-Research-Studies-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was an insightful talk by Jakob Biesterfeldt. He had some good tips such as starting international research with your lead county instead of trying to tackle multiple countries at once, more countries = more money. He also suggested using consultancies in your target country as they will be familiar with the cultural nuances required to adequately carry out the research. Other useful reminders included being mindful of currency conversions, going there yourself, and keeping track of local holidays and cultural work breaks.</p>
<h3>Closing Keynote: Leadership in Practice</h3>
<div id="attachment_1974" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Leadership-in-Practice.png"><img class="size-single-thumbnail wp-image-1974" title="Leadership in Practice" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Leadership-in-Practice-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>The closing keynote by Dennis Wixon was a nice presentation about 13 principles that provide a foundation for good leadership. The principles can be grouped into three categories: foundations, techniques, and adaptations.</p>
<h3>Designing with the Mind in Mind</h3>
<div id="attachment_1970" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Designing-with-the-Mind-in-Mind.png"><img class="size-single-thumbnail wp-image-1970" title="Designing with the Mind in Mind" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Designing-with-the-Mind-in-Mind-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>Friday I attended one final workshop by Jeff Johnson, the author of a book with the same name. I very much enjoyed this talk as it got into some of the human factors principles that provide the foundations for the design principles we use in our work. While I had familiarity with some of it, there was a lot of new information and it was all presented with fascinating examples. He started with perception and then moved into vision. He talked briefly about memory and focus before ending with some interesting numbers on our &#8220;brain clock rates&#8221;.</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/wk8LO6ybI08" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/06/upa-2012-session-sketchnotes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/06/upa-2012-session-sketchnotes/</feedburner:origLink></item>
		<item>
		<title>Midwest UX 2012 Session Sketchnotes</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/tN8h9ryGjwQ/</link>
		<comments>http://www.sitemotif.com/2012/06/midwest-ux-2012-session-sketchnotes/#comments</comments>
		<pubDate>Fri, 15 Jun 2012 14:15:32 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Conference]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Visualizing Information]]></category>
		<category><![CDATA[MidwestUX]]></category>
		<category><![CDATA[Sketchnotes]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=1944</guid>
		<description><![CDATA[I&#8217;m so pleased that I was able to attend Midwest UX this year in my hometown of Columbus Ohio, and I was thrilled that it was hosted at  COSI. It was a great conference with a lot of local talent...]]></description>
				<content:encoded><![CDATA[<p>I&#8217;m so pleased that I was able to attend <a href="http://2012.midwestuxconference.com/schedule/" target="_blank">Midwest UX</a> this year in my hometown of Columbus Ohio, and I was thrilled that it was hosted at  COSI. It was a great conference with a lot of local talent from Columbus, Michigan and surrounding areas. I started off the conference with a spectacular sketchnoting workshop by Veronica Erb, Binaebi Akah, and Charlene McBride. I enjoyed the workshop so much that I decided to try sketchnoting the entire conference. This post is the result of my efforts. I hope they are as enjoyable to read at as they were for me to create.<span id="more-1944"></span></p>
<h3>What is a sketchnote?</h3>
<p>Before I begin with my sketchnotes it might help to describe the method. Sketchnotes are a form of visual note taking where the author creates notes in the form of text and doodles as a presentation is being given. To paraphrase an <a href="http://www.core77.com/blog/sketchnotes/sketchnotes_101_visual_thinking_19518.asp" target="_blank">article from Core 77</a>, it&#8217;s a from of rapid vizualization that forces you to pay closer attention to the content, while simultaniously vizualizing images that will capture the idea. According to Wikipedia, <a href="http://en.wikipedia.org/wiki/Doodle" target="_blank">doodling</a> like this can improve your recall of the content by up to 29% while helping you to pay attention and stay focused.</p>
<p>You can see some great sketchnotes at Core 77&#8242;s <a href="http://www.core77.com/blog/sketchnotes/" target="_blank">Sketchnote Channel</a>, at <a href="http://sketchnotearmy.com/" target="_blank">Sketchnote</a> Army, or in a book like<a href="http://www.sketchnotesbook.com/" target="_blank"> Sketchnotes 2011</a> by Eva-Lotta Lamm</p>
<h2>Midwest UX Sketchnotes</h2>
<h3>Let&#8217;s Sketchnote!</h3>
<div id="attachment_1945" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/99-percent.png"><img class="size-single-thumbnail wp-image-1945" title="99 percent" src="http://www.sitemotif.com/wp-content/uploads//2012/06/99-percent-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a workshop by Veronica Erb, Binaebi Akah, and Charlene McBride. At the beginning of the workshop we watched a video called <a href="http://the99percent.com/videos/7061/Joshua-Foer-Step-Outside-Your-Comfort-Zone-and-Study-Yourself-Failing" target="_blank">Step Outside Your Comfort Zone and Study Yourself Failing</a> that we used to try our hand at sketchnoting for the first time. It was a really great video about learning new things by practicing until we can get to a point of auto-pilot or the &#8220;autonomous&#8221; stage. Then how to push beyond that to achieve greatness by not becoming complacent at this stage.</p>
<p>We then got lessons in organizing our page, trying to focus on the number of points for the talk and basic sketching tips and tricks.</p>
<div id="attachment_1956" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Power-of-Networks.png"><img class="size-single-thumbnail wp-image-1956" title="Power of Networks" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Power-of-Networks-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>Once we were done learning some pointers we got to try a second video, unfortunately this was definitely a more complicated video and I had a little trouble with it. This was a TED talk by <a href="http://blog.ted.com/2009/07/22/manuel_lima_at/" target="_blank">Manuel Lima</a> about complexity. <a href="http://bigthink.com/think-tank/the-power-of-networks-fractals-of-complexity" target="_blank">RSA Animate</a> has done a fantastic job with a visual production of a similar talk that Lima did which puts my sketchnotes to shame, but I did find it fun that I used some of the same graphical representations that they did.</p>
<h3>Designing for Social Innovation</h3>
<div id="attachment_1952" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Designing-for-Social-Innovation.png"><img class="size-single-thumbnail wp-image-1952" title="Designing for Social Innovation" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Designing-for-Social-Innovation-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This workshop was originally titled Design Mobile Apps for Behavior Change and was presented by Haig Armen. It had some excellent exercises for example our group was tasked with making a mobile app for a hipster that involves nature. Having a somewhat of a target audience was nice, but not having a need was challenging. We came up with an organic farming app where local growers and local shoppers can connect with out a middle man like whole foods. We envisioned it having a Yelp like feature where you can rate farmers, upload pictures of crops, and share on social sites. The talk covered principles by many well know experts in the field like B.J. Fogg as well as discussing the  parts of the Business Model Generation Canvas as shown at <a href="http://businessmodelgeneration.com/canvas" target="_blank">BusinessModelGeneration.com</a>.</p>
<h3>Keynote: Ubiquitous Information Architecture: A Framework for Cross-Channel Strategy</h3>
<div id="attachment_1950" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Cross-Channel-Communication.png"><img class="size-single-thumbnail wp-image-1950" title="Cross Channel Communication" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Cross-Channel-Communication-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>The keynote was given by Peter Morville and was pretty much a solid summary of <a title="IA Summit 12: Designing for Cross Channel Experiences" href="http://www.sitemotif.com/2012/03/ia-summit-12-designing-for-cross-channel-experiences/" target="_blank">the workshop I attended by him at the IA Summit</a>. He started by introducing the term intertwingled and discussing how we define Information Architecture. He then moved into cross-channel design, and how you can&#8217;t build on top of an existing foundation, you have to consider channels and your architecture together. This was followed by a couple examples of good cross-channel design and a note that what Steve Jobs was in charge of accomplishing made him the best IA ever. He wrapped up the talk with some tips and things to remember when building a cross-channel communication strategy.</p>
<h3>A Brief History of New Media Art</h3>
<div id="attachment_1946" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/A-Brief-History-of-New-Media-Art.png"><img class="size-single-thumbnail wp-image-1946" title="A Brief History of New Media Art" src="http://www.sitemotif.com/wp-content/uploads//2012/06/A-Brief-History-of-New-Media-Art-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a fascinating talk by Matt Nish-Lapidus. Much of what he showed I had never seen as far as modern art. The presentation began with a brief rundown of how technology has impacted art for example with the photograph. Then explained that art isn&#8217;t about the artifact, it&#8217;s about time and space in which the art exists. He showed a couple examples of Fluxus art of the 60&#8242;s followed by Post/Transhumanism. He then moved further into the 80&#8242;s with art involving tv&#8217;s, music, static, and robots. Finally we took a quick peak into how technology is affecting design today with augmented reality.</p>
<h3>Content Hoarding</h3>
<div id="attachment_1949" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Content-Hoarding.png"><img class="size-single-thumbnail wp-image-1949" title="Content Hoarding" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Content-Hoarding-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a fun 20 minute talk by Matthew Grocki. He started with a story about the clutter in his house and then related physical hoarding to digital hoarding. Just because it isn&#8217;t in the psychical space doesn&#8217;t mean we aren&#8217;t becoming seriously overwhelmed by content and hoarding it. In fact, digital hoarding could almost be considered worse. He recommends organizing and pruning content regularly.</p>
<h3>Information Overload is Opportunity</h3>
<div id="attachment_1953" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Information-Overload-is-Oppertunity.png"><img class="size-single-thumbnail wp-image-1953" title="Information Overload is Oppertunity" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Information-Overload-is-Oppertunity-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>Karl Fast presented on this topic which was a nice follow up to Matthew Grocki&#8217;s presentation. The key takeaway for me was his comment that information is cheap, but understanding is expensive and that is where UX becomes valuable. He also had two great pictures of Steve Jobs that really brought the point home. In the<a href="http://lightbox.time.com/2011/10/06/in-a-private-light-diana-walkers-photos-of-steve-jobs/#4" target="_blank"> first picture</a> you see Jobs young, sitting cross legged in a serene open space that is a clean and crisp as the devices he would later design. But, this is not reality Fast points out then showing the <a href="http://lightbox.time.com/2011/10/06/in-a-private-light-diana-walkers-photos-of-steve-jobs/#11" target="_blank">second image</a> of Job&#8217;s office later in life that appears to be in the basement of his home with cluttered bookshelves and stacks of stuff all over the floor.</p>
<h3>Bring the Future to Life</h3>
<div id="attachment_1947" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Bring-the-Future-to-Life.png"><img class="size-single-thumbnail wp-image-1947" title="Bring the Future to Life" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Bring-the-Future-to-Life-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This talk was done by Colette Vardeman at <a href="http://www.lextant.com/" target="_blank">Lextant</a> and focused on a generative research model. By anchoring people in today first, and then getting them to think about the future and giving them a way to express their thoughts you can dig into the ideas they have. Then you just need to analyze and visualize it. Throughout the talk she showed a lot of examples of final designs by Lextant that I really enjoyed.</p>
<h3>Keynote: Post Digital Experiences</h3>
<div id="attachment_1955" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Post-Digital-Experiences.png"><img class="size-single-thumbnail wp-image-1955" title="Post-Digital Experiences" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Post-Digital-Experiences-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>We had a day 2 keynote by Nathan Martin CEO of <a href="http://www.deeplocal.com/" target="_blank">Deeplocal</a> that I really enjoyed. It wasn&#8217;t specific to user experience as much as digital experience in marketing, but it was fascinating and very inspiring. I particularly respected the amount of skill he and his colleges had as well as their ability to prototype and deliver amazing experience in very short time frames. He showed a lot of <a href="http://www.deeplocal.com/videos" target="_blank">videos</a> of things his team has done, so I used those for my sketchnotes.</p>
<h3>Upselling UX &#8211; Pixels to Strategy</h3>
<div id="attachment_1957" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Upselling-UX.png"><img class="size-single-thumbnail wp-image-1957" title="Upselling UX" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Upselling-UX-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a 20 minute presentation by James Laing that talked about strategy. Strategy and design, he says, are both relative. First you have to understand what&#8217;s going on by asking a chain of why&#8217;s, then you can work to identify the weak links. With this information you can begin to help shape a stronger strategy for moving forward. He also talked about the need for building trust through demonstrated value.</p>
<h3>Mapping the Experience</h3>
<div id="attachment_1954" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Mapping-the-UX.png"><img class="size-single-thumbnail wp-image-1954" title="Mapping the UX" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Mapping-the-UX-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was a good talk by Chris Risdon that focused on user/customer touchpoints. To make a good experience or journey map you have to first to the customer research. Then focus on the touchpoints that express what the user is thinking, feeling and doing in a particular time and place across channels. It&#8217;s important to ensure stakeholders are involved in the process and that the final artifact compels action for change and improvement.</p>
<h3>Designing for Disagreement</h3>
<div id="attachment_1951" class="wp-caption aligncenter" style="width: 646px"><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Designing-for-Disagreement.png"><img class="size-single-thumbnail wp-image-1951" title="Designing for Disagreement" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Designing-for-Disagreement-636x310.png" alt="" width="636" height="310" /></a><p class="wp-caption-text">Click image to view full sketch.</p></div>
<p>This was an interesting talk by Boon Sheridan and my last sketchnote of the conference (hand cramp, I&#8217;m used to typing). I really enjoyed his approach of designing for disagreement in the sense that it was a cute way to say start early and iterate. You have to put your ideas on paper, and show them to people in order to get the feedback that is critical for shared understanding. He suggests showing the mock-up and saying &#8220;read through these ideas and tell me what you disagree with&#8221;. He also had a great suggestion of making workbooks for everyone that attends a review with copies of all of the designs being shown so that they can write their own notes in the respective areas throughout the meeting and you can keep them as a reference for the next round.</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/tN8h9ryGjwQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/06/midwest-ux-2012-session-sketchnotes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/06/midwest-ux-2012-session-sketchnotes/</feedburner:origLink></item>
		<item>
		<title>Falling for eHarmony.com</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/kiAMiuy3A9M/</link>
		<comments>http://www.sitemotif.com/2012/06/falling-for-eharmony-com/#comments</comments>
		<pubDate>Wed, 13 Jun 2012 18:14:37 +0000</pubDate>
		<dc:creator>blondeorange</dc:creator>
				<category><![CDATA[Article Reviews]]></category>
		<category><![CDATA[Visualizing Information]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=1857</guid>
		<description><![CDATA[I happened to find out about the new eHarmony.com design purely by accident.  A single friend of mine was getting her daily virtual flirting fix when she noticed that some areas of the website had been redesigned. Luckily, she had...]]></description>
				<content:encoded><![CDATA[<p>I happened to find out about the new eHarmony.com design purely by accident.  A single friend of mine was getting her daily virtual flirting fix when she noticed that some areas of the website had been redesigned. Luckily, she had her socks blown off by the new look and thought to send me some screen shots for a sneak peak.<span id="more-1857"></span></p>
<p><a href="http://www.sitemotif.com/2012/06/falling-for-eharmony-com/profilepage-3/" rel="attachment wp-att-1869"><img class="size-large wp-image-1869 alignleft" src="http://www.sitemotif.com/wp-content/uploads//2012/06/ProfilePage2-1024x746.jpg" alt="" width="1024" height="746" /></a></p>
<p>&nbsp;</p>
<p>I was bowled over by the simple, clean layouts; full bleed photography and stunning use of typography. My eye was naturally drawn into the page and guided to all the key areas of information through the perfect use of visual hierarchy. Allowing profile pictures to fill the entire screen makes for an emotionally engaging experience. Let&#8217;s face it, first impressions are everything at this point of the dating game and eHarmony does a great job of eliminating any potential distractions and facilitating those awkward introductions.</p>
<p>If I like what I see, I simply click the big arrow to the right of the pages and I get to see a little bit more each time, gradually building anticipation but, only if I initiate the conversation. Although I&#8217;ve been out of the dating scene for a long, long, long time, I feel that eHarmony really gets to the core of how we behave in this context and creates an experience that feels natural. By visually getting the all-important questions out of the way first by visually displaying information icons for smoking and drinking habits and whether you have children or want children. The pages are perfectly balanced with just the right visual treatment, placement and amount of information. This is what I call the &#8216;sweet spot&#8217;! The designers at eHarmony have done a fantastic job creating an elegant and engaging user experience but the real kudos should go towards the people who made this happen. It is tough strike a balance between great creative, business goals and technology but eHarmony have cracked it.</p>
<p><a href="http://www.sitemotif.com/2012/06/falling-for-eharmony-com/profilepage2/" rel="attachment wp-att-1886"><img class="size-large wp-image-1886 alignleft" src="http://www.sitemotif.com/wp-content/uploads//2012/06/ProfilePage21-1024x746.jpg" alt="" width="1024" height="746" /></a></p>
<p>&nbsp;</p>
<hr />
<h3>About the Author</h3>
<p><a href="http://www.sitemotif.com/wp-content/uploads//2012/06/Christie_Profile_Pic.jpg"><img class="alignleft size-full wp-image-1935" src="http://www.sitemotif.com/wp-content/uploads//2012/06/Christie_Profile_Pic.jpg" alt="" width="64" height="64" /></a>Christie currently works as a User Experience Researcher and has a history of consulting with award winning brands in the US and London such as Nike, Ogilvy and Adobe.  She has a keen eye for good design and enjoys a good pair of shoes. She can be found on Twitter <a href="https://twitter.com/#!/blondeorange" target="_blank">@BlondeOrange</a>.</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/kiAMiuy3A9M" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/06/falling-for-eharmony-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/06/falling-for-eharmony-com/</feedburner:origLink></item>
		<item>
		<title>IA Summit 12: Dimensions of Complexity</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/PZcsjWdxNcg/</link>
		<comments>http://www.sitemotif.com/2012/04/ia-summit-12-dimensions-of-complexity/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 01:37:24 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Conference]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Complexity]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=1849</guid>
		<description><![CDATA[The last regular talk I attended at the summit was Dimensions of Complexity by Nadine Schaeffer. It was a fantastic talk about the dimensions and attributes of complexity and how to focus complexity.  The Necessity of Complexity Complexity is necessary....]]></description>
				<content:encoded><![CDATA[<p>The last regular talk I attended at the summit was <a href="http://2012.iasummit.org/schedule/designing_for_complexity.html">Dimensions of Complexity</a> by Nadine Schaeffer. It was a fantastic talk about the dimensions and attributes of complexity and how to focus complexity. <span id="more-1849"></span></p>
<p><strong>The Necessity of Complexity</strong></p>
<p>Complexity is necessary. In order to have mega systems and scientific breakthroughs, everything can&#8217;t be simple. We need to allow people to get from novice to master. The iPhone is often touted for it&#8217;s simplicity, but when you think about the engineering that went into the product when it lead the market with the technology, that was not simple. Complexity is everywhere, it is natural and beautiful.</p>
<p><strong>Why We Fear the Complex</strong></p>
<p>We fear complexity because of the cognitive overload and chaos. We prefer quick easy thinking, however slow thinking has been shown to be more accurate.</p>
<p><strong>Dimensions of Complexity</strong></p>
<p>There are three dimensions of complexity each with specific attributes.</p>
<ul>
<li>The Human Dimension &#8211; Skills, Education, Language, Culture</li>
<li>Volume &amp; Quantity &#8211; Data, Objects, Tasks, Rules</li>
<li>Change over Time &#8211; User Skills, User Behavior, Product Focus, Product Features</li>
</ul>
<p><strong>Complex Applications</strong></p>
<p>Things like Logistics, Remote Monitoring, Database Management, Accounting, Analytics, Finance, 3D Modeling, and Engineering are very complex.</p>
<p><strong>Complexity Toolkit: Heuristics &amp; Solutions</strong></p>
<ul>
<li>Prioritize Tasks &#8211; Use things like weighting, rankings, segmentation and grouping.</li>
<li>Patterns &#8211; Use patterns and consistency. There is no need to reinvent the wheel.  Research whats currently being done.</li>
<li>Data Visualizations &#8211; Tell a story and make it beautiful. Interesting visualizations, graphs, charts, etc. Data is rich and full of insight, show that visually.</li>
<li>Roles &#8211; Match the UI to the roles people play. People use software differently, don&#8217;t reveal complexities of roles that don&#8217;t matter to the current user.</li>
<li>Learn  - Learn and adapt based on  the user. Personalized experiences.</li>
<li>Reveal &#8211; Expose complexity when necessary. The cockpit of a jet <em>should</em> be complex.</li>
<li>Zoom - Re-frame what the user is looking at. Org Chars, Maps, Document Views. What level of data exposure is needed, and how can they move in and out.</li>
<li>Social &#8211; Social and emotive design can mitigate complexity and provide motivation. Competition, Leader Boards, Rankings, Sharing, Cooperation.</li>
<li>No UI &#8211; The simplest UI is no UI, what can be done by the back end, or through another medium?</li>
</ul>
<p><strong>Recommended Reading</strong></p>
<p><a href="http://www.amazon.com/Thinking-Fast-Slow-Daniel-Kahneman/dp/0374275637">Thinking Fast and Slow</a> by Daniel Kahneman</p>
<p><strong>Slides</strong></p>
<div style="width:477px" id="__ss_12149813"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/cloudforest/designing-for-complexity-by-nadine-schaeffer" title="Designing for Complexity by Nadine Schaeffer" target="_blank">Designing for Complexity by Nadine Schaeffer</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/12149813?rel=0" width="477" height="510" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<div style="padding:5px 0 12px"> View more documents from <a href="http://www.slideshare.net/cloudforest" target="_blank">Nadine Schaeffer</a> </div>
</p></div>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/PZcsjWdxNcg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/04/ia-summit-12-dimensions-of-complexity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/04/ia-summit-12-dimensions-of-complexity/</feedburner:origLink></item>
		<item>
		<title>IA Summit 12: Leadership Skills</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/87NYcQUU1ks/</link>
		<comments>http://www.sitemotif.com/2012/04/ia-summit-12-leadership-skills/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 01:14:05 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Conference]]></category>
		<category><![CDATA[Conflict]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=1840</guid>
		<description><![CDATA[Dan Brown gave a great talk on conflict entitled Leadership Skills: Managing Difficult Situations on Design Projects. The talk highlights the basis of his new card game Surviving Design Skills.  In order to get from the problem to the solution...]]></description>
				<content:encoded><![CDATA[<p>Dan Brown gave a great talk on conflict entitled <a href="http://2012.iasummit.org/schedule/leadership_skills.html">Leadership Skills: Managing Difficult Situations on Design Projects</a>. The talk highlights the basis of his new card game Surviving Design Skills. <span id="more-1840"></span></p>
<p>In order to get from the problem to the solution multiple decisions need to be made. Those decisions are the how and the what and they create agreement and clarity.</p>
<p>There is unhealthy conflict, and healthy conflict. Healthy conflict is important in fostering creativity and encourages momentum while making decisions. Conflict is necessary to create a shared understanding.</p>
<p><strong>The Conflict Resolution Model</strong></p>
<p>The conflict resolution model Dan presents has three parts, each mutually impacting:</p>
<ul>
<li>Situation &#8211; A scenario involving conflict between two or more people. Ex. Purpose, Plan, Performance</li>
<li>Patterns &#8211; Behaviors that enable people to resolve conflict. Ex. Empathize, Involve, Redirect, Reframe</li>
<li>Traits &#8211; Aspects of your personality that describe your preferences and style of working. Ex. Style, Agenda, Circumstances, Knowledge</li>
</ul>
<p><strong>Situations/Traits</strong></p>
<ul>
<li>How I perceive a situation.</li>
<li>Whether I aggravate a situation.</li>
<li>Whether I&#8217;m prone to create a situation.</li>
</ul>
<p><strong>Traits/Patterns</strong></p>
<ul>
<li>Which patterns suit me best.</li>
<li>How I apply patterns.</li>
</ul>
<p><strong>Patterns/Situations</strong></p>
<ul>
<li>How patterns address situations.</li>
<li>How situations benefit from patterns.</li>
</ul>
<p><strong>Using the Model</strong></p>
<p>For each situation many patterns can be used to foster healthy conflict and create a shared understanding. To get better at understanding and applying the right patterns to situations Dan suggests his game <a href="http://survivingdesignprojects.tumblr.com/">Surviving Design Projects</a>.</p>
<p><strong>Slides</strong></p>
<p><script async class="speakerdeck-embed" data-id="4f77599f1b62950022021132" data-ratio="1.299492385786802" src="//speakerdeck.com/assets/embed.js"></script></p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/87NYcQUU1ks" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/04/ia-summit-12-leadership-skills/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/04/ia-summit-12-leadership-skills/</feedburner:origLink></item>
		<item>
		<title>IA Summit 12: Happiness is Overrated</title>
		<link>http://feedproxy.google.com/~r/sitemotif/~3/KS_j6hrUi10/</link>
		<comments>http://www.sitemotif.com/2012/04/ia-summit-12-happiness-is-overrated/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 00:37:22 +0000</pubDate>
		<dc:creator>Lauren Martin</dc:creator>
				<category><![CDATA[Conference]]></category>
		<category><![CDATA[Customer Service]]></category>

		<guid isPermaLink="false">http://www.sitemotif.com/?p=1836</guid>
		<description><![CDATA[I really enjoyed Happiness is Overrated. Misery is Money by Dave Burke. This session focused on how customer service affects customer retention and why it is so important to focus on the customer service of the unhappy customers. It is...]]></description>
				<content:encoded><![CDATA[<p>I really enjoyed <a href="http://2012.iasummit.org/schedule/happiness_is_overrated.html">Happiness is Overrated. Misery is Money</a> by Dave Burke. This session focused on how customer service affects customer retention and why it is so important to focus on the customer service of the unhappy customers. It is based on a study published by the Corporate Executive Board.<span id="more-1836"></span></p>
<p><strong>Customers Leave Because of Bad Service</strong></p>
<p>The Corporate Executive Board (CEB) study is a 3 year study that surveyed over 75,000 customers across multiple mediums and industries worldwide. They found that 89/100 of the customer service heads they surveyed said their primary strategy was to go above and beyond. Zappos is an example of a type of company that is known well for their customer service efforts. However the study also found that this extra effort made only a little difference to customer loyalty. 84% of customers surveyed said that their expectations weren&#8217;t met with their most recent company interaction.</p>
<p>The study found that while customers primarily stay for a product and partially due to the brand, the main driving factor for customers leaving is poor customer service.</p>
<p>The main reason customers become unsatisfied is because of effort. The more work the customer has to do to get their problem solved, the more likely they will leave. The most typical culprits of effort are repetition and channel switching. Repetition happens when people have to contact customer support over and over for the same issue. Channel switching takes place when the channel the user is trying to use doesn&#8217;t support the desired task. An example of this is reaching a department who can&#8217;t solve the problem.</p>
<p>Channel switching is a big problem, because departments may be logging calls like this as a success, as the customer is successfully redirected. However, this is really a failure, because the issue still hasn&#8217;t been solved, and it causes repetition. This is an example of a company metric versus a consumer metric.</p>
<blockquote><p>&#8220;22% of repeat contacts come from downstream issues related to the original contact, even if the original contact &#8220;resolved&#8221; the problem.&#8221;</p></blockquote>
<p><strong>Focus on the Right Metrics</strong></p>
<p>Current metrics are identifying the issues. The Customer Effort Score outperforms the Net Promoter Score in predicting behavior. The Customer Effort Score asks:</p>
<blockquote><p>&#8220;How much effort did you personally have to put forth to handle your request?&#8221;</p></blockquote>
<p>This is measured on a scale of 1 (very low effort) to 5 (very high effort).</p>
<p>Some additional metrics that can be focused on are the number of calls per event, or an audit of every time a customer is told &#8220;no&#8221; and why. These types of metrics will help identify the customer service problems that cause people to leave.</p>
<p><strong>Summary</strong></p>
<p>Focus your service teams on the unsatisfied customers and reduce their effort. Get rid of repetition and channel switching and zoom out your metrics.</p>
<p>Read <a href="http://www.executiveboard.com/ccc-customer-effort/index.html">Stop trying to delight your customers</a> a full report provided by CEB and featured in the Harvard Business Review.</p>
<p><strong>Slides</strong></p>
<div id="__ss_12225261" style="width: 425px;"><strong style="display: block; margin: 12px 0 4px;"><a title="Happiness is Overrated" href="http://www.slideshare.net/daveburke/happiness-is-overrated" target="_blank">Happiness is Overrated</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/12225261" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="425" height="355"></iframe></p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/daveburke" target="_blank">Dave Burke</a></div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/sitemotif/~4/KS_j6hrUi10" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.sitemotif.com/2012/04/ia-summit-12-happiness-is-overrated/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.sitemotif.com/2012/04/ia-summit-12-happiness-is-overrated/</feedburner:origLink></item>
	</channel>
</rss>
