<?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>erdworks &#187; Design</title>
	<atom:link href="http://erdworks.com/wp/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://erdworks.com/wp</link>
	<description>interaction design, user experience design, marketing, UX, information architecture, digital agency, people powered design, user centered design, user experience</description>
	<lastBuildDate>Mon, 26 Jul 2010 18:15:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<atom:link rel="next" href="http://erdworks.com/wp/category/design/feed/?page=2" />

		<item>
		<title>Savings.com Launches New Feature</title>
		<link>http://erdworks.com/wp/2010/07/savings-com-launches-new-feature/</link>
		<comments>http://erdworks.com/wp/2010/07/savings-com-launches-new-feature/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 04:20:36 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Products]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=1180</guid>
		<description><![CDATA[A new feature launched recently to existing online property, savings.com. I helped build a "question and answer" system that generates a more personalized experience with the site's community. The project required a detailed understanding of the mechanics of the current property and other Q &#038; A platforms.]]></description>
			<content:encoded><![CDATA[<p>In 2009, The Groop helped re-design an online service, called Savings.com, and it&#8217;s going bonkers! The business is brilliant. It finds coupons and discounts you can use for hundreds of products you probably already buy. No harm in taking five minutes to find a 20% discount off your next purchase, is there? Simply click on a coupon, get the code and be taken directly to the retailers commerce site to make your purchase. It&#8217;s that easy&#8230;</p>
<div id="attachment_1184" class="wp-caption alignnone" style="width: 450px"><a href="http://erdworks.com/wp/wp-content/uploads/2010/07/Postcard-Header-SDC.jpg"><img class="size-full wp-image-1184 " title="Postcard-Header-SDC" src="http://erdworks.com/wp/wp-content/uploads/2010/07/Postcard-Header-SDC.jpg" alt="Savings.com site architected by Charles Erdman" width="440" height="293" /></a><p class="wp-caption-text">Savings.com site new feature, &quot;UX&#39;ed&quot; by Charles Erdman</p></div>
<p><strong>The Work</strong></p>
<p>As part of their effort to continue building and launching features, I helped  &#8220;architect&#8221; a new area of the site called &#8220;Answers.&#8221; This new service was a concept the company thought would deepen users&#8217; relationship with the core service by engaging the emerging community in a new activity- becoming shopping guides. Savings.com has an active community of power users who scour the web looking for deals and coupons they can share on the site. &#8220;Answers&#8221; generates solutions or opinions to any question  revolving around the researching and purchasing of products, services or  merchandise.</p>
<p>I crafted the User Experience after careful examination of other Answer sites that have emerged on the web over the last year. Creating a forum for questions and answers is now a valued offering for many sites, not just Savings.com. It decreases call service volume and deepens the relationship with the brand. My workflow involved competitive research; feature inventories; whiteboard sketching of initial concepts and interaction patterns, before building finished wireframes.</p>
<div class="wp-caption alignnone" style="width: 450px"><img style="border: 0pt none;" title="Wireframes by Senior Erdman" src="http://gallery.mailchimp.com/64e549804050e7882bc4e8db3/images/SDC_inline_image.jpg" border="0" alt="wireframes" width="440" height="240" /><p class="wp-caption-text">UX process included white boarding an annotated wires by Charles Erdman.</p></div>
<p><strong>Reference Sites</strong></p>
<p>Here is a list of the sites I reviewed in order to architect an experience that was inline, and possible superior, within the context of Savings.com. Take a look and see what you think. By the way, Get Satisfaction is a Q/A site you can actually port and skin to your own company website. Pretty cool if any of you need it for your biz&#8230;</p>
<p>Mahalo.com<br />
Yahoo Answers<br />
Get Satisfaction<br />
Deals.Woot<br />
Aardvark</p>
<p>Client Site: <a href="http://www.savings.com">www.savings.com</a><br />
Partner&#8217;s Site: <a href="http://www.thegroop.net">www.thegroop.net</a></p>
<p>P.S. I&#8217;m currently helping a team build the User Experience for the new MySpace re-design and re-brand, which will  launch in October. Be on the look out for my next post to promote the upcoming releases of Focus (a UCLA and Dept. of Defense program), Quixote / Smashbox (Los Angeles production company) and JCPenney Rewards.</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2010/07/savings-com-launches-new-feature/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>You&#8217;ve got mail (with a UX video)</title>
		<link>http://erdworks.com/wp/2010/03/you-got-mail-with-ux-video/</link>
		<comments>http://erdworks.com/wp/2010/03/you-got-mail-with-ux-video/#comments</comments>
		<pubDate>Sat, 20 Mar 2010 05:02:14 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=1132</guid>
		<description><![CDATA[A method of rapid concepting is to collaboratively work through ideas. Initial UX guidance can then be video taped and sent to other team members. Ideas become disseminated in an arguably more engaging manner- quickly and efficiently.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Generating ideas collaboratively shapes concepts faster resulting in effective UX sprints.</p></blockquote>
<p>At <a href="http://www.thegroop.net" target="_blank">The Groop</a>, we&#8217;ve developed a number of ways for capturing the ideas we generate in a collaborative environment. The main caveat for these sessions to be effective is that the team have the capacity for honest dialogue. Most of all, though, the team needs to stay &#8220;idea-flexible.&#8221; If egos are at play in the room, the session stops being of value.</p>
<p>The value is that we can quickly work through our ideas; self and group edit; and arrive at a collective solution. It&#8217;s one of the steps needed to creating a successful user experience. </p>
<p>Once we have an agreeable solution, we package it into a final video. Videos are a great way to disseminate the thinking to other team members that may either be remotely located or simply needing to be kept abreast of progress. How fun is it to know &#8220;you&#8217;ve got mail&#8221; and it doesn&#8217;t require reading! </p>
<p>This video shows Jose Caballer and myself working towards a solution aided by the Groop&#8217;s team mascot- June.</p>
<p><object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10298494&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10298494&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2010/03/you-got-mail-with-ux-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Upcoming Trends Still Include Facebook</title>
		<link>http://erdworks.com/wp/2010/03/upcoming-trends-still-include-facebook/</link>
		<comments>http://erdworks.com/wp/2010/03/upcoming-trends-still-include-facebook/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 05:07:41 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=1126</guid>
		<description><![CDATA[What trends are emerging that may change the way we interact with our world? This was the challenge set forth on a recent project. Looking backwards always reveals what came out of right field to take us by surprise. For instance, Facebook in 2007 was a small player that now rules how we communicate, share and socialize. What will dominate in 2010 that is today still in it's diapers?]]></description>
			<content:encoded><![CDATA[<p>A recent project for a mobile company asked that my colleagues and I capture our opinions on trends- either on the fringe or in the mainstream- that we feel are gaining momentum. What an interesting project. We took a look outwards and made predictions based on what we feel has lasting value from a cultural,  societal and technical perspective.</p>
<p>Would you have considered Facebook to be THE driver of a massive communication change at the end of 2007? Not if you&#8217;d looked at the company&#8217;s audience of an estimated 50 million users. As 2009 closed out, that number had skyrocketed to 350 million. Now it is ubiquitous with the term &#8220;social media.&#8221; Whole economies are emerging around it, just like feeder businesses that follow a Walmart store opening (Chili&#8217;s, The Olive Garden, etc.). It was perfectly placed to capture a culture shift that was a natural outgrowth of an always connected world.</p>
<p>So what are the emerging trends that will result in new or redefined business verticals? Read on for a few of my predictions&#8230;</p>
<p><strong>DIY PRODUCT DEVELOPMENT<br />
</strong></p>
<p>The idea of Design With Others or Open Source Design is an emerging trend and growing market with huge opportunities for success. The idea-economy is the natural outgrowth of the information economy. We are in an age of democratized industry where an idea can go through the idea to physical product cycle with little cost from the traditional POV.</p>
<p>Example process for a new widget:</p>
<p>1. Design on Google Sketch Up &gt;</p>
<p>2. Generate physical prototype with $1000 3-D printer &gt;</p>
<p>3. Outsource manufacturing using <a href="http://alibaba.com/" target="_blank">alibaba.com</a> to a factory capable of profiting from low volume runs. &gt;</p>
<p>4. Streamline payments using PayPal to avoid traditional byzantine terms of manufacturing and shipping using letters of credit and bank transfers. &gt;</p>
<p>5. Sales and distribution using product aggregators like <a href="http://foodzie.com/" target="_blank">foodzie.com</a>, <a href="http://ftmarkets.com/" target="_blank">ftmarkets.com</a> and <a href="http://etsy.com/" target="_blank">etsy.com</a>. &gt;</p>
<p>The collective intelligence and &#8220;can do&#8221; spirit of garage tinkers is unleashed on global markets allowing consumers to purchase products that help them feel &#8220;special&#8221; in a world of ubiquitous homogeneity.</p>
<p>&#8220;<strong>RECOMMENDATION GENOME PROJECT</strong>&#8221;</p>
<p>Pandora-like algorithms have begun and will continue to be the method for navigating the myriad of choices that we are confronted with in a hyper information and communication world.</p>
<p>Recommendation networks will leave no decision  to chance. Just some of the topics these networks will and already address:</p>
<p>- Food</p>
<p>- Finances</p>
<p>- Insurance</p>
<p>- Interpersonal Relationships (Friendship, professional, sex, intellectual, activities, etc.)</p>
<p>- Shopping</p>
<p>- Hobbies</p>
<p>- Music</p>
<p>- Entertainment</p>
<p>This is the rise of mathematics as a way of predicting compatibility with every possible interaction humans make in their personal, professional and community lives. No decision will be left to our own intuition or &#8220;sixth sense.&#8221; In fact, the ability to have intuition may be a &#8220;sense&#8221; that is breed out of future generations.&#8221;If you like A, then you will like B&#8221; will become the method for geo-navigating through life.</p>
<p>The benefits are huge for any mobile company able to truly harness this power. We are in the nascent stages of a quiet revolution that will ultimately speed the consolidation of power in the hands of the elite minority.</p>
<p>Examples:</p>
<p><a href="http://recommender.strands.com/home.php" target="_blank">http://recommender.strands.com/home.php</a></p>
<p><a href="http://labs.strands.com/" target="_blank">http://labs.strands.com/</a></p>
<p><a href="http://scouta.com/" target="_blank">http://scouta.com/</a></p>
<p><a href="http://www.thefilter.com/" target="_blank">http://www.thefilter.com/</a></p>
<p><strong>ONLINE LEARNING</strong></p>
<p>We are a culture of options. The perception of inexhaustible possibilities leads to a lack of the general population&#8217;s depth of knowledge in any one subject. Generalists will proliferate until a crisis of collapsing social structures (political, education, health care, social security, agriculture, etc.) results in government mandated vocational training.</p>
<p>As a recent example of this darker trending prediction, recall the end of Soviet Communism in &#8216;89-&#8217;91 as a precursor to what will occur in other first world societies. During Soviet Russia, a student received vocational training in high school and was expected to achieve a Graduate-level education. This generated intense specialization and, arguably, a more educated society. After the fall of communism and the capitalization of the economy, the education system adopted a liberal arts approach similar to the U.S.. It has had a disastrous effect on the society, which now expects material wealth with decreasing personal investment. In other words, more options with less effort.</p>
<p>The spoils will go to companies that focus on online, time-shifted learning. Over the next five years, expect an explosion in home-based learning programs as our public education system fails. Until the government mandates vocational training, the &#8220;Cultural Creatives&#8221; and &#8220;Learner Tribes&#8221; will seek out greater education opportunities through collaborative digital networks.</p>
<p>By the way, what is currently the largest university in the world? Is it Ohio State or the University of Texas- each with 50,000 students? Nope. It&#8217;s the University of Phoenix. According to NPR, they have over 400,000 students, the majority of those being online.</p>
<p><strong>SELF-REFERENTIAL MEDIA</strong></p>
<p>The link economy in the short term is a bonanza of opportunity for companies and individuals who can harness &#8220;reputation manipulation&#8221; in real-time. Over the next 2-3 years personal publishing through blogs and micro blogs will solidify itself as the legitimate information source.</p>
<p>Over the long term, it may be increasingly difficult to find unique and articulated voices in a world that shares the same media messaging mind space. Diversity of opinion may be harder to come by.  &#8220;Re-tweet publishing&#8221; will lead to continuous self-references within common interest groups generating spiraling circles of news. Cross pollination will eventually decrease as distinction declines resulting in a loss of diversity. The &#8220;radical&#8221; will, in reality, be much less radical.</p>
<p>The ability to be &#8220;special&#8221; is fleeting. Warhol&#8217;s 15-minutes of fame has been slashed to 15-seconds in a world of hyper-speed PR blitzes and dumbed-down media sound bites. The shelf life of any given media source that labels itself as outside the establishment is painfully short due to dilution of being &#8220;it&#8221;.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>So there are just a few thoughts on &#8220;trends&#8221;. More were included in the study that looked at cloud computing, open APIs, micro-transactions, slow foods, personal space, etc&#8230; All interesting stuff that I will write about in future posts!</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2010/03/upcoming-trends-still-include-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Community Feelings to Surface Content</title>
		<link>http://erdworks.com/wp/2010/02/using-community-feelings-to-surface-content/</link>
		<comments>http://erdworks.com/wp/2010/02/using-community-feelings-to-surface-content/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 06:30:12 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Politics]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=1095</guid>
		<description><![CDATA[The NBC Washington station has done an excellent job of using social commentary to surface articles to its home page that may or may not be the story choices of the editorial staff. They surface what people are reading most, but they do more than other news sites- they communicate how their readers are feeling about a news piece. Brilliant.]]></description>
			<content:encoded><![CDATA[<p>Content rich sites are limited in their ability to show the breadth and depth of their offering. Digital newspapers, like WSJ.com and NYTimes.com, are always rotating the stories on their home pages to lead users deeper. It&#8217;s a matter of figuring out what breaking news will be of the greatest interest to their audience.</p>
<p>That last line is important. Exposing content is generally an editorial decision. That is changing, however, as news sites begin to seek ways of displaying what people are most viewing or emailing. We are rapidly moving towards balanced exposure of amateur and professional interests. One way of distinguishing between professional and amateur has been found by the NBC affiliate in Washington D.C.</p>
<p>The <a title="NBC Washington" href="http://www.nbcwashington.com/" target="_blank">NBC Washington</a> station has done an excellent job of using social commentary to surface articles to its home page that may or may not be the same choices as the editorial staff. Like other media outlets, they are interested in what people are reading most. But they go beyond that simple metrix to mine and surface how their readers are <em><strong>feeling</strong></em> about a news piece.</p>
<p>Its ingenious. Next to every article, you can rate how you feel about the subject matter. Your rating is tallied and the percentage for each feeling category is displayed right next to the article. You read the pulse of the community in real-time. No need to call your neighbor to poll them on how they feel. You already know how your community is reacting.</p>
<p>Also, these feeling ratings are a fantastic marketing tool to generate interest in the article. It&#8217;s a crazy, smart feature that I will definitely copy for a future project. I love it!</p>
<p><strong>1. </strong>Here&#8217;s the home page. Notice the first sentence under the site&#8217;s identity. They used a script font to distinguish it from the rest of the content throughout the site. Script suggests hand written = people powered&#8230; nice design decision.</p>
<p>Note the copy below the header&#8230; &#8220;Locals are laughing&#8230;&#8221; It&#8217;s a hot link to the news article.</p>
<p><a href="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.10.17-PM.png"><img class="alignleft size-full wp-image-1096" title="NBC Washington Home Page" src="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.10.17-PM.png" alt="NBC Washington Home Page" width="541" height="502" /></a></p>
<p><strong>2.</strong> At the news article, you now see all prior readers&#8217; feelings. Note that you can do this without logging in&#8230; no membership required, just anonymous polling.</p>
<p><a href="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.10.46-PM.png"><img class="aligncenter size-medium wp-image-1097" title="News Article" src="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.10.46-PM-235x300.png" alt="News Article" width="235" height="300" /></a></p>
<p><strong>3.</strong> The polling tool shows the current sentiment before you indicate yours. It encourages participation. Once you make your choice, immediate feedback is provided and you &#8220;feel&#8221; your voice has been recorded.</p>
<p><a href="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.11.06-PM.png"><img class="alignleft size-medium wp-image-1098" title="The Emotion Poll Tool" src="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.11.06-PM-81x300.png" alt="The Emotion Poll Tool" width="81" height="300" /></a></p>
<p><a href="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.11.27-PM.png"><img class="alignleft size-full wp-image-1099" title="Make your feelings known!" src="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-02-10-at-5.11.27-PM.png" alt="Make your feelings known!" width="210" height="116" /></a>My selection is registered without a page refresh. It shows what I voted for, and encourages me to share it. Brilliant.</p>
<p>Imagine this same concept being used for policy oriented issues that are digitally distributed in the form of news articles, PR releases, videos, white papers, etc. Immediate feedback in an easy to use format. Get ready for the new democracy!!</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2010/02/using-community-feelings-to-surface-content/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Next Evolution in UX Documentation</title>
		<link>http://erdworks.com/wp/2010/02/the-next-evolution-in-ux-documentation/</link>
		<comments>http://erdworks.com/wp/2010/02/the-next-evolution-in-ux-documentation/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 06:41:52 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=1086</guid>
		<description><![CDATA[I've been following the emergence of a new production tool from Adobe, called Catalyst. It's going to change the development process for client services and digital design firms guaranteed. As with all new things, there are both pros and cons that I foresee and share in this post.]]></description>
			<content:encoded><![CDATA[<blockquote><p>If our tools allow us to produce project artifacts faster, can our solutions remain a product of deep consideration?</p></blockquote>
<p>Over the last year, I&#8217;ve been following Adobe&#8217;s release of a very particular piece of software that has got me excited. It&#8217;s called Catalyst and it will create a new set of challenges for the field of user experience. Let me first explain what it does&#8230;</p>
<p><img class="aligncenter size-full wp-image-1088" title="Adobe Labs logo" src="http://erdworks.com/wp/wp-content/uploads/2010/02/Screen-shot-2010-01-31-at-10.31.52-PM.png" alt="Adobe Labs logo" width="530" height="52" /></p>
<p>Adobe Catalyst, currently in beta form, allows for a visual designer or a UX architect to import either a Photoshop (.psd) or Illustrator (.ai) document and create interactive elements. Catalyst use the assets and layers brought in with the original document. This is a tremendous leap forward in two important areas- the selling of ideas and the production of approved designs. Let me focus on the former.</p>
<p>In the UX discipline, a core deliverable is the wire-frame or page schematic that documents a number of important components. It communicates everything from the site / page navigation and content hierarchy, to the proposed interactivity (ie, what happens when I click here). These documents have always been delivered in a static form. You print them out and present them to the client. They are not intended to represent visual design. They are intended to document how each page will function and its content development needs.</p>
<p>The benefit, and possible danger, of Catalyst is that we can now present clients with wire-frames that are interactive. Formerly, if you want to communicate &#8220;states&#8221; of a drop-down menu, for instance, you had to show each static step as a different drawing. With Catalyst, you can now interact with the element and see the changing states. Wow! That&#8217;s a huge leap forward in comprehension and can help everyone on the team better understand what you proposing to build.</p>
<p>If pictures are worth a thousand words and video is worth, umm, a thousand pictures, then scrolling / clickable wireframes are worth&#8230;? The more interaction is demonstrated, the fewer leaps the imagination must make.</p>
<p>The danger? Well, honestly, I believe there is something <strong><em>good</em></strong> about NOT demonstrating more detail in the early stages. The closer we approximate the final product, the greater likelihood clients will find that execution sufficient. Taking a project through a full process of discovery, strategy, architect, design and engineering (the common approach) allows for ideas to mature. It allows for a team to live with a client&#8217;s business and the proposed solution, rather than quickly producing and launching.</p>
<p>Please note that there is sometimes value in doing fast iterations and testing them in the market. That is a great strategy for a start-up who is exploring which ideas gain traction. I don&#8217;t debate that strategic wisdom. I only pose the question- if our tools allow us to produce project artifacts faster, we best be thinking how our solutions remain deeply effective.</p>
<p>Until I write about that subject, however, let me guide you back towards Adobe Catalyst. Learn more about the product and download a demo of <a href="http://labs.adobe.com/technologies/flashcatalyst/" target="_blank">Catalyst at Adobe</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2010/02/the-next-evolution-in-ux-documentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The 3 Qs for Great Experience Design</title>
		<link>http://erdworks.com/wp/2010/01/the-3-qs-for-great-experience-design-by-jared-spool/</link>
		<comments>http://erdworks.com/wp/2010/01/the-3-qs-for-great-experience-design-by-jared-spool/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 05:32:04 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/2010/01/the-3-qs-for-great-experience-design-by-jared-spool/</guid>
		<description><![CDATA[This is a re-purposed article written by Jared Spool of Adaptive Path. It's "re-purposed" because his original goal of spreading his gospel and making him look super smart has now rubbed off on me. I can now look super smart and, better yet, "in the know." At least, this is how it's supposed to work. I rebroadcast others content to influence how you (the reader) perceive me? That's at least one angle on "re-tweets" and "sharing"... But, do read on, its an insightful article that I am helping promote...]]></description>
			<content:encoded><![CDATA[<p>This is a &#8220;reprint&#8221; from a post made on the Adaptive Path website by Pam Daghlian originally written by Jared Spool. Posted using <a href="http://sharethis.com">ShareThis.</a></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>Jared Spool. You know him, you love him, and you can see him when he keynotes <a href="http://mxconference.com/speakers/jared-spool-from-here-to-experience">MX: Managing Experience</a> on March 7th.</p>
<p>He’s graciously allowed us to repost this article so we can give you an idea of what his MX talk is based on.</p>
<p><strong>The 3 Qs for Great Experience Design<br />
By Jared M. Spool</strong><br />
(Originally published: Oct 06, 2008 <a href="http://www.uie.com/articles/the3qs/">here</a>)</p>
<p>For more than seven years, we’ve studied how the great user experience teams succeed. We’ve looked at a variety of variables to isolate what it takes. We’ve looked at management structure, employed methodologies, best practices, and hiring qualifications. We’ve looked at team communication techniques, requirement gathering techniques, the target industry, and the geographic location. All said, we’ve inspected about 250 different variables for dozens of organizations across a wide variety of industries, educational institutions, and government.</p>
<p>As with most things, most variables don’t play a role. However, we found three key variables as being critically important: vision, feedback, and culture. Using these three variables, we’ve created corresponding questions to help us quickly rate a team’s experience design prowess. Teams that answer these questions well are far more likely to create great experiences than the rest of the pack.</p>
<p><strong>Factor #1: Understanding the purpose of vision</strong><br />
Here’s the first question we ask: “Does everyone on your team know what the experience will be like interacting with your offerings five years from now?”</p>
<p>When the answer is affirmative, any team member can describe what the user’s experience will be like in five years. They’ll tell us a story, like this real one from a century-old insurance company:</p>
<p>“An insured home and car owner, having just had a tree fall on their garage, will log into the site, explain the damage, upload pictures, and get initial claim approval to start temporary repairs and get a rental car—all within a few minutes. Within the next 24 hours, inspection appointments and a detailed damage assessment are scheduled and reviewed, and the repairs are underway within 48 hours. All the payments are handled electronically from the insurance company, with a single NET-60 bill sent to the policy holder for the deductibles.”</p>
<p>This story is an experience vision. It outlines how the person, in this case someone who insures both their home and car with the company, can make a joint claim and quickly start the recovery process. Notice that the story doesn’t describe the specifics of the design or the system — that’s not important. What’s important is understanding the experience of the policy holder.</p>
<p>While this particular story may not sound that interesting or difficult to someone outside, for this organization it’s a radical departure from today’s experience. Their business units currently don’t talk to each other and pretend that customers don’t exist beyond their own individual products. So, this integrated vision shows a radical departure and eliminates much of the frustration caused by today’s organizational reality. For this organization, five years is aggressive for the substantial, under-the-covers changes that this vision will require.</p>
<p>We like looking five-years ahead because it gets beyond the immediate reactive requirements and starts considering what a great experience could be. If we only looked one year ahead, we’d be stuck with the current realities. If we look too far out, we get into the realm of science fiction.</p>
<p>Because everyone on the team has the same vision, they are all on the same page for what it takes to succeed. Think of it as a stake in the sand on the horizon. Everyone can see the stake and knows when they are taking baby steps towards it and when they are moving away. The stake can move at any time (and, for some organizations, does frequently), but that’s ok, since everyone can see the change and start moving in the new direction.</p>
<p>Struggling teams can’t answer this question affirmatively. They either have never considered beyond the problems of the day or everyone has a different vision. Working to have a solid vision that everyone shares will go a long way to help these teams.</p>
<p><strong>Factor #2: Having a solid feedback mechanism</strong><br />
While the first question deals with where the team is going, the second question deals with where the design has been: “In the last six weeks, have your team members spent at least two hours watching people experience your product or service?”</p>
<p>We’re looking for teams that can answer affirmatively no matter when we ask. That means they are regularly watching the users and learning from them.</p>
<p>These observation sessions can happen in a variety of ways (and in the best organizations, the variety is wide). They can be usability tests or field studies. In each case, each team member has spent a minimum of two hours observing the current experience.</p>
<p>Note that we’re not talking about surveys or satisfaction measures. Those instruments are often flawed and only give a very small piece of the picture. In the best case, they can tell us whether users are frustrated or delighted, but they can’t tell us why. The team needs to observe the experience, in a detailed manner, to really get the information required to make the critical decisions.</p>
<p>Six weeks is an important period. In our research, the average team member works on an experience design project for twenty-four months. This means they’ll encounter a minimum of 16 separate experiences during their tenure, working out to be an average of 48 observations for a four-member team during that period. All of that detailed information can’t help but create better informed decisions in the design process.</p>
<p>Longer than six weeks and the exposure to the users starts to wear off. It’s far less likely that a team member will say, “What about when we saw Fred have problems with accessing multiple policies?” when Fred’s experience happened months before.</p>
<p>Many struggling teams have never had a single member observe the experience of using their design, even though, in some cases, millions of users interact with the design every day. In other cases, they only get data from indirect sources or they’ve had limited exposure during their tenure. When this happens, each member of the team can only talk to their own experience of using the design, which is very likely to be at odds with how real users experience it.</p>
<p><strong>Factor #3: Living a culture that relishes “failure”</strong><br />
The first two questions are straight-forward and make sense, from a strategic perspective. You have to know where you’re going and you have to know what you’ve already built. The last question, on the other hand, can seem counter-intuitive: “In the last six weeks, has your senior management held a celebration of a recently introduced design problem?”</p>
<p>In most organizations, problems are not cause for celebration. However, in a culture that pushes for frequent small changes, problems become opportunities for improvement. Teams that answer affirmatively have established a culture that not only accepts failure, but relishes it as a way to learn about the users and their needs.</p>
<p>At a major software corporation, the CEO regularly holds parties to give out a valued award, shaped as a full-size life preserver, to individuals who have created “learning opportunities” by introducing a problem into the design. Of course, the CEO acknowledges that the problem wasn’t introduced intentionally. But, because it made it into the design, the organization learned important lessons they can use going forward. Receiving the life preserver award from the CEO has become a high honor within the company.</p>
<p>For example, a technology company recently experienced a massive server outage as, upon the release of a highly-desired new feature, millions of users tried to upgrade simultaneously. While the server outage was a major embarrassment (reflected in the press and on Wall Street), it was because of a successful marketing and design campaign for highly-desired functionality. Despite the momentary crisis, the organization simultaneously learned how to create desirable enhancements while also learning the impact that it has on their infrastructure — both valuable lessons they’ll refer to for years to come.</p>
<p>The best organizations hold these celebrations frequently, because they are constantly learning from their mistakes. By making the learning process explicit, through their acknowledgement and reward, the culture starts to look for it. As the old saying goes, “That which is measured gets done and that which is rewarded gets done well.”</p>
<p>Struggling organizations do not hold celebrations of what they perceive to be design problems. Instead, they’ll punish the “culprits” and put new product-preventing policies in place to stop it from re-occurring. Soon, the original stimuli for these policies are forgotten and the organization is doomed to repeat the mistakes.</p>
<p><strong>Driving Towards Improvement</strong><br />
The neat thing about these three questions is their applicability to constant improvement. Teams can self assess and look for opportunities to answer the questions better.</p>
<p>A good team may have a start to the vision, but hasn’t communicated it to everyone who has influence over the design. The team may occasionally get feedback on their current experience, but hasn’t seen anyone recently. And there’s always opportunities to highlight the latest things they’ve learned, even if it was a difficult learning process.</p>
<p>While further research could show there are other factors that influence a team’s success, it’s clear to us that these three factors are critically important. Fortunately, improving them has little downside, making them a serious candidate for any amount of investment the organization can afford.</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2010/01/the-3-qs-for-great-experience-design-by-jared-spool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rapid Strategic and Tactical Ideation Baked In</title>
		<link>http://erdworks.com/wp/2009/12/rapid-strategic-tactical-ideation-baked-in/</link>
		<comments>http://erdworks.com/wp/2009/12/rapid-strategic-tactical-ideation-baked-in/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 18:22:05 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=1037</guid>
		<description><![CDATA[If the goal of every process is to find the best ideas, then generating informal drawings early in the discovery process creates quick definition that when expanded upon, leads to solid ideas. It's like NASA- faster, better, cheaper... just add "effective" to the equation and real value is discovered.]]></description>
			<content:encoded><![CDATA[<blockquote><p><em>Problem</em>: moving groups towards successful completion of project milestones is often hindered because the solutions are developed independent of the team.</p>
<p><em>Solution</em>: stand up, grab a dry board marker and draw. Documentation started. Team approval secured.</p></blockquote>
<p>Digital agencies and design shops produce a lot of smart documents for their clients. They spend time in meetings discussing the strategy and high-level execution requirements. Once the tasks are assigned, we retreat to our separate corners; develop some documentation from the POV of our specialty; and  return to the conference room looking to get confirmation that our interpretation was correct.</p>
<p>If not correct?… sorry… keep evolving or even start back at square one. The idea is to keep refining as we get group buy-in, often wasting everyone&#8217;s time with small incremental movement towards a solution.</p>
<p>A faster path is to use the first or second meeting to begin concrete ideation using white board markers to diagram the strategy and architecture. When you&#8217;ve got people in a room, use them! Harness the collective knowledge to develop the screens right there! Take a stab, defend a position… but stay flexible and fluid in order to generate ideas and layouts from the whole team.</p>
<div id="attachment_1070" class="wp-caption alignright" style="width: 310px"><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/Jay-44.jpg"><img src="http://erdworks.com/wp/wp-content/uploads/2009/12/Jay-44-300x200.jpg" alt="White board sketches provide clarity and consensus." title="At the White Board" width="300" height="200" class="size-medium wp-image-1070" /></a><p class="wp-caption-text">White board sketches provide clarity and concensus.</p></div>
<p>In some recent projects, we relied on our collective wisdom to short circuit the normal process. It&#8217;s as if we jumped from square two to square eight without a penalty. At first, the idea of throwing about your ideas without time to consider the implications or confirm your instincts is scary. We all want to be right- or at least smart -when we put ourselves in front of the team.</p>
<div id="attachment_1045" class="wp-caption alignleft" style="width: 510px"><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0169.jpg"><img class="size-large wp-image-1045" title="Boxes and Arrows" src="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0169-1024x768.jpg" alt="Ideation isn't meant to be pretty, but expressive as we move towards specificity." width="500" height="361" /></a><p class="wp-caption-text">Ideation isn&#39;t meant to be pretty, but expressive as we move towards specificity.</p></div>
<p>If the goal is to find the best ideas, then starting with a sketch gets all them on the board and, if orchestrated properly, allows for the entire team to voice their opinion up front, not later in the process.</p>
<div id="attachment_1044" class="wp-caption alignleft" style="width: 510px"><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0182.jpg"><img class="size-large wp-image-1044" title="Video Editor Application" src="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0182-1024x729.jpg" alt="Sketch for a flash video editor." width="500" height="340" /></a><p class="wp-caption-text">Sketch for a flash video editor.</p></div>
<p>These shots show diagrams of ideation sessions that went directly to wireframes. The process looked something like- (a) generalize; (b) specify with drawings; (c) photograph; (d) make it look pretty. When the first round of wireframes were presented, it confirmed what everyone had already agreed to. The process was sped up ten-fold without loss of knowledge or insufficient time to marinate.</p>
<table>
<tbody>
<tr>
<td>
<div id="attachment_1039" class="wp-caption alignleft" style="width: 150px"><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0147.jpg" target="_blank"><img class="size-thumbnail wp-image-1039" title="Home Page Sketch" src="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0147-150x150.jpg" alt="Home Page Sketch" width="140" height="140" /></a><p class="wp-caption-text">Home Page Sketch</p></div></td>
<td>
<div id="attachment_1040" class="wp-caption alignnone" style="width: 150px"><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0151.jpg" target="_blank"><img class="size-thumbnail wp-image-1040" title="Events Page Sketch" src="http://erdworks.com/wp/wp-content/uploads/2009/12/IMG_0151-150x150.jpg" alt="Landing Page Sketch" width="140" height="140" /></a><p class="wp-caption-text">Landing Page Sketch</p></div></td>
<td>
<div id="attachment_1047" class="wp-caption alignright" style="width: 150px"><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/HOB-academy.gif" target="_blank"><img class="size-thumbnail wp-image-1047" title="Wireframe" src="http://erdworks.com/wp/wp-content/uploads/2009/12/HOB-academy-150x150.gif" alt="Resulting Landing Page Wireframe" width="140" height="140" /></a><p class="wp-caption-text">Resulting Wireframe</p></div></td>
</tr>
</tbody>
</table>
<p>A job well done = fast, effective and delivered with the collective genius baked in…</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2009/12/rapid-strategic-tactical-ideation-baked-in/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Holding A Client&#8217;s Attention with Site-Scapes</title>
		<link>http://erdworks.com/wp/2009/12/holding-clients-attenion-with-site-scapes/</link>
		<comments>http://erdworks.com/wp/2009/12/holding-clients-attenion-with-site-scapes/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 07:16:48 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=1000</guid>
		<description><![CDATA[When presenting the discoveries made about a client's business, we have historically presented documentation that is largely ineffective because it subscribes to the idea that breadth creates value. This has the effect of drawing the client into the information rather than into the story. The solution may be to provide visual summaries that are quickly comprehended and hold a client's attention.]]></description>
			<content:encoded><![CDATA[<blockquote><p><em>Problem</em>: When presenting the discoveries made about a client&#8217;s business, we have historically presented documentation that is largely ineffective because it subscribes to the idea that breadth creates value.</p>
<p><em>Solution</em>: Present large info-graphic boards that communicate the structure of a pertinent narrative. Introducing &#8220;Site-Scapes!&#8221;</p></blockquote>
<p><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/sitescape-part-0.jpg"><img class="alignleft size-full wp-image-1031" title="sitescape-part-0" src="http://erdworks.com/wp/wp-content/uploads/2009/12/sitescape-part-0.jpg" alt="sitescape-part-0" width="560" height="112" /></a></p>
<p>While working with <a href="http://www.thegroop.net" target="_blank">The Groop</a> on a project for the country&#8217;s largest employer and one of the top public universities, we took the bulk of our discoveries from three sources and made them come to life with a &#8220;Site-Scape&#8221;. Our definition of a Site-Scape is a mash-up of user definitions, brand attributes and the service&#8217;s value proposition (i.e., a clear statement of the tangible results a customer gets from using the product or service). The original idea for these &#8220;design-scapes&#8221;, as they were known, began with Henry Min, formerly of The Groop, and Jose Caballer, Chief Creative Whip at The Groop. We&#8217;ve now evolved them to add more structure around the Discovery Phase deliverables.</p>
<p>The challenge with any documentation that presents insights is to surface those insights in context. This is where they generate the greatest understanding and ultimately validate why the client hired us. When presented out of context, they fall flat and fail to generate the desired &#8220;eureka&#8221; moment&#8230;</p>
<p>That said, the goal of this Site-Scape was to visually communicate three things:</p>
<p>1. An affirmation that we understand the user (s) and their needs.<br />
2. Provide references to our proposed features- by Phase -and their organizing principles.<br />
3. A suggested visual language we might develop for the design.</p>
<p><a href="http://erdworks.com/wp/wp-content/uploads/2009/12/sitescape-part-1.png"><img class="alignleft size-full wp-image-1032" title="sitescape-part-1" src="http://erdworks.com/wp/wp-content/uploads/2009/12/sitescape-part-1.png" alt="sitescape-part-1" width="555" height="248" /></a></p>
<p>Reading from left to right, we first identified our three primary users paired with their needs. We reminded the viewer (client) of the interviews conducted with the program trainers and constituents by using quotes placed to underscore a particular program need. Instead of developing wireframes we expressed their essence: possible features that support the value proposition and the suggested actions each might demand of the user.</p>
<p>The Site-Scape led the viewers eye along a path of visual forms- the same path a user takes as they work through the site and that reflects the real-life experiences the service is designed to address. All of this impresses upon the client our understanding of who this site is intended to serve. Simply put- we get the needs of the end-user.</p>
<p><img class="alignleft size-full wp-image-1004" title="Phase Two" src="http://erdworks.com/wp/wp-content/uploads/2009/12/Screenshot-2.png" alt="Phase Two" width="551" height="303" /></p>
<p>Lastly, we did provide supporting documentation. In this context it becomes less critical to the story of our vision summarized by the Site-Scape. Ultimately, our goal, is to make the supporting material irrelevant. As Site-Scapes become more symbolic and referential they become more powerful. I don&#8217;t foresee these visualizations holding the same symbolism of the paintings of Leonardo Di Vinci or Albrecht Dürer, but it&#8217;s something to shoot for!</p>
<p>In one four-hour meeting we accomplished what would have taken much longer in a &#8220;traditional&#8221; deliverable presentation. I&#8217;m factoring in the reality that presentations normally require (1) orientation to the materials; (2) explanation of the materials; and finally, (3) the client&#8217;s time spent digesting all of it on their own time.</p>
<p>On a higher level, the goal of any presentation is to create a story the listener engages with no matter their learning style: visual, kinesthetic, or auditory. Our goal is to allow clients to move towards faster, more immediate comprehension of our solution. After all, we are betting that this is exactly what we will deliver as a final user experience.</p>
<p><img class="center size-full wp-image-1005" title="Phase 3" src="http://erdworks.com/wp/wp-content/uploads/2009/12/Screenshot-3.png" alt="Phase 3" width="421" height="440" /></p>
<p>If you&#8217;ve had experience presenting &#8220;alternative&#8221; documentation to clients, I welcome your comments. I hope to hear from you.</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2009/12/holding-clients-attenion-with-site-scapes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paris Needs A Bike Rental Redesign</title>
		<link>http://erdworks.com/wp/2009/05/paris-needs-a-bike-rental-redesign/</link>
		<comments>http://erdworks.com/wp/2009/05/paris-needs-a-bike-rental-redesign/#comments</comments>
		<pubDate>Sat, 30 May 2009 22:24:21 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Products]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=848</guid>
		<description><![CDATA[A city-wide bike rental service is a brilliant solution for congested urban areas. When the expectation is "access" and "ease of use", the check-out process must support that promise. Here is an account that underscores numerous usability problems which undermined my confidence in the transaction.]]></description>
			<content:encoded><![CDATA[<p>As Bruce Mau said, &#8220;For most of us, design is invisible…until it fails.&#8221;</p>
<p>Mr. Mau was spot on with this statement and it is exactly the experience I had checking out a bike in Paris, France. The process was rife with usability gaps making me aware of the system&#8217;s design.</p>
<blockquote><p><em>Problem</em>: A difficult check-out process discourages use.</p>
<p><em>Solution</em>: Create two entry paths into system for repeat and first time users.</p></blockquote>
<p>On one early Parisian morning before my family had awaken, I left our hotel and approached a bike station. The kiosk was inviting and after first reviewing the display screen and then the input device, I started punching buttons. I selected my language (British) and then started the process of checking out a bicycle.
<dl id="attachment_849" class="wp-caption alignright" style="width: 310px;">
<dt class="wp-caption-dt"><a href="http://erdworks.com/wp/wp-content/uploads/2009/05/1.jpg"><img class="size-medium wp-image-849" title="Paris Bike row" src="http://erdworks.com/wp/wp-content/uploads/2009/05/1-300x200.jpg" alt="Row of rental bikes in Paris" width="300" height="200" /></a></dt>
</dl>
<p>The verification and selection process essential is broken down into two phases which was never communicated to me. I&#8217;ll start with the first.</p>
<p>Phase One:</p>
<ol>
<li>Activate screen</li>
<li>Indicate length of rental pass: one day or one week</li>
<li>Chose payment method</li>
<li>Swipe card</li>
<li>Enter card PIN</li>
<li>Card confirmation</li>
<li>Receive receipt of day pass purchase and pass number.</li>
<li>End session.</li>
</ol>
<p>Now I should have been on top of this, but during the first phase, I swiped my card and made my first mistake. I was focused on the main screen to provide feedback on my card status. What I missed was that the second screen &#8211; located at waist height &#8211; was waiting for me to enter my PIN number. Since I didn&#8217;t see this prompt, the credit card verification process failed and my card was declined.<img class="alignright size-medium wp-image-850" title="Paris bike rental kiosk" src="http://erdworks.com/wp/wp-content/uploads/2009/05/2-225x300.jpg" alt="" width="225" height="300" /></p>
<p>I had to re-initiate the process with another card thinking my funds had run dry. I finally realized my error and looked down. I felt a bit foolish, but completed the task. The kiosk printed out a receipt and thanked me for the business. Wait, how do I get the bike? Was I going to be charged for a bike that I didn&#8217;t have? I was NOT feeling secure in this transaction (a key usability principle of all digital task flows).</p>
<p>I started the process again, unknowingly starting phase two. <img class="size-medium wp-image-852 alignright" title="Kiosk screen" src="http://erdworks.com/wp/wp-content/uploads/2009/05/4-300x199.jpg" alt="" width="300" height="199" /></p>
<p>Phase Two:</p>
<ol>
<li>Activate screen.</li>
<li>Enter in the day pass number.</li>
<li>Receive confirmation that the account is active.</li>
<li>Indicate that you do not need help or want to check the status of your account. Instead, select the equivalent of &#8220;rent a bike&#8221;.</li>
<li>Enter the bike number you wish to rent.</li>
<li>Bike position is now primed for you to remove the bike (maybe it stays that way for ten minutes?).</li>
<li>The screen indicates that the process is now complete and &#8220;signs off&#8221; returning to the home screen.</li>
<li>Walk to bike position, press button and remove bike from the station.</li>
</ol>
<p>At the point where I was prompted to chose a bike number, I left the kiosk to go inspect the bikes. I wanted one that was clean and had inflated tires. Of course, during this time someone could have come in and started their own checkout. When I returned to the kiosk with my memorized bike number, the screen had timed out&#8230;</p>
<p>Obviously the system should have prompted the user to chose a suitable bike before initiating the checkout process. OK, let&#8217;s start this again&#8230;</p>
<p>After going through the necessary steps again and getting to the seventh step, I notice that the prompt is NOT asking me to choose from all the bikes available, but from two of the approximately twenty bikes available at this location.<img src="http://erdworks.com/wp/wp-content/uploads/2009/05/7-300x200.jpg" alt="Two rental bikes" title="Two rental bikes" width="300" height="200" class="alignright size-medium wp-image-855" /></p>
<p>I walk out to inspect which of the two is in the best condition and upon my return find the screen has timed out again. This was now officially frustrating&#8230;!</p>
<p>This was a longer process than I had anticipated. I was being required to <strong>learn</strong> the system through trial and error. If this was a website, I would have moved on to another task by now. My time for a ride around the city in the early morning light was being eaten up simply trying to figure out how to checkout a bike- the purpose of the program.</p>
<p>The point of this post is to show how interfaces in the real world are similar to online or mobile ones. If it&#8217;s poorly executed, we are aware of the flaws and our perception of the whole business proposition is negatively affected. Each application must be designed with the end-user in mind. Usability design practices must be observed to develop tasks flows that are intuitive and consistent.</p>
<p>My <strong>solution</strong> for this problem would be to have two entry methods in to the system. The first is for newbies who are being acquainted with the system and require greater guidance. The second is for repeat users who are on the fast track. If this simple solution were instituted, it might encourage a larger population to use the bikes. I know I&#8217;m not the first tourist to be frustrated by this process. </p>
<p>A communal bike system is an excellent resource and should be a model for all urban areas. However, this execution failed to live up to the promise. It felt like the processing requirements of each technical system (identify verification, payment transaction, time/place stamping, etc.) were poorly integrated.</p>
<p>Ultimately, I had a very enjoyable bike ride. I experienced Paris at a human pace while getting exercise and using no petroleum. I will use the system again, but next time, I&#8217;ll know how to work with its eccentricities to get to my ride faster. Fortunately for government, there doesn&#8217;t exist a competing rental program.</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2009/05/paris-needs-a-bike-rental-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visualizing My Own Editorial Voice</title>
		<link>http://erdworks.com/wp/2009/05/visualizing-my-own-editorialvoice/</link>
		<comments>http://erdworks.com/wp/2009/05/visualizing-my-own-editorialvoice/#comments</comments>
		<pubDate>Tue, 19 May 2009 22:31:30 +0000</pubDate>
		<dc:creator>Charles Erdman</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://erdworks.com/wp/?p=841</guid>
		<description><![CDATA[The ubiquitous tag cloud has become a common navigation tool to rank the weight of community generated tags. I had no idea what it would mean for my site when applied as a visualization tool. Thanks to a new company called Wordle, I learned to challenge assumptions about myself.]]></description>
			<content:encoded><![CDATA[<p>I just read a nice article in Fast Company that reinforced what information designers and architects have always known and championed&#8230; that visualizing data is increasingly necessary to generate meaning in a complex world.</p>
<p>What I did not know, was that I would be confronted with visualizing my own world! A company called <a href="http://www.wordle.net" target="_blank">Wordle</a> scanned Erdworks and generated a tag cloud ranking the most commonly used words on the site.</p>
<div class="mceTemp mceIEcenter">
<dl id="attachment_843" class="wp-caption aligncenter" style="width: 509px;">
<dt class="wp-caption-dt"><a href="http://erdworks.com/wp/wp-content/uploads/2009/05/picture-1.png"><img class="size-full wp-image-843" title="Wordle" src="http://erdworks.com/wp/wp-content/uploads/2009/05/picture-1.png" alt="The Wordle Weight of Erdworks" width="499" height="297" /></a></dt>
<dd class="wp-caption-dd"><a href="http://www.wordle.net/gallery/wrdl/865537/The_Weight_of_Erdworks" target="_blank">The Weight of Erdworks</a><a href="http://www.wordle.net/gallery/wrdl/865537/The_Weight_of_Erdworks" target="_blank"><br />
</a></p>
</dd>
</dl>
</div>
<p>As I uploaded my URL and waited for the applet to scan the site content, I began to ponder what words would be most visible. I made a split second assumption and, when the scan was completed, was proven completely wrong. I had not anticipated that there was a concentration of words surrounding the green movement. I had assumed there would be more language around user experience design.</p>
<p>What this reinforced was how basic assumptions can be evolved or challenged through the use of smart information graphics. This quick experiment quickly made a relatively large amount of complex data understandable.</p>
<p>I have a new found respect for the ubiquitous tag cloud navigation element as an effective communication tool. Thanks Wordle!</p>
]]></content:encoded>
			<wfw:commentRss>http://erdworks.com/wp/2009/05/visualizing-my-own-editorialvoice/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
