<?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>The Experience is the Product &#124; Better product management and products&#187; Design</title>
	<atom:link href="http://www.cindyalvarez.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cindyalvarez.com</link>
	<description>Better products and product management through constant iteration and stronger communication.</description>
	<lastBuildDate>Thu, 02 Sep 2010 16:32:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Half of your app is an Easter Egg</title>
		<link>http://www.cindyalvarez.com/design/half-of-your-app-is-an-easter-egg</link>
		<comments>http://www.cindyalvarez.com/design/half-of-your-app-is-an-easter-egg#comments</comments>
		<pubDate>Thu, 02 Sep 2010 16:32:06 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=719</guid>
		<description><![CDATA[&#8220;But all you have to do is option-click on that little &#8220;pi&#8221; symbol in the corner&#8230;&#8221;
I have a challenge for you.
&#8220;By the way, did you know that you could do X with our app?&#8221;

Write down a list of the coolest features in your application &#8212; the  most useful, the ones that differentiate you from [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>&#8220;But all you have to do is option-click on that little &#8220;pi&#8221; symbol in the corner&#8230;&#8221;</p></blockquote>
<p>I have a challenge for you.</p>
<h3>&#8220;By the way, did you know that you could do X with our app?&#8221;</h3>
<ol>
<li>Write down a list of the coolest features in your application &#8212; the  most useful, the ones that differentiate you from the competition, the  ones with the highest &#8216;delight&#8217; factor.</li>
<li>For the next week, each time you communicate with a customer, pick one of those features and ask that customer if they&#8217;re familiar with it.</li>
<li>Write down their response.</li>
</ol>
<p><strong>A lot of them are going to say &#8220;no&#8221;. </strong></p>
<p>This may because they just started using your product, or because they&#8217;re not very tech-savvy, or because that particular feature is not relevant for them.   But more likely, <em>it&#8217;s because those features are about as accessible as an Easter Egg:</em></p>
<ul>
<li>Your site doesn&#8217;t mention that those features are available</li>
<li>There&#8217;s no inline help explaining why someone should try them</li>
<li>They require a little workaround in order to use them&#8230; which is not explained on your site</li>
<li>They&#8217;re only available to paid subscribers &#8211; but neither free nor paid subscribers know this</li>
<li>They look &#8217;scary&#8217; (because it&#8217;s not clear what activating them will do.  Is there a chance it will lose data or undo previous tasks?)</li>
<li>There are no demos, screenshots, or any other way to preview them</li>
</ul>
<p>This is bad.</p>
<p>I mean, you built these features already.   You probably had a good hypothesis as to why they&#8217;d be useful.  You invested development and design time into implementing them.  <strong>But while they&#8217;re in &#8220;Easter Egg&#8221; state, you will not learn from them. </strong></p>
<p>You can&#8217;t know if a feature is useful if no one knows it&#8217;s there.  And if you <a href="http://www.flickr.com/photos/500hats/3979394199/">kill a feature</a> while it&#8217;s in this state, you&#8217;re going to draw false conclusions.  Sure, no one complained.  You don&#8217;t complain about missing something if you didn&#8217;t know it existed.</p>
<p>So, take the challenge.  Figure out what customers don&#8217;t know about.  Anything &#8220;unknown&#8221; that is core to your business &#8212; that had better become the next focus of your attention: figuring how, as quickly as possible, to start &#8220;un-Easter Egg-ing&#8221; those features so both you and your customers benefit.</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/half-of-your-app-is-an-easter-egg/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>It&#8217;s better, but is it ENOUGH better?</title>
		<link>http://www.cindyalvarez.com/design/its-better-but-is-it-enough-better</link>
		<comments>http://www.cindyalvarez.com/design/its-better-but-is-it-enough-better#comments</comments>
		<pubDate>Thu, 12 Aug 2010 18:40:04 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=709</guid>
		<description><![CDATA[It&#8217;s easy to improve on already-existing products.
I&#8217;m going to come right out and say that, because I think we give ourselves too much credit for simply improving upon the status quo. And it&#8217;s really not that hard.  If you use a product regularly, it&#8217;s not hard to notice the little flaws or omissions that would [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s easy to improve on already-existing products.</p>
<p>I&#8217;m going to come right out and say that, because I think <strong>we give ourselves too much credit for simply improving upon the status quo.</strong> And it&#8217;s really not that hard.  If you use a product regularly, it&#8217;s not hard to notice the little flaws or omissions that would make it better.</p>
<p>So then we think, great, our product will be better.  We will do all the things that our competitor does well, AND we&#8217;ll fix those flaws and add in those missing pieces.</p>
<p>Congratulations, you now have a superior product.  What you do not have: customers beating down your door.</p>
<p>You&#8217;ve done the first step: make it better.  But you still have several more steps:  make it even better.  And then, make it even better than that.  And then, when you&#8217;re convinced you can&#8217;t improve it any more, make it just a tiny bit better still.</p>
<p>There are two reasons why you need to keep improving your product to a point that seems like fanaticism:</p>
<h3>Everyone exaggerates.</h3>
<p style="padding-left: 30px;">Your website says &#8220;The best way to do X&#8221; or &#8220;The easiest way to do X&#8221;.  Guess what? So does everyone else&#8217;s.  Your competitor &#8211; the one whose shoddy product inspired you in the first place &#8211; makes the exact same claim on <em>their </em>website.</p>
<h3>People are fundamentally wired to not change their behaviors.</h3>
<blockquote><p>(I hear the phrase &#8220;users hate change&#8221; a lot, and I dislike it &#8211; it sets up that <em>us vs. them </em>mentality, that &#8220;if only our customers were smarter, they&#8217;d <em>get</em> it&#8221; excuse.  It&#8217;s not that your dumb users hate change. It&#8217;s that everyone, even smart people who pride themselves on trying new things, default to retreading familiar patterns.    OK, rant over.  Back to the post.)</p></blockquote>
<p style="padding-left: 30px;">It takes work to try a new product.</p>
<p style="padding-left: 30px;">It requires learning (even if the new product is simple).</p>
<p style="padding-left: 30px;">It requires risk (what if I invest time and then the new product doesn&#8217;t work?)</p>
<p style="padding-left: 30px;">It&#8217;s much easier to use the thing you know, even if you the thing you know kind of sucks.   So even if I know, objectively and absolutely, that your product is 20% better than the alternative, I won&#8217;t switch.  Even if I&#8217;d recoup the lost time within a week, it&#8217;s not worth changing my behavior.  If your product is 50% better?  Maybe.  If your product is 200% better?  <em>Now</em> we&#8217;re talking.</p>
<p>Now, if you&#8217;ll excuse me, I have two products to make better.  Much, much better.</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/its-better-but-is-it-enough-better/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>&#8220;Good Enough&#8221; vs. &#8220;Good Enough Never Is&#8221;</title>
		<link>http://www.cindyalvarez.com/design/good-enough-vs-good-enough-never-is</link>
		<comments>http://www.cindyalvarez.com/design/good-enough-vs-good-enough-never-is#comments</comments>
		<pubDate>Thu, 27 May 2010 16:35:42 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=681</guid>
		<description><![CDATA[
.bbpBox14787759583 {background:url(http://s.twimg.com/a/1274144130/images/themes/theme1/bg.png) #9ae4e8;padding:20px;} p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}

Currently loving &#8220;good enough&#8221; via @cindyalvarez and &#8220;good enough never is&#8221; (@matthewemay re: Elegance)&#8230; Now, erm, how to reconcile them?less than a minute ago via webMike Deutschmdeutschmtl

 
I started [...]]]></description>
			<content:encoded><![CDATA[<p><!-- http://twitter.com/mdeutschmtl/statuses/14787759583 --><br />
<style type='text/css'>.bbpBox14787759583 {background:url(http://s.twimg.com/a/1274144130/images/themes/theme1/bg.png) #9ae4e8;padding:20px;} p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}</style>
<div class='bbpBox14787759583'>
<p class='bbpTweet'>Currently loving &#8220;good enough&#8221; via @<a class="tweet-url username" href="http://twitter.com/cindyalvarez" rel="nofollow">cindyalvarez</a> and &#8220;good enough never is&#8221; (@<a class="tweet-url username" href="http://twitter.com/matthewemay" rel="nofollow">matthewemay</a> re: Elegance)&#8230; Now, erm, how to reconcile them?<span class='timestamp'><a title='Wed May 26 20:55:53 +0000 2010' href='http://twitter.com/mdeutschmtl/statuses/14787759583'>less than a minute ago</a> via web</span><span class='metadata'><span class='author'><a href='http://twitter.com/mdeutschmtl'><img src='http://a3.twimg.com/profile_images/233471153/meetup_headshot_normal.jpg' /></a><strong><a href='http://twitter.com/mdeutschmtl'>Mike Deutsch</a></strong><br />mdeutschmtl</span></span></p>
</div>
<p> <!-- end of tweet --></p>
<p>I started my career as a designer, so I  find a particular irony in now being a vocal proponent of scrappy,  get-it-done, &#8216;quick and dirty&#8217; approaches.</p>
<p>But here&#8217;s how I reconcile it: &#8220;good  enough&#8221; is not an acceptable end.  It&#8217;s a means to an end.  &#8220;Good  enough&#8221; <em>enables</em> the pursuit of excellence.</p>
<p>I  don&#8217;t know which workflow or messaging or feature is going to strike  that perfect satisfaction within the user.  And neither do you.  (And  don&#8217;t give me that &#8216;genius design&#8217; argument &#8211; you are not Steve Jobs,  and neither is anyone else except Steve Jobs.)</p>
<div style="padding-left: 30px;">There are things in my  recently released product which<strong> make me cringe.</strong></div>
<div style="padding-left: 30px;">There are things in my recently released  product which <strong>make our customers cringe.</strong></div>
<h3 style="padding-left: 30px;"><strong>They are not the same things.</strong></h3>
<p>If  I spent more time tweaking and revising, <em>I</em> would be happier.   But odds are, my customers wouldn&#8217;t.</p>
<p>So we start with &#8220;good enough&#8221;, and we  watch and we learn.  And that&#8217;s how we know where to focus our tweaks or  our &#8216;aw hell, scrap this whole thing and do it over&#8217; attention.  And we  do it again, and again, and again.  Good enough never is.. for long.</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/good-enough-vs-good-enough-never-is/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Why You Must Solve the First User Experience, First</title>
		<link>http://www.cindyalvarez.com/design/why-you-must-solve-the-first-user-experience-first</link>
		<comments>http://www.cindyalvarez.com/design/why-you-must-solve-the-first-user-experience-first#comments</comments>
		<pubDate>Thu, 29 Oct 2009 18:40:43 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=575</guid>
		<description><![CDATA[The Bay Bridge is closed, shutting down the major commute artery for thousands and thousands of people.  Luckily, there are public transit alternatives &#8211; the BART trains that run under the bay and the high-speed ferries.
That doesn&#8217;t mean people are using them. Judging by local news radio reports and anecdotes I&#8217;ve heard the last few [...]]]></description>
			<content:encoded><![CDATA[<p>The Bay Bridge is closed, shutting down the major commute artery for thousands and thousands of people.  Luckily, there are public transit alternatives &#8211; the BART trains that run under the bay and the high-speed ferries.</p>
<p>That doesn&#8217;t mean people are using them. Judging by local news radio reports and anecdotes I&#8217;ve heard the last few days, many people would rather drive 15-30 miles out of their way to take alternate bridges through heavily-congested traffic.</p>
<p>Not surprising.  It&#8217;s always hard to change ingrained user behavior.  But the other (fixable) problem is that the public transit agencies in the Bay Area have an atrocious first user experience.  Signage on BART is confusing &#8211; after living here for 10 years and taking it regularly, I still have to double-check which line I should take (walking back and forth to find the ONE map in the station that will tell me).   It&#8217;s difficult to find a timetable &#8211; if you don&#8217;t know how to check schedules online, you&#8217;re flying pretty blind.</p>
<p>Most people I know who&#8217;ve switched from driving to BART love it &#8211; the extra time to read, check e-mail, or nap.  The savings on gas, tolls, and car maintenance is a lot more than the price of tickets.  But the initial hurdle to <em>get there</em> is too much for most people.</p>
<p><span id="more-575"></span></p>
<p>Most product demos paint a picture of &#8220;what will be&#8221; &#8211; once you&#8217;re using this product, you&#8217;ll be faster. Smarter. More effective. More in control. Have more time.  Save more money.</p>
<p>But how you get there &#8211; the &#8220;first user experience&#8221; that carries you from uninitiated user to fully-engaged customer &#8211; often gets short shrift.  It doesn&#8217;t make for a sexy demo.  Users are only the &#8220;first-time&#8221; user once; from a pure time standpoint they&#8217;re probably spending less than 1% of the life of their usage in that novice stage.</p>
<p>In software, we tend to think of situations like this as an &#8220;edge case&#8221; &#8211; it happens, but rarely, and it&#8217;s not worth devoting resources to fixing it.</p>
<p>This mindset is reinforced by the fact that most software initially launches to a somewhat self-selected beta population of people who are either naturally tech-savvy, or have a problem so severe that they&#8217;re willing to overlook a painful first user experience because they need their pain solved NOW.</p>
<p>So the first group of users passes through that &#8220;first user experience&#8221; stage without a lot of complaint.</p>
<p>Then the next wave of visitors are exposed to the product and not many of them convert to loyal customers.  At this point, you may recognize that the first user experience is the problem.  But by now, your beta customers have started to demand new features.</p>
<p>You face a choice:</p>
<ol>
<li>Invest time in improving your first user experience (so that you can attract new customers)</li>
<li>Build new features (so that you can keep your existing customers, and new customers would probably need those features <em>anyways&#8230;</em>)</li>
</ol>
<p>Most of us have seen #2 win, time and time again.  After all, the newly requested features have been validated &#8211; customers have asked for them.  There&#8217;s no <em>proof</em> that fixing the first user experience will draw in more customers.   Most of us have learned that <em>&#8220;if you build it they will come&#8221; </em>is a dangerous philosophy for a product roadmap.</p>
<p>&#8220;What if we spend the opportunity cost to improve this &#8220;first user experience&#8221;, which, honestly, accounts for at most 5 minutes of a customer&#8217;s lifespan with us, and then we don&#8217;t see new customers?  We&#8217;ll have wasted time and money and jeopardized our existing customers!&#8221;</p>
<p>If BART (or MUNI, or any other local transit agency) wanted to increase ridership, they could do a lot by introducing clear new signs, easy-to-read maps, easy-to-read fare information, and instructions on how to get schedule information.    They could upgrade the confusing ticket machines.  Publicize how much the average consumer saves by not driving, the fact that the trains get wireless signal in most places.</p>
<p>But public transit agencies are losing money.  What if we invested money and resources into improving the first user experience and no one left their cars?   Once you have an established product or service, it becomes incredibly hard to take that leap of faith.  If you don&#8217;t solve this problem early, it may never be solved.</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/why-you-must-solve-the-first-user-experience-first/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Usability: Critical for Processes, not just Products</title>
		<link>http://www.cindyalvarez.com/design/usability-critical-for-processes-not-just-products</link>
		<comments>http://www.cindyalvarez.com/design/usability-critical-for-processes-not-just-products#comments</comments>
		<pubDate>Tue, 11 Aug 2009 15:20:39 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=503</guid>
		<description><![CDATA[Show of hands: how many of you work for a company who does user testing on their internal processes?  You know &#8211; time tracking, IT security, bug filing, feature change requests&#8230;
Unless you work for a company firmly grounded in lean manufacturing practices, I&#8217;m guessing none.   A process is defined; now it&#8217;s your job to follow [...]]]></description>
			<content:encoded><![CDATA[<p>Show of hands: how many of you work for a company who does user testing on their internal processes?  You know &#8211; time tracking, IT security, bug filing, feature change requests&#8230;</p>
<p>Unless you work for a company firmly grounded in lean manufacturing practices, I&#8217;m guessing none.   A process is defined; now it&#8217;s your job to follow it. Except:</p>
<blockquote><p>He was talking about the difficulty of getting employees at his company to actually follow his security policies: encrypting data on memory sticks, not sharing passwords, not logging in from untrusted wireless networks. &#8220;We have to make people understand the risks,&#8221; he said.</p>
<p>It seems to me that his co-workers understand the risks better than he does. They know what the real risks are at work, and that they all revolve around not getting the job done.  <strong>- Schneier on Security: <a href="http://www.schneier.com/blog/archives/2009/08/risk_intuition.html" target="_blank">Risk Intuition</a></strong></p></blockquote>
<p>Schneier writes about IT security, so his approach is to use a bigger stick.  If you increase the severity of punishment for security violations, then your employees will consider that a bigger risk than circumventing them to save a few minutes. I say to him, &#8220;good luck with that.&#8221;</p>
<p><strong>If something is difficult to do, people will not do it. </strong> It doesn&#8217;t matter that they may be fired.</p>
<p>If you want compliance with processes, make them as easy and fast as possible to perform.</p>
<p>Product managers, you may not create your internal processes, but you can still push for change.  Next time you find yourself putting off a burdensome but necessary task, take a few minutes to think about how it could be streamlined.   Make a suggestion, mock something up, document the opportunity cost.</p>
<p>At a previous company, we used a bug database package with terrible UI.  Who cares, right? It&#8217;s an internal tool only.  Except that the terrible UI meant that you frequently typed in a long bug description only to hit the wrong button and lose all your data.  Even if you followed the workflow correctly, it took <em>at least</em> 5 minutes to log in, set up the right screen, un-select the irrelevant options, enter your data, and submit.</p>
<ul>
<li>Result: no one but QA and customer service ever filed bugs.  There were dozens of bugs that sales and engineers and account management and execs knew about, but never got around to filing.</li>
<li>Result: Product Management prioritized bugs based on incomplete knowledge.</li>
<li>Result: patch releases didn&#8217;t include those high-priority bugs, and account managers had to look foolish as repeated patches were released that still didn&#8217;t address that minor &#8211; but highly noticeable &#8211; bug.</li>
</ul>
<p>Then we switched tools to a simple, web-based, single screen system.  Invested about 2 person-days in customizing the template with intelligent defaults, big textarea boxes for typing, fewer required fields.  Time to file a bug dropped from 5 minutes+ to 30 seconds.  There was no excuse to not file a bug &#8211; it took longer to complain about a bug than to just file the damn thing yourself.</p>
<ul>
<li>Result: everyone filed bugs.</li>
<li>Result: Product Management had a really clear picture of the issues with their products and could prioritize effectively</li>
<li>Result: the biggest and most noticeable issues were fixed promptly, and at least for issues that weren&#8217;t fixed, we knew about them.  Huge reduction in embarrassing surprised in front of customers.</li>
</ul>
<p>Keeping your processes usable really boils down to one practice: whenever you find yourself doing something tedious, think about what&#8217;s making it long/difficult/frustrating and how you can reduce that.</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/usability-critical-for-processes-not-just-products/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How the Blender illustrates &#8220;designing the product&#8221; vs. &#8220;designing the whole product experience&#8221;</title>
		<link>http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience</link>
		<comments>http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience#comments</comments>
		<pubDate>Tue, 30 Jun 2009 14:33:30 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=403</guid>
		<description><![CDATA[There&#8217;s a new post over at On Product Management about blenders, and what they tell us about simplicity.
Now, as it happens, my blender of choice is not a simple blender.
I&#8217;m a dedicated &#8211; but very non-fussy/pragmatic &#8211; gourmet cook, and I love my BlendTec.  (You may recognize the name from the &#8220;Will It Blend?&#8221; YouTube [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s a new post over at On Product Management about <a href="http://onproductmanagement.net/2009/06/29/the-value-of-simplicity/" target="_blank">blenders, and what they tell us about simplicity</a>.</p>
<p><a rel="attachment wp-att-407" href="http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience/attachment/blendtec/"><img class="alignleft size-full wp-image-407" title="blendtec" src="http://www.cindyalvarez.com/the_experience/wp-content/uploads/2009/06/blendtec.png" alt="blendtec" width="65" height="122" /></a>Now, as it happens, my blender of choice is not a simple blender.</p>
<p>I&#8217;m a dedicated &#8211; but very non-fussy/pragmatic &#8211; gourmet cook, and I love my BlendTec.  (You may recognize the name from the <a href="http://www.willitblend.com/" target="_blank">&#8220;Will It Blend?&#8221;</a> YouTube videos, which are brilliant.).</p>
<h3>Simplicity is one way to think about it. Designing the whole product experience is another.</h3>
<p>Saeed writes:</p>
<blockquote><p>The usage scenario goes something like this:</p></blockquote>
<blockquote>
<ol>
<li>Place the contents to be blended into the blending  container</li>
<li>Blend for 10-15 seconds (maybe 20 seconds in extreme cases)</li>
<li>Pour the contents out of the container</li>
</ol>
</blockquote>
<p>That certainly sounds like the types of usage scenarios I typically read in Product Requirements docs.  But it illustrates <strong>the difference between &#8220;designing the product&#8221; and &#8220;designing the whole product experience.&#8221;</strong></p>
<p><strong><span id="more-403"></span></strong></p>
<p>There&#8217;s an exercise that most introductory programming courses use to illustrate how you think through a problem.  Students are asked to write out the steps for &#8220;<a href="http://www.cs.grinnell.edu/~rebelsky/Courses/CS105/2000S/Questions/question.07.html" target="_blank">explain how you would explain, unambiguously, how to make a peanut butter and jelly sandwich</a>&#8220;.  Usually the professor then &#8220;acts out&#8221; one of the responses, and hilarity ensues as the class realizes that they forgot to explicitly state that you need to open the bread bag, or unscrew the lid of the peanut butter jar.</p>
<p>Follow your users into the kitchen to think about how it will be used in context.</p>
<ol>
<li><strong>Place the contents to be blended into the blending  container. </strong> &#8212; Wait a second, where is the blender?  It&#8217;s not on the counter.</li>
</ol>
<p><a rel="attachment wp-att-412" href="http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience/attachment/blender-on-counter/"><img class="size-full wp-image-412" title="blender-on-counter" src="http://www.cindyalvarez.com/the_experience/wp-content/uploads/2009/06/blender-on-counter.png" alt="blender-on-counter" width="526" height="375" /></a></p>
<p>Problem identified.  &#8220;Putting stuff in the blender&#8221; is not where your use case starts.   For many of your users, the first steps is getting the blender out.  Which raises a few questions:</p>
<ol>
<li>Why isn&#8217;t the blender always on the counter?</li>
<li>Where is the blender stored?  Does the user have to bend over and rummage around in a blind cupboard?  Do they have to get on a step-stool to reach it?  Is it heavy?</li>
<li>When the person retrieves the blender, is it ready for use or does it need to be dusted/re-assembled?</li>
</ol>
<p>Let&#8217;s go back to the original &#8220;Why&#8221; in the diagram and see if there is some way we can fix these issues as part of the product experience:</p>
<p><a rel="attachment wp-att-417" href="http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience/attachment/tiny-counter/"><img class="size-full wp-image-417" title="tiny-counter" src="http://www.cindyalvarez.com/the_experience/wp-content/uploads/2009/06/tiny-counter.gif" alt="tiny-counter" width="329" height="376" /></a></p>
<p>By exploring the situation a bit more, we&#8217;ve identified some new potential differentiators:</p>
<ul>
<li>Make it smaller</li>
<li>Make it lighter / easier to move</li>
</ul>
<p>These may not seem like revolutionary features, but they both reduce the friction of using the blender.</p>
<p>To make the blender smaller or lighter, you aren&#8217;t cutting features &#8211; you&#8217;re trading them for convenience.  For never having a user say &#8220;I don&#8217;t feel like bothering with the blender.&#8221;</p>
<p>Now let&#8217;s look at the other side:</p>
<p><a rel="attachment wp-att-420" href="http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience/attachment/not-worth-it/"><img class="alignnone size-full wp-image-420" title="not-worth-it" src="http://www.cindyalvarez.com/the_experience/wp-content/uploads/2009/06/not-worth-it.gif" alt="not-worth-it" width="506" height="287" /></a></p>
<p>Here we see two more areas to explore:</p>
<ul>
<li>Make it more useful</li>
<li>Make it easier to clean</li>
</ul>
<p>You can see where this is going.  Your customers do not think of your blender as being some separate entity. They don&#8217;t say, &#8220;OK, I&#8217;m going to use the blender now.&#8221;  They say &#8220;I&#8217;m going to make some soup.&#8221;</p>
<p><strong>Your product success is dependent on how well you enable the experience of making soup.</strong></p>
<p>Your product vision cannot start and stop with &#8220;turn the blender on&#8221; / &#8220;turn the blender off&#8221;.  <strong></strong></p>
<h3>The kinds of questions you&#8217;ll want to ask&#8230;</h3>
<ol>
<li>Is the blender already out on the counter?</li>
<li>If not, where is it stored?</li>
<li>When the person retrieves the blender, is it ready for use or does it need to be dusted/re-assembled?</li>
<li>Do the food contents need pre-preparation (i.e. cut into small enough pieces for the blender to handle?)</li>
<li>How long did steps 1-5 take? During this time, was the person doing another activity that occupied their attention? (i.e. sauteeing the onions, which burned because it took too long to get the blender out and ready to use)</li>
<li><strong>Place the contents to be blended into the blending  container</strong></li>
<li>What type of items will the person want to blend?<strong> </strong>Would differing levels of time/speed be necessary for the blender to adequately blend them?<strong><br />
</strong></li>
<li><strong>Blend for 10-15 seconds (maybe 20 seconds in extreme cases)</strong></li>
<li>Pour the contents out of the container.</li>
<li>What parts of the blender need to be washed before the next usage?</li>
<li>Does the blender need to be disassembled before it can be washed?</li>
<li>Can the washable piece(s) be easily carried to the sink with one hand?</li>
<li>Does the blender need to be covered or re-assembled prior to putting it away?</li>
</ol>
<p>Don&#8217;t narrow your product vision too soon.  Storage, kitchen design, dishwashing, and trying to get dinner on the table before 8pm are all part of your product universe.</p>
<p>You can embrace it and create successful products that your customers love, or ignore it and wonder why your product isn&#8217;t selling very well.</p>
<p><a rel="attachment wp-att-421" href="http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience/attachment/blender-diagram/"><img class="alignleft size-full wp-image-421" title="blender-diagram" src="http://www.cindyalvarez.com/the_experience/wp-content/uploads/2009/06/blender-diagram.gif" alt="blender-diagram" width="256" height="205" /></a><strong><a href="http://www.cindyalvarez.com/the_experience/wp-content/uploads/2009/06/designingwholeprodexperience.pdf" target="_blank">View the whole blender flowchart diagram as a PDF.</a></strong> (It&#8217;s pretty cool.)</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/how-the-blender-illustrates-designing-the-product-vs-designing-the-whole-product-experience/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>&#8220;Come Back When You&#8217;re Done&#8221;</title>
		<link>http://www.cindyalvarez.com/design/come-back-when-youre-done</link>
		<comments>http://www.cindyalvarez.com/design/come-back-when-youre-done#comments</comments>
		<pubDate>Wed, 17 Jun 2009 19:48:00 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Decisionmaking]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=380</guid>
		<description><![CDATA[Here&#8217;s why I won&#8217;t be using Hunch:

Anatomy of a bad user experience &#8211; step by step:

Read an article about Hunch, remembered that I had a beta account.
Thought of a question that I wanted an answer to.
Went to hunch.com and tried to type it in &#8211; you CANNOT ask a new question.  If what you typed [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s why I won&#8217;t be using Hunch:</p>
<p><a rel="attachment wp-att-381" href="http://www.cindyalvarez.com/design/come-back-when-youre-done/attachment/hunch_fail/"><img class="size-full wp-image-381" title="hunch_fail" src="http://www.cindyalvarez.com/the_experience/wp-content/uploads/2009/06/hunch_fail.png" alt="hunch_fail" width="541" height="324" /></a></p>
<p>Anatomy of a bad user experience &#8211; step by step:</p>
<ol>
<li>Read an article about Hunch, remembered that I had a beta account.</li>
<li>Thought of a question that I wanted an answer to.</li>
<li>Went to hunch.com and tried to type it in &#8211; you CANNOT ask a new question.  If what you typed doesn&#8217;t match a pre-existing topic, there is no call to action to create one.</li>
<li>Logged in &#8211; maybe only logged-in people can create a topic?</li>
<li>Clicked on &#8220;Create new topic&#8221;</li>
<li>Got the above image &#8211; basically &#8220;no, you can&#8217;t do what you want until you jump through these hoops.&#8221;</li>
</ol>
<p>I understand that the system needs to be &#8220;seeded&#8221; with information.  This is not the way to do it.</p>
<p><strong>Any product where the first user experience actually uses the words &#8220;Come back when you&#8217;re done&#8221; needs an immediate rethinking. </strong></p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/come-back-when-youre-done/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Be a HERO by planning for and fixing those &#8220;arrrrgh!&#8221; moments</title>
		<link>http://www.cindyalvarez.com/design/hero-planning-fixing-arrrrgh-moments</link>
		<comments>http://www.cindyalvarez.com/design/hero-planning-fixing-arrrrgh-moments#comments</comments>
		<pubDate>Thu, 16 Apr 2009 03:20:18 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Delight]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=258</guid>
		<description><![CDATA[My husband just unwrapped his brand-new IBM ThinkPad.  As he was turning it over, marveling at how light it is, he noticed one small feature: a hole.
The underside of the keyboard has a hole in it, so that if you spill liquid on the keyboard &#8212; and lots of us have done it, we know [...]]]></description>
			<content:encoded><![CDATA[<p>My husband just unwrapped his brand-new IBM ThinkPad.  As he was turning it over, marveling at how light it is, he noticed one small feature: a hole.</p>
<p>The underside of the keyboard has a hole in it, so that if you spill liquid on the keyboard &#8212; <em>and lots of us have done it, we know it happens</em> &#8212; it will drain out easily.</p>
<p>Adding a hole was not a feat of technical engineering.  It didn&#8217;t require special materials or sophisticated machinery.  It was just a case of someone thinking about what it&#8217;s like to knock over your glass of water and curse and turn your laptop upside down banging on the bottom and hoping that the water will leak back out and wondering if a hairdryer will make things worse &#8211; and saying, &#8220;We know this will happen.  How can we minimize the damage when it does?&#8221;</p>
<p>This isn&#8217;t the kind of feature that&#8217;s going to win you points up front.  But someone is going to be saved by it, and that person is going to be a ThinkPad evangelist for life (or at least the next couple of years, which is pretty equivalent to &#8220;life&#8221; in the high-tech world).</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/hero-planning-fixing-arrrrgh-moments/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Good Visual Design without Good Interaction Design = Crummy Facebook Redesign</title>
		<link>http://www.cindyalvarez.com/design/good-visual-design-good-interaction-design-crummy-facebook-redesign</link>
		<comments>http://www.cindyalvarez.com/design/good-visual-design-good-interaction-design-crummy-facebook-redesign#comments</comments>
		<pubDate>Wed, 18 Mar 2009 05:59:03 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=192</guid>
		<description><![CDATA[Updated: I wrote a comment over at MediaPost and realized that was really the heart of what I wanted to say here.
&#8220;Facebook keeps trying to redesign that shell as though IT were the value that users keep returning for. It&#8217;s not &#8211; users are returning for THEIR friends and photos and updates. You can&#8217;t test-drive [...]]]></description>
			<content:encoded><![CDATA[<p>Updated: I wrote a comment over at MediaPost and realized that was really the heart of what I wanted to say here.</p>
<blockquote><p>&#8220;Facebook keeps trying to redesign that shell as though IT were the value that users keep returning for. It&#8217;s not &#8211; users are returning for THEIR friends and photos and updates. You can&#8217;t test-drive a data-driven site with fake data. It&#8217;s a lot messier to put the real thing out there and let people play with it &#8211; but it&#8217;s the only hope of getting truly representative feedback.&#8221;  (my comment on <a href="http://www.mediapost.com/publications/index.cfm?fa=Articles.showArticle&amp;art_aid=102374#comments">Listen Up, Marketers: The Focus Group is Dead</a>)</p></blockquote>
<p>Last week, I previewed the upcoming Facebook redesign, and my first impression was:<em> it looks fine</em>.  Visually, the alignment looked clean &#8211; the preview image was easy to scan.  I liked the concept of the invitations over on the left-hand side where they took up less space.  I went so far as to think, <em>good, they&#8217;re going to avoid the complaints and unhappiness that their last redesign caused</em>&#8230; until I started using it.  It just doesn&#8217;t &#8220;work&#8221;.</p>
<p>The Facebook redesign may have looked fine as a static mockup, but Facebook isn&#8217;t a brochure-ware site, it&#8217;s data-driven. Without a unique user&#8217;s data, it&#8217;s just an empty shell.</p>
<p>I&#8217;ve heard quite a few people complain that the new design is &#8220;ugly&#8221;.  I know design is subjective, but respectfully, I say: you&#8217;re wrong.</p>
<p>The new Facebook isn&#8217;t a visual design problem.  It&#8217;s an interaction design problem.  You may not particularly like the bigger fonts or the rounded corners, but if the interaction still worked, you&#8217;d hardly notice them.</p>
<p>What does it mean for interaction design to &#8220;work&#8221;?  It means that the things <em>your website allows </em>users to do aligns with the things<em> your users want</em> to do.  It means that you&#8217;ve watched the way users work through a process and you&#8217;ve mirrored that process in your application.  This mirroring is usually what people mean when they describe a site or application as &#8220;intuitive&#8221;.</p>
<p>&#8220;Intuitive&#8221; isn&#8217;t limited to applications, either:</p>
<blockquote><p>&#8220;What we didn&#8217;t get was the passion this very loyal small group of consumers have. That wasn&#8217;t something that came out in the research.&#8221;<em><a href="http://www.nytimes.com/2009/02/23/business/media/23adcol.html?scp=2&amp;sq=Tropicana&amp;st=cse">-Neil Campbell, president, Tropicana, North America to The New York Times</a> upon pulling its revamped packaging in February after consumer complaints.</em></p></blockquote>
<p>I&#8217;m sure Tropicana showed the new branding to plenty of sample consumers.  But did they do it <em>within the interaction</em> of actually buying orange juice?</p>
<p>I&#8217;m not a regular juice purchaser, but after reading that NYTimes article, I went to my Safeway and scanned for Tropicana on the shelf.  It took me quite a few seconds to locate it, because the new branding looks like every other orange juice out there.  Think of a distracted mom, with a kid in the cart, trying to quickly grab her family&#8217;s favorite orange juice.  Do you want to put obstacles in the path of that task?</p>
<p>The previous Facebook design respected that there were two modes of using the site &#8211; quick scan and killing time.  The two views of the News Feed supported these modes: a selective stream of news with a one-click ability to adjust how much/little news you got from an individual, and an unadultered stream of everything your friends were doing in real-time.   The new redesign merged these into a combined page with neither selectivity nor real-time updates.   Now neither group is happy.</p>
<p>It&#8217;s easy to dismiss people complaining about Facebook as college kids with too much time on their hands.  Users DO hate change, and sometimes you may need to force it upon them.  But you need to understand <em>how change impacts their interaction</em> with you and your product.  I&#8217;ve heard several people say, &#8220;wow, I was so productive at work today because the new Facebook just doesn&#8217;t interest me anymore.&#8221;  Good for their employers.  Bad for Facebook.</p>
<p>Related: <a href="http://laughingmeme.org/2009/03/18/streams-affordances-facebook-and-rounding-errors/">Streams, Affordance, Facebook, and Rounding Errors</a></p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/good-visual-design-good-interaction-design-crummy-facebook-redesign/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>An Un-ROI Argument for Beauty</title>
		<link>http://www.cindyalvarez.com/design/an-un-roi-argument-for-beauty</link>
		<comments>http://www.cindyalvarez.com/design/an-un-roi-argument-for-beauty#comments</comments>
		<pubDate>Fri, 16 Jan 2009 19:01:29 +0000</pubDate>
		<dc:creator>Cindy</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[the whole product]]></category>

		<guid isPermaLink="false">http://www.cindyalvarez.com/?p=92</guid>
		<description><![CDATA[An organism needs to invest energy in being beautiful. You won&#8217;t see healthy skin on a sick animal, because maintaining a healthy coat is too &#8216;expensive&#8217;. A sick peacock isn&#8217;t as spectacular as a healthy one. Or a genetically damaged chimp isn&#8217;t going to have as symmetrical a face. As a result, most creatures evolved [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>An organism needs to invest energy in being beautiful. You won&#8217;t see healthy skin on a sick animal, because maintaining a healthy coat is too &#8216;expensive&#8217;. A sick peacock isn&#8217;t as spectacular as a healthy one. Or a genetically damaged chimp isn&#8217;t going to have as symmetrical a face. As a result, most creatures evolved their definitions of beauty in a mate to match the displays of healthy creatures.  <strong>(Seth Godin, <a href="http://sethgodin.typepad.com/seths_blog/2009/01/beauty-as-a-sig.html">Beauty as a Signaling Strategy</a>)</strong></p></blockquote>
<p>Great argument for why &#8220;looking good&#8221; has benefits beyond those that can be quantified.  An elegant design or a little bit of flair can rarely be directly connected to a 2% higher utilization or 4% efficiency gain, but it sets a tone, an expected level of values.  It&#8217;s the tip of the iceberg: if we care this much about this little detail that you can see, just imagine how much care we put into the massive underlying platform that isn&#8217;t immediately visible.</p>
<p>The reverse is true as well: I&#8217;ve been mortified during customer demos when a big, obvious, sloppy misalignment or typo was present in our beta application.  <em></em></p>
<blockquote><p><em>The customer won&#8217;t notice</em>, said the engineer who didn&#8217;t have time to fix it.</p>
<p><em>If you can&#8217;t spell correctly, how can we trust you to run our business</em>, said the customer.</p></blockquote>
<p>It&#8217;s going to be tempting in this economic climate for companies to cut back on &#8220;beauty&#8221; &#8211; whether that means preserving a page layout by not bombarding it with ads, or taking a few extra seconds to make a customer service call more effective.  But product managers should think about what that says about your overall &#8220;health&#8221; as a company.  Do you want to look like a wounded animal?  Now is not the time to have a vulnerable-looking product.</p>
 ]]></content:encoded>
			<wfw:commentRss>http://www.cindyalvarez.com/design/an-un-roi-argument-for-beauty/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
