<?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>Design vs Art Blog &#187; User Experience</title>
	<atom:link href="http://www.designvsart.com/blog/category/user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designvsart.com/blog</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Mon, 17 May 2010 08:48:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<cloud domain='www.designvsart.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Proposal for the New Firefox 4 Home Tab</title>
		<link>http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/</link>
		<comments>http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 13:43:04 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Customization]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=840</guid>
		<description><![CDATA[Mozilla Labs is organizing a design challenge to create a new home tab for the upcoming Firefox 4. The new home will be using the users&#8217; history information to produce a better user experience. I was doing some user research asking people to show me their way of using their web browser and I was [...]]]></description>
			<content:encoded><![CDATA[<p>Mozilla Labs is organizing a design challenge to create a new home tab for the upcoming Firefox 4. The new home will be using the users&#8217; history information to produce a better user experience.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-849" style="border: 1px solid black;" title="Firefox Home Tab Design Challenge" src="http://www.designvsart.com/blog/wp-content/uploads/2010/02/home_tab_design_challenge.png" alt="Firefox Home Tab Design Challenge" width="450" height="98" /></p>
<p>I was doing some user research asking people to show me their way of using their web browser and I was specially paying attention to the homepage. These are some of my findings:</p>
<p>- It is very important to have search functionality in the homepage. Users go there as an starting point to a new search.</p>
<p>- People like having relevant information in the homepage, like feeds coming from different websites or news coming from a particular source (e.g. Yahoo!).</p>
<p>- Many users get lost when using tabs. I&#8217;ve discovered that many don&#8217;t even know what a tab is, the potential of tab browsing is something unknown to many people.</p>
<p>Based on that I prepared my proposal for the design challenge:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/PuX09AVE0_k&amp;hl=en_US&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="550" height="338" src="http://www.youtube.com/v/PuX09AVE0_k&amp;hl=en_US&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>It would be nice to get your comments!</p>
<p><a href="http://design-challenge.mozillalabs.com/winter09/index.html">Find here</a> more information about the Home Tab Design Challenge.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=840&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multifunction and Single-Purpose Devices and Applications</title>
		<link>http://www.designvsart.com/blog/2009/11/18/multifunction-and-single-purpose-devices-and-applications/</link>
		<comments>http://www.designvsart.com/blog/2009/11/18/multifunction-and-single-purpose-devices-and-applications/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 15:54:33 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=752</guid>
		<description><![CDATA[What&#8217;s better, multifunctionality or single-purpose? If we refer to digital gadgets and interfaces design there are several good and bad examples for both approaches. Is there a limit for multifunctionality? The following imaginary design illustrates the problem of multi-function devices and applications: the solution reaches a point where a big amount of features offered block [...]]]></description>
			<content:encoded><![CDATA[<p>What&#8217;s better, multifunctionality or single-purpose? If we refer to digital gadgets and interfaces design there are several good and bad examples for both approaches.</p>
<p>Is there a limit for multifunctionality? The following imaginary design illustrates the problem of <strong>multi-function devices</strong> and applications: the solution reaches a point where a big amount of features offered block the access to them and makes the whole product unusable or difficult to understand.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-754" style="border: 1px solid #000000;" title="wenger_giant_swiss_army_knife" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/wenger_giant_swiss_army_knife.jpg" alt="Multifunction Swiss army knife" width="450" height="332" /></p>
<p style="text-align: center;">An overwhelmed Swiss knife</p>
<p>Multifunctionality could be also a problem in graphical interfaces. In the following picture there is a screenshot of the FStream applicaton for Apple iPhone, an application to listen online radios and other sound streams. <strong>This app used to have only 3 visible options at the bottom:  Play, Favorites and More.</strong> Now it is already showing the option <strong>&#8220;Record&#8221;</strong>, which, I assume it is only useful for limited amount of radio listeners. Ohh&#8230; it&#8217;s so easy to add just one more feature!</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-756" style="border: 1px solid #000000;" title="multifunction_iphone_app_design" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/multifunction_iphone_app_design.jpg" alt="Multifunction iPhone App Design" width="320" height="480" /></p>
<p style="text-align: center;">FStream App for iPhone</p>
<p>Google Android phones (and iPhones) are a good example of multi-purpose devices. Thanks to their good interface design users are able to manage a huge range of different tasks: music, pictures, work, maps and more. Still, they are victims of their own success; multitasking people could feel the need for more than one phone: <strong>users can do several things with them, but not at the same time.</strong></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-758" style="border: 1px solid #000000;" title="multifunction_android_phone" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/multifunction_android_phone.png" alt="Multifunction Android Phone" width="300" height="300" /></p>
<p style="text-align: center;">Picture from Google Mobile Blog</p>
<p>Logitech Harmony Remote is a device that remotely controls 225000 different devices, including televisions, DVD players, radios and video games. A real do-it-all device. Unfortunately the interface description on the Logitech website is very vague but if the interface is well done it could eventually be a good product for geeks. But they are not going to sell it to my mother&#8230;</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-765" style="border: 1px solid #000000;" title="multipurpose_remote_control" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/multipurpose_remote_control.png" alt="Multipurpose Logitech remote control" width="443" height="311" /></p>
<p style="text-align: center;">The Harmony Remote controls 225000 devices</p>
<p>“Reading is an important activity and deserves a purpose-built device”, said Jeff Bezos to the <a href="http://www.nytimes.com/2009/02/10/technology/personaltech/10kindle.html?_r=2&amp;th=&amp;adxnnl=1&amp;emc=th&amp;adxnnlx=1258470135-ERAFu42XDOIjh09Wk22Zig">New York Times</a>. He might be partially right, <strong>probably many users don&#8217;t want to see more features on the Amazon Kindle</strong>. Many think the audio book feature is already redundant (why would you need it if you have a great pocket size iPod?). On the other side, Bezos&#8217; statement might just lack of sincerity; maybe he is not putting more features just because the device is limited by a low resolution, black and white, slow, not touchy screen.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-760" style="border: 1px solid #000000;" title="Single purpose Amazon Kindle" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/single_purpose_kindle.jpg" alt="Single purpose Amazon Kindle" width="433" height="219" /></p>
<p style="text-align: center;">The single purpose Amazon Kindle</p>
<p>Few devices can be more purpose-specific than the WikiReader. Many laughed at it when it was announced, now it&#8217;s a top seller. Simple interface design makes it a king in the only thing it does: accessing Wikipedia information without complications. Maybe someone using an iPhone won&#8217;t need it but what about children?</p>
<p style="text-align: center;">
<p style="text-align: center;"><img class="aligncenter size-full wp-image-767" style="border: 1px solid #000000;" title="single_purpose_wikireader" src="http://www.designvsart.com/blog/wp-content/uploads/2009/11/single_purpose_wikireader1.png" alt="Single purpose Wikireader" width="450" height="255" /></p>
<p style="text-align: center;">The single purpose WikiReader</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=752&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/11/18/multifunction-and-single-purpose-devices-and-applications/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Poka-Yoke Design</title>
		<link>http://www.designvsart.com/blog/2009/10/29/poka-yoke-design/</link>
		<comments>http://www.designvsart.com/blog/2009/10/29/poka-yoke-design/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 13:31:23 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Errors]]></category>
		<category><![CDATA[Input Prediction]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=380</guid>
		<description><![CDATA[Poka-Yoke is a concept coming from Japan and means mistake-proof. It could be any mechanism helping users to avoid making mistakes while using an interface or product. The concept it&#8217;s focus on prevention, influencing the users&#8217; behavior through the design of the product or interface. Poka-Yoke not only improves the user experience, it also helps [...]]]></description>
			<content:encoded><![CDATA[<p>Poka-Yoke is a concept coming from Japan and means mistake-proof. It could be any mechanism helping users to avoid making mistakes while using an interface or product. The concept it&#8217;s focus on prevention, influencing the users&#8217; behavior through the design of the product or interface. Poka-Yoke not only improves the <strong>user experience</strong>, it also helps improving safety.</p>
<p>I would like to show you some Poka-Yoke examples.</p>
<p>SIM Cards. Thanks to the <strong>trimmed corner</strong>, a SIM Card can not be put into a cell phone in a wrong way.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-735" style="border: 1px solid #000000;" title="sim_card" src="http://www.designvsart.com/blog/wp-content/uploads/2009/10/sim_card.jpg" alt="Close look to SIM Card" width="450" height="210" /> SIM Card. Picture by <a href="http://www.flickr.com/photos/declanjewell/">Declan Jewell</a>.</p>
<p style="text-align: left;">
<p>On Search. Poka-Yoke concept is used by Google&#8217;s search box and by other search engines <strong>to suggest users possible search terms</strong>. In the example, I mistyped &#8220;Poka-Yoke&#8221; so the search box proposes to search for the right term. The problem with this behavior is that these suggestions could influence what users search.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-738" style="border: 1px solid #000000;" title="poka-yoke_on_google" src="http://www.designvsart.com/blog/wp-content/uploads/2009/10/poka-yoke_on_google.png" alt="Poka-Yoke behavior on Google Search" width="450" height="148" />Google search box.</p>
<p>iPhone. Every time a user starts a new note on the Notes application for iPhone, <strong>the upper case option is on and ready for the first letter</strong>. This is a way to prevent orthographic mistakes.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-740" style="border: 1px solid #000000;" title="photo" src="http://www.designvsart.com/blog/wp-content/uploads/2009/10/photo.jpg" alt="iPhone Notes application screenshot" width="256" height="384" />iPhone Notes application screenshot.</p>
<p>USB Connector. Thanks to its <strong>inner shape</strong>, an USB connector can not be connected in the wrong way.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-743" style="border: 1px solid #000000;" title="usb_connector" src="http://www.designvsart.com/blog/wp-content/uploads/2009/10/usb_connector.jpg" alt="USB Connector, inside view" width="450" height="245" />USB Connector. Picture by <a href="http://www.flickr.com/photos/pjstoneson/">PJstoneson</a>.</p>
<p>&#8230;actually, the shape of the connector not only prevents from connecting it upside down but also to connect it in the <strong>wrong place</strong>.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-746" style="border: 1px solid #000000;" title="connectors_on_macbook" src="http://www.designvsart.com/blog/wp-content/uploads/2009/10/connectors_on_macbook.jpg" alt="Different connectors in a MacBook" width="450" height="211" />Different shapes for each connector. Picture by <a href="http://www.flickr.com/photos/goodrob13/">Goodrob13</a>.</p>
<p>Padlocks. Good padlocks <strong>do not release the key</strong> if it is not totally locked, making sure that the mechanism is totally closed and avoiding mistakes. In this case safety is a big issue.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-748" style="border: 1px solid #000000;" title="padlock" src="http://www.designvsart.com/blog/wp-content/uploads/2009/10/padlock.jpg" alt="Padlock in San Francisco" width="450" height="233" />A padlock. Picture by <a href="http://www.flickr.com/photos/themacinator/">Greenkozi</a>.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=380&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/10/29/poka-yoke-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The user experience of an ATM starts before using it</title>
		<link>http://www.designvsart.com/blog/2009/09/02/the-user-experience-of-an-atm-starts-before-using-it/</link>
		<comments>http://www.designvsart.com/blog/2009/09/02/the-user-experience-of-an-atm-starts-before-using-it/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 15:18:52 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Podcast]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=607</guid>
		<description><![CDATA[Where a user experience begins? This is an example on things designers should keep in mind before designing a new product. Here I talk about my experience using an ATM at the Stockholm airport. I&#8217;ve been working hard the whole week to finish stuff before my trip to Sweden. What an exhausting week, I&#8217;m tired [...]]]></description>
			<content:encoded><![CDATA[<p><span style="border-collapse: separate; color: #000000; font-family: 'Marker Felt'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;"><span style="line-height: 20px;"><span style="border-collapse: separate; color: #000000; font-family: 'Marker Felt'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;"><span style="line-height: 20px;"> </span></span></span></span></p>
<div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Where a user experience begins? This is an example on things designers should keep in mind before designing a new product. Here I talk about my experience using an ATM at the Stockholm airport.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I&#8217;ve been working hard the whole week to finish stuff before my trip to Sweden. What an exhausting week, I&#8217;m tired and I have a headache, still I decide To go to my colleague&#8217;s party. While I was having fun there I realized how late it was and leave to home. On Saturday morning I weak up even more tired than the day before, I prepare my suitcase and rush into the airport.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">It&#8217;s early and I&#8217;m still sleepy and tired. I check in and pass through the security control. I look for my flight gate and walk the whole way there. I wait.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">The airline employee call the passengers and everybody goes through the embarking gate to the airplane.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I&#8217;m not only tired, I&#8217;m a little bit nervous too. I&#8217;ve never been afraid of flying, but you know, there have been a few accidents recently&#8230;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Food was served, a cheese sandwich and some drinks. I ate some of the sandwich but I&#8217;m too nervous too finish it.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I&#8217;m tired and nervous and the flight seems to be too short to sleep.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Flight assistants announce that we are starting the landing, for some reason the voice coming from the speakers sounds too loud and a little bit disturbing.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">We touch the ground and I feel much more relaxed. It was a perfect flight.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I&#8217;m still tired and feeling like after an exam. Released but a little bit tired. I see a &#8220;Welcome to my home town&#8221; sign together with pictures of ABBA, Roxette and other famous people. A different country, a different language and a different currency. I go to the exchange büro and ask the assistant if she could give me local money from my debit or credit card. She says no, and explains the way to the ATM. I wondered what was she there for if she could not give me some local money, but I&#8217;m too tired too think or complain, so I move towards the ATM.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I enter my card and I press the British flag on the screen hopping to get the instructions in a language I could understand. The ATM asks for my card&#8217;s PIN and I enter the 4 numbers. Nothing happens. No instructions, nothing would tell me what to do next. Only my PIN is there on the screen.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I&#8217;m tired and I think that it must be me not being able to read the options properly.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">The messages on the screen were in English, I check the ATM&#8217;s keyboard and I see numbers and words in Swedish language, no &#8220;OK&#8221; or &#8220;Cancel&#8221; button, just Swedish.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I assume the ATM is waiting for me to press the OK button, but I can not find it.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I go to the Exchange Büro again and ask the woman if she could tell me where the OK button is. &#8220;Somewhere on the right&#8221; she said.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I go back to the ATM, try to find the OK button, but all I can read is words in a language I can not understand.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">I don&#8217;t want to try buttons without being sure what they mean, ATMs usually &#8220;eat&#8221; cards if the user does 3 single mistakes entering information. Of course, being abroad without my debit card is something that I don&#8217;t want to experience&#8230;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Suddenly a Swedish couple comes and takes money out of the ATM. So, I ask them where the OK button is&#8230; I try myself&#8230; and voila! I got the money&#8230;</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Now I wonder&#8230; are there ways to make flying a better experience?</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Are those opportunities of improvement only on the plane?</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Should an ATM in the city center behave like one in an airport?</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">How come that the graphic interface of this ATM was translated but the buttons not?</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Thank you for listening!</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">This audio is part of the Design vs Art Blog. Visit us at www.designvsart.com.</div>
<div><em>Where does a user experience begin? This is an example on things designers should keep in mind before designing a new product. Here I talk about my experience using an ATM at the Stockholm airport.</em></div>
<div><em><span style="font-style: normal;"></p>
<p></span></em><em></em></div>
<div><a href="http://www.designvsart.com/blog/podcast/2009.09.01-DVABlog-ATMExperience.m4a">Download to iTunes</a></div>
<div><em><span style="font-style: normal;"><br />
</span></em></div>
<div>I&#8217;ve been working hard the whole week to finish stuff before my trip to Sweden. What an exhausting week, I&#8217;m tired and I have a headache, still I decide To go to my colleague&#8217;s party. While I was having fun there I realized how late it was and leave to home. On Saturday morning I weak up even more tired than the day before, I prepare my suitcase and rush into the airport.</div>
<div><span style="color: #ffffff;">.</span></div>
<div>It&#8217;s early and I&#8217;m still sleepy and tired. I check in and pass through the security control. I look for my flight gate and walk the whole way there. I wait.</div>
<div>The airline employee call the passengers and everybody goes through the embarking gate to the airplane.</div>
<div>I&#8217;m not only tired, I&#8217;m a little bit nervous too. I&#8217;ve never been afraid of flying, but you know, there have been a few accidents recently&#8230;</div>
<div><span style="color: #ffffff;">.</span></div>
<div>Food was served, a cheese sandwich and some drinks. I ate some of the sandwich but I&#8217;m too nervous too finish it. I&#8217;m tired and nervous and the flight seems to be too short to sleep. Flight assistants announce that we are starting the landing, for some reason the voice coming from the speakers sounds too loud and a little bit disturbing. We touch the ground and I feel much more relaxed. It was a perfect flight.</div>
<div><span style="color: #ffffff;">.</span></div>
<div>I&#8217;m still tired and feeling like after an exam. Released but a little bit tired. I see a &#8220;Welcome to my home town&#8221; sign together with pictures of ABBA, Roxette and other famous people. A different country, a different language and a different currency. I go to the exchange büro and ask the assistant if she could give me local money from my debit or credit card. She says no, and explains the way to the ATM. I wondered what was she there for if she could not give me some local money, but I&#8217;m too tired too think or complain, so I move towards the ATM.</div>
<div><span style="color: #ffffff;">.</span></div>
<div>I enter my card and I press the British flag on the screen hopping to get the instructions in a language I could understand. The ATM asks for my card&#8217;s PIN and I enter the 4 numbers. Nothing happens. No instructions, nothing would tell me what to do next. Only my PIN is there on the screen.</div>
<div><span style="color: #ffffff;">.</span></div>
<div>I&#8217;m tired and I think that it must be me not being able to read the options properly. The messages on the screen were in English, I check the ATM&#8217;s keyboard and I see numbers and words in Swedish language, no &#8220;OK&#8221; or &#8220;Cancel&#8221; button, just Swedish. I assume the ATM is waiting for me to press the OK button, but I can not find it.</div>
<div>I go to the Exchange Büro again and ask the woman if she could tell me where the OK button is. &#8220;Somewhere on the right&#8221; she said.</div>
<div><span style="color: #ffffff;">.</span></div>
<div>I go back to the ATM, try to find the OK button, but all I can read is words in a language I can not understand.</div>
<div>I don&#8217;t want to try buttons without being sure what they mean, ATMs usually &#8220;eat&#8221; cards if the user does 3 single mistakes entering information. Of course, being abroad without my debit card is something that I don&#8217;t want to experience&#8230;</div>
<div><span style="color: #ffffff;">.</span></div>
<div>Suddenly a Swedish couple comes and takes money out of the ATM. So, I ask them where the OK button is&#8230; I try myself&#8230; and voila! I got the money&#8230;</div>
<div><span style="color: #ffffff;">.</span></div>
<div>Now I wonder&#8230; are there ways to make flying a better experience?</div>
<div>Are those opportunities of improvement only on the plane?</div>
<div>Should an ATM in the city center behave like one in an airport?</div>
<div>How come that the graphic interface of this ATM was translated but the buttons not?</div>
</div>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=607&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/09/02/the-user-experience-of-an-atm-starts-before-using-it/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://www.designvsart.com/blog/podcast/2009.09.01-DVABlog-ATMExperience.m4a" length="4443659" type="audio/x-m4a" />
<enclosure url="http://www.designvsart.com/blog/podcast/2009.09.01-DVABlog-ATMExperience.mp3" length="5221063" type="audio/mpeg" />
		</item>
		<item>
		<title>Buttons are buttons, wheels are not wheels</title>
		<link>http://www.designvsart.com/blog/2009/08/21/buttons-are-buttons-wheels-are-not-wheels/</link>
		<comments>http://www.designvsart.com/blog/2009/08/21/buttons-are-buttons-wheels-are-not-wheels/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 12:15:16 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Product Design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=579</guid>
		<description><![CDATA[Doing research on camera user interfaces and design, we discovered a design problem present in an embarrassing amount of digital cameras: wheels that not behave like wheels. Back side of a typical digital camera. In this case the Canon Digital IXUS 80. What you see in the picture above these lines is a  typical digital [...]]]></description>
			<content:encoded><![CDATA[<p>Doing research on camera user interfaces and design, we discovered a design problem present in an embarrassing amount of digital cameras: <strong>wheels that not behave like wheels.</strong></p>
<p style="text-align: center;"><img class="size-full wp-image-592 aligncenter" title="canon_digital_IXUS_80_alone" src="http://www.designvsart.com/blog/wp-content/uploads/2009/08/canon_digital_IXUS_80_alone.jpg" alt="Back side of a typical digital camera. In this case the Canon Digital IXUS 80" width="398" height="261" /></p>
<p style="text-align: center;"><em>Back side of a typical digital camera. In this case the Canon Digital IXUS 80.</em></p>
<p style="text-align: left;">
<p style="text-align: left;">What you see in the picture above these lines is a  typical digital camera. Last week we went to a huge store to check camera models and we found out that many of them use the following wheel design:</p>
<p style="text-align: left;">
<p style="text-align: center;"><img class="size-full wp-image-594" title="canon_digital_IXUS_80_wheel" src="http://www.designvsart.com/blog/wp-content/uploads/2009/08/canon_digital_IXUS_80_wheel.jpg" alt="Typical digital camera wheel." width="124" height="107" /></p>
<p style="text-align: center;"><em>Typical digital camera wheel.</em></p>
<p style="text-align: left;">
<p style="text-align: left;">The problem with this design is that the wheel does not behave like a wheel, meaning that <strong>it can not be rotated in any direction</strong>. In most cases, we saw that wheels were actually 4 buttons put together. Even worse, those buttons usually had totally <strong>different functions</strong>.</p>
<p style="text-align: left;"><strong>A test with users</strong></p>
<p style="text-align: left;">During our user research finished recently, we tested several cameras (digital and not) with some users. Basically, we gave them different cameras to try and we observed them playing around. Most of the users were not expert in the use of cameras, what we could call &#8220;standard user&#8221; for these cameras (not professional).</p>
<p style="text-align: left;">For the digital cameras, almost all users tried to navigate through the user interface displayed on the screen trying to turn the wheel. Some never noticed that they could actually press the fictitious wheel.</p>
<p style="text-align: left;"><strong>This is the users&#8217; voice:</strong> something that looks like a wheel must behave like a wheel, not like a button.</p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=579&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/08/21/buttons-are-buttons-wheels-are-not-wheels/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>An industry needs a redesign: the publishing business</title>
		<link>http://www.designvsart.com/blog/2009/08/04/an-industry-needs-a-redesign-the-publishing-business/</link>
		<comments>http://www.designvsart.com/blog/2009/08/04/an-industry-needs-a-redesign-the-publishing-business/#comments</comments>
		<pubDate>Tue, 04 Aug 2009 11:53:55 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Services]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=498</guid>
		<description><![CDATA[Design vs Art is following very close the developments on the electronic paper (epaper) industry. We think it is a great technology that is about to explode. Specially ebook readers could be the next big thing. Epaper is making the revolution that will change everything unstoppable. For that reason, the publishing industry needs a redesign. [...]]]></description>
			<content:encoded><![CDATA[<p>Design vs Art is following very close the developments on the electronic paper (epaper) industry. We think it is a great technology that is about to explode. Specially <strong>ebook readers</strong> could be the next big thing. Epaper is making the revolution that will change everything unstoppable. For that reason, the publishing industry needs a redesign.</p>
<p>After hearing about the Amazon-George Orwell incident (<a href="http://www.nytimes.com/2009/07/18/technology/companies/18amazon.html?_r=2">article on the New York Times</a>), I decided to try to buy Orwell&#8217;s Animal Farm ebook in its original language and to write down on my Moleskine details about that experience. From the beginning the task was set to be difficult; I had an Amazon Kindle and I live in Germany, meaning that <strong>I can not buy ebooks at the Amazon/Kindle store</strong>.<br />
</br><br />
</br><br />
<strong>The above described exercise took me to the following impressions:</strong></p>
<p>Amazon would not sell me the ebook with a European credit card, so I went to Mobipocket.com and <strong>bought the digital version</strong> of Animal Farm. The Mobipocket software does not work on Apple Macs so I directly downloaded the book and send it to the Kindle using Calibre, an ebook management software. I tried to open the ebook and I got a disgusting message saying that <strong>the file was protected</strong> and could not be displayed in an unregistered device. Of course, I didn&#8217;t know that I could not register a Kindle on Mobipocket.</p>
<p>In case I was not clear enough, I would like to say again that <strong>I paid for the book</strong> I was trying to open. The whole <strong>user experience</strong> was totally frustrating.</p>
<p><div id="attachment_503" class="wp-caption alignnone" style="width: 540px"><img class="size-full wp-image-503" title="no_ebooks_on_unregistered_device" src="http://www.designvsart.com/blog/wp-content/uploads/2009/08/no_ebooks_on_unregistered_device1.jpg" alt="You are not allowed to read this ebook on this unregistered device." width="530" height="286" /><p class="wp-caption-text">You are not allowed to read this ebook on this unregistered device.</p></div><br />
</br><br />
What I discovered while looking for ebooks is that copyright laws are actually preventing publishers to make more money. Many ebooks are available only for some countries; if the user is connecting from another place she might not be allowed to buy and download the book. That&#8217;s a model that used to work fine in the past, but the future is digital and people want to buy from different resources.</p>
<p><div id="attachment_497" class="wp-caption alignnone" style="width: 540px"><img class="size-full wp-image-497" title="copyright_reasons" src="http://www.designvsart.com/blog/wp-content/uploads/2009/08/copyright_reasons.jpg" alt="For copyright reasons you can not buy this ebook from your country." width="530" height="275" /><p class="wp-caption-text">For copyright reasons you can not buy this ebook from your country.</p></div><br />
</br><br />
I tried to find Animal Farm in a German ebook store but I found only the German version of it. I wanted to buy the book in English language but it was not available. A lot of people love reading books in different languages, if this kind of restrictions continue customers will lose, students will lose, publishers will lose.</p>
<p>Even worse, <strong>somebody could eventually decide which version of a book a whole nation should read</strong>. This is something that might be already happening somewhere in the world, but readers have the chance to travel, buy books somewhere else and smuggle them if necessary; something that is not going to be possible in a digital publishing industry controlled but old copyright laws.</p>
<p><div id="attachment_500" class="wp-caption alignnone" style="width: 540px"><img class="size-full wp-image-500" title="no_english_books_for_german_store" src="http://www.designvsart.com/blog/wp-content/uploads/2009/08/no_english_books_for_german_store.jpg" alt="You have to use our German store, buy the German version of this ebook." width="530" height="283" /><p class="wp-caption-text">You have to use our German store, buy the German version of this ebook.</p></div><br />
</br><br />
In a completely digital publishing industry the control over what people should read could be managed in an easier way. <strong>Amazon showed its customers how dangerous its proposed design is</strong>. I am not blaming neither Amazon nor publishers. But what if an untrustworthy government buys a piece of Amazon and controls what Kindle users read? <strong>A book could be deleted or a paragraph could be changed to benefit somebody</strong>. Recently, Barnes &amp; Noble announced it would team up with Plastic Logic to mimic the Kindle experience, enforcing a trend started by Amazon but that could (actually, hopefully) fail.</p>
<p><strong>Yes, the user experience of buying an ebook at Amazon and have it delivered to a Kindle is great</strong>. Everybody loves that. But I have also read comments on forums from panicking customers promising not to activate their Kindle wireless feature anymore, worrying that the ebooks they bought in the past could disappear. <strong>The user experience is broken, the system is not trusty anymore.</strong></p>
<p><div id="attachment_510" class="wp-caption aligncenter" style="width: 540px"><img class="size-full wp-image-510" title="delete_ebook_from_devices" src="http://www.designvsart.com/blog/wp-content/uploads/2009/08/delete_ebook_from_devices.png" alt="Delete that ebook from all the devices in this country." width="530" height="272" /><p class="wp-caption-text">Delete that ebook from all the devices in this country. </p></div><br />
</br><br />
<strong>We have to help the publishing industry to survive.</strong> We should pay for our music and for our books. Publishers are in  disadvantage in comparison to the music industry, they can not make money selling concert tickets. But illegal copies of books are already there and they will be there for ever, it can not be stopped. It is also impossible to stop the ebook reader revolution.</p>
<p>I looked for the electronic version of Animal Farm on a torrent search engine. The book was there. I could have downloaded it for free in a few seconds. It could have been so easy&#8230;</p>
<p>I have to say this again: I tried to get a legal copy of the book. I actually paid for the book, but I was not allowed to read it on my device.</p>
<p><div id="attachment_505" class="wp-caption aligncenter" style="width: 540px"><img class="size-full wp-image-505" title="pirate_flag_representing_ebook_download" src="http://www.designvsart.com/blog/wp-content/uploads/2009/08/pirate_flag_representing_ebook_download.jpg" alt="To download an ebook illegally is already easier than buying it." width="530" height="250" /><p class="wp-caption-text">To download an ebook illegally is already easier than buying it.</p></div><br />
</br><br />
<strong>The publishing business needs a redesign in order to keep making money</strong> and to sponsor writers. The danger is big but the future could also be brighter for publishers. This new technology offers the possibility of a better, faster, cost-effective distribution system. They only have to make it happen before someone else do it for them, sooner or later.</p>
<p>Article by <a href="http://www.designvsart.com/about.html">Alexis Brion</a>.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=498&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/08/04/an-industry-needs-a-redesign-the-publishing-business/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Telephone design for elderly people</title>
		<link>http://www.designvsart.com/blog/2009/07/27/telephone-design-for-elderly-people/</link>
		<comments>http://www.designvsart.com/blog/2009/07/27/telephone-design-for-elderly-people/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 19:40:51 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=455</guid>
		<description><![CDATA[Designing for the elderly could be considered as a hard task. Designers are usually not elderly and knowing how a product would be perceived could be considered a not so easy task. But the results of such a task could be highly rewarding as they directly impact on somebody&#8217;s life quality. Even more, usually designing [...]]]></description>
			<content:encoded><![CDATA[<p>Designing for the elderly could be considered as a hard task. Designers are usually not elderly and knowing how a product would be perceived could be considered a not so easy task. But the results of such a task could be highly rewarding as they directly impact on somebody&#8217;s life quality. Even more, usually designing for the elderly means designing for everyone. I show here some products designed keeping in mind the needs of the elderly.</p>
<div id="attachment_474" class="wp-caption aligncenter" style="width: 364px"><img class="size-full wp-image-474" title="design_for_elderly_at_telekom" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/design_for_elderly_at_telekom.jpeg" alt="Elderly person talking on the phone" width="354" height="296" /><p class="wp-caption-text">Elderly person talking on the phone. Picture by Deutsche Telekom.</p></div>
<p><strong>Telephones are always a problem</strong></p>
<p>Elderly people seem to be perfect victims for most home telephones and cellphones. They are difficult to use and they offer a lot of functions that many don&#8217;t understand how to find. But telephones are devices with a lot of importance to people, specially during emergencies.</p>
<p>Some companies have been designing telephones for the elderly, for example <a href="http://www.doro.com">Doro</a>. Big buttons and limited functions make the following phone a hit for those looking for simplicity. I find the possibility of writing the names on the same phone a great improvement for the older ones.</p>
<div id="attachment_484" class="wp-caption aligncenter" style="width: 319px"><img class="size-full wp-image-484" title="doro_phone_for_elderly" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/doro_phone_for_elderly.jpeg" alt="Doro phone for the elderly." width="309" height="600" /><p class="wp-caption-text">Doro phone for the elderly. Picture by Doro.</p></div>
<p><strong>Digital menus</strong></p>
<p>Navigating through menus on a tiny screen is a problem for a lot of people. Many get lost and don&#8217;t understand how to select, scroll or go back to the beginning. Interaction designers at <a href="http://www.emporia-time.com">Emporia</a>, like at Doro, have been having this in mind and add a memory help notebook directly on the phone. Note that the notebook is all the time facing the user (and not in the back of the headset like in many home phones).</p>
<p style="text-align: center;">
<div id="attachment_487" class="wp-caption aligncenter" style="width: 273px"><img class="size-full wp-image-487" title="emporia_time_phone_for_elderly" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/emporia_time_phone_for_elderly.png" alt="Emporia Time phone for the elderly" width="263" height="560" /><p class="wp-caption-text">Emporia Time phone for the elderly. Picture by Emporia.</p></div>
<p><strong>Functionality over style?</strong></p>
<p>Designs for the elderly tend to be ugly: huge buttons, huge letters on a huge screen and terrible colors. But designing for the elderly is designing for all and if the designer is able to produce something appealing to everybody the product could be probably sold to a larger number of people.</p>
<p>The Deutsche Telekom released a home telephone that was initially thought to target the elderly. Not surprisingly a lot of young families are buying the phone. It has big numbers but they still look nice, it has fast dialing buttons and a paper notebook on the charging base.</p>
<p><strong>Again, less digital menus</strong></p>
<p>Something that people are requesting is to have more physical buttons. The <a href="http://www.deutschetelekom.com/dtag/cms/content/dt/en/676856%3Bjsessionid=BD9947915EADCBD54618C4D526F70B19">Deutsche Telekom</a> placed the answering machine controls on the charging station to make the listening of new messages easier.</p>
<div id="attachment_490" class="wp-caption aligncenter" style="width: 350px"><img class="size-full wp-image-490" title="sinus_a210_designed_for_elderly" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/sinus_a210_designed_for_elderly.jpg" alt="Sinus A210 phone designed for the elderly and everybody. Picture be Deutsche Telekom." width="340" height="314" /><p class="wp-caption-text">Sinus A210 phone designed for the elderly and everybody. Picture be Deutsche Telekom.</p></div>
<p><strong>That need for adding features</strong></p>
<p>This telephone is including a flashlight and a radio, each function with its own button. Design research might have been revealed that those are important features for elderly people. But they also seem to be there just because it was possible to add something else. A dedicated button for a radio, do we really need that on a cell phone? Is that going to improve the user experience?</p>
<div id="attachment_492" class="wp-caption aligncenter" style="width: 285px"><img class="size-full wp-image-492 " title="phone_with_radio" src="http://www.designvsart.com/blog/wp-content/uploads/2009/07/phone_with_radio.jpeg" alt="Doro phone with radio. Picture by Doro." width="275" height="480" /><p class="wp-caption-text">Doro phone with radio. Picture by Doro.</p></div>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=455&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/07/27/telephone-design-for-elderly-people/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Gadget prototyping tools</title>
		<link>http://www.designvsart.com/blog/2009/07/22/gadget-prototyping-tools/</link>
		<comments>http://www.designvsart.com/blog/2009/07/22/gadget-prototyping-tools/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 14:00:12 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[prototyping]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2009/07/22/gadget-prototyping-tools/</guid>
		<description><![CDATA[Prototyping is an important part of the product design process, it is used by designers to test and get feedback about the use and response regarding a new product or concept. Here I present a few tools used to prototype electronics and gadgets. Arduino Arduino is based on open-source hardware and software, it&#8217;s easy to [...]]]></description>
			<content:encoded><![CDATA[<p>Prototyping is an important part of the product design process, it is used by designers to test and get feedback about the use and response regarding a new product or concept. Here I present a few tools used to prototype electronics and gadgets.</p>
<p><strong>Arduino</strong></p>
<p><a href="http://arduino.cc/" target="_self"><span style="text-decoration: underline;">Arduino</span></a> is based on open-source hardware and software, it&#8217;s easy to use and cheaper than other non-open-source platforms. The Arduino programming language is based on <a href="http://wiring.org.co/" target="_self"><span style="text-decoration: underline;">Wiring</span></a>, a programming environment started at the Interaction Design Institute Ivrea in Italy and farther developed at the Universidad de Los Andes in Colombia.</p>
<p>You can basically prototype everything with Arduino.</p>
<table border="0" cellspacing="1" cellpadding="1" width="560" align="center">
<tbody>
<tr>
<td>
<p style="text-align: center;"><img src="http://www.designvsart.com/blog/wp-content/uploads/prototype_with_arduino.jpg" border="1" alt="Arduino LCD Prototype" width="500" height="333" /></p>
<p style="text-align: center;"><em>An Arduino prototype using LCD display to blink a message. Picture by </em><a href="http://www.flickr.com/photos/mbiddulph/" target="_self"><span style="text-decoration: underline;"><em>mbiddulph</em></span></a></p>
<p style="text-align: center;">
<p style="text-align: center;"><img src="http://www.designvsart.com/blog/wp-content/uploads/open_software_book_cover.png" border="1" alt="Open Softwear Book Cover" width="400" height="482" /></p>
<p style="text-align: center;"><em>The Open Softwear book is the result of a research combining Arduino and the fashion industry. As the authors say, this book could be useful for students and professionals trying to enter the field of physical computing from the <em>softwear</em> perspective. The book is available for free here: </em><a href="http://softwear.cc/" target="_self"><em><span style="text-decoration: underline;">http://softwear.cc/</span></em></a></p>
<p style="text-align: center;">
</td>
</tr>
</tbody>
</table>
<p><strong>Bug Labs</strong></p>
<p>Bug Labs is another open-source system like Arduino but composed by several modules that don&#8217;t need to be soldered. With them, it is easy to create mashups to prototype future electronic device designs. There is a LCD module, another one for audio, another one for motion sensing and more.</p>
<table border="0" cellspacing="1" cellpadding="1" width="560" align="center">
<tbody>
<tr>
<td>
<p style="text-align: center;"><img src="http://www.designvsart.com/blog/wp-content/uploads/bug_labs_modules.jpg" border="1" alt="Bug Labs Prototyping Modules" width="500" height="389" /></p>
<p style="text-align: center;"><em>Picture from </em><a href="http://www.buglabs.net" target="_self"><span style="text-decoration: underline;"><em>Bug Labs</em></span></a></p>
</td>
</tr>
</tbody>
</table>
<p><strong>Shapeways</strong></p>
<p>If you don&#8217;t have access to any 3D printing facility you might want to give Shapeways a try, a 3D printing service that delivers in a few days the 3D parts you upload. The website has its own community, thing that it could be helpful in some cases, for example if you are looking for other designers&#8217; opinion. It also has a 3D parts database that you could use for your prototypes.</p>
<table border="0" cellspacing="1" cellpadding="1" width="560" align="center">
<tbody>
<tr>
<td>
<p style="text-align: center;"><img src="http://www.designvsart.com/blog/wp-content/uploads/usb_3d.jpg" border="1" alt="USB 3D" width="500" height="223" /></p>
<p style="text-align: center;">
<p style="text-align: center;"><em>A user uploaded a 3D model of a USB memory stick to get it printed a few days later. Pictures from user psau3 at </em><a href="http://www.shapeways.com/mydesign?user_id=8279" target="_self"><span style="text-decoration: underline;"><em>Shapeways</em></span></a></p>
<p style="text-align: center;">
<p style="text-align: center;"><img src="http://www.designvsart.com/blog/wp-content/uploads/usb_prototype.jpg" border="1" alt="USB Prototype" width="500" height="238" /></p>
</td>
</tr>
</tbody>
</table>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=452&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/07/22/gadget-prototyping-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ways to fix a design</title>
		<link>http://www.designvsart.com/blog/2009/07/06/ways-to-fix-a-design/</link>
		<comments>http://www.designvsart.com/blog/2009/07/06/ways-to-fix-a-design/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 12:24:21 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2009/07/06/ways-to-fix-a-design/</guid>
		<description><![CDATA[Discovering that a product is not working as expected when it is already at the streets is not a pleasant feeling. Fixing a product design it is neither easy nor always possible. In this article I show you two typical examples of design fix that you should try to avoid. First Case Traveling to the [...]]]></description>
			<content:encoded><![CDATA[<p>Discovering that a product is not working as expected when it is already at the streets is not a pleasant feeling. Fixing a product design it is neither easy nor always possible. In this article I show you two typical examples of design fix that <b>you should try to avoid</b>.</p>
<p><b>First Case</b></p>
<p>Traveling to the Bavarian alps on a beautiful, <a href="http://www.bayerische-oberlandbahn.de/tmpl/XStartPage.aspx?id=16153&amp;epslanguage=ML" target="_self"><u>high-tech train</u></a>, I was doing something that the designers of it didn&#8217;t do: observing how people use doors and in particular how they would interact with their design. I was lucky enough to be sitting in front of the toilet&#8217;s door, enjoying the possibility to look at the passengers trying to deal with the door.</p>
<p><b>The design:</b> the door had a door handle, a yellow button and a huge sticker indicating that people are not supposed to use the door handle to open the door; instead they should press the button.</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="570">
<tbody>
<tr>
<td>
<p>&nbsp;</p>
<p style="text-align: center;"><img border="1" width="530" height="398" src="http://www.designvsart.com/blog/wp-content/uploads/train_door_01_530x398(1).jpg" alt="Door with door handle, button and sticker." /></p>
<p>&nbsp;</p>
</td>
</tr>
</tbody>
</table>
<p>What happened here? After many passenger breaking the &quot;automatic&quot; doors, designers decided to add an sticker to their design to try to fix it. <b>Did it work? Obviously not:</b></p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="570">
<tbody>
<tr>
<td>
<p>&nbsp;</p>
<p style="text-align: center;"><img border="1" width="530" height="398" alt="Woman opening door" src="http://www.designvsart.com/blog/wp-content/uploads/woman_opening_door_530x398.jpg" /></p>
<p style="text-align: center;"><i><b>A woman trying to open the door</b></i>&nbsp;</p>
</td>
</tr>
</tbody>
</table>
<p><b>Second Case</b></p>
<p>In Mar del Plata, one of the biggest cities in Argentina, <b>people have been paying bus tickets with cash</b> using machines installed on the buses. This system has recently been changed by another one that uses magnetic cards. These cards have to be loaded with electronic money at city kiosks; once on the bus passengers use the cards to paid for their trip.</p>
<p><b>The problem with the new design:</b> people that were used to pay using cash were trying to introduce coins and bills inside the magnetic card reader. Probably, hundreds of readers got wroken and had to be replaced.</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="570">
<tbody>
<tr>
<td>
<p>&nbsp;</p>
<p style="text-align: center;"><img border="1" width="530" height="465" alt="Magnetic card reader on a bus" src="http://www.designvsart.com/blog/wp-content/uploads/magnetic_card_reader_530x465.JPG" /></p>
<p style="text-align: center;"><i><b>&quot;Do not introduce coins&quot;</b></i></p>
</td>
</tr>
</tbody>
</table>
<p><b>The solution:</b> designers (or maybe the people in charge of the system) tried to fix the poorly designed system with a sticker saying &quot;DO NOT INTRODUCE COINS&quot;. Did it work? Probably not well.&nbsp;</p>
<p><b>Why this is happening and what could have been done? </b></p>
<p>These two products, the high tech door and the card reader, were probably designed without taking into account many parts of the system. Observing a few people interacting with the train door would have been enough to notice that people would try to open the door using the door handle if there is one (and not a button). The same applies to the card reader, designers probably never got on a bus and observed people using the old ticket machines.</p>
<p>Specially hardware design flaws are difficult and very expensive to solve. In most cases <b>a sticker would probably not solve the problem</b> and would make the whole user experience even more confusing.&nbsp;</p>
<p>A <b>user centered design process</b> should have prevented these design failures: doing field research, talking with people and observing what they need and how they behave in their environment.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=450&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/07/06/ways-to-fix-a-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DMY review: the conferences</title>
		<link>http://www.designvsart.com/blog/2009/06/24/dmy-review-the-conferences/</link>
		<comments>http://www.designvsart.com/blog/2009/06/24/dmy-review-the-conferences/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 13:22:18 +0000</pubDate>
		<dc:creator>Nora González Dwyer</dc:creator>
				<category><![CDATA[Conference]]></category>
		<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[Eco Design]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2009/06/24/dmy-review-the-conferences/</guid>
		<description><![CDATA[This is the second part of my review of the DMY international design festival 2009 in Berlin. The first part took care of the expositions. All conferences were planned on a symposium day and the whole event lasted about eight hours. The quality and background of the speakers was as motley as it gets. It [...]]]></description>
			<content:encoded><![CDATA[<p>This is the second part of my review of the <a target="_blank" href="http://dmy-berlin.com/cat/news/festival09/">DMY international design festival 2009 in Berlin</a>. The <a target="_blank" href="http://www.designvsart.com/blog/2009/06/17/dmy-review-the-expositions/">first part </a>took care of the expositions.</p>
<p>All conferences were planned on a symposium day and the whole event lasted about eight hours. The quality and background of the speakers was as motley as it gets. It started with two so called &quot;institutional presentations&quot; by the Taiwan design Center and the &quot;Metropolitan Design Center of Buenos Aires&quot;. Promotional videos of both places, a lot of charts and never ending text on the projector. No real talk about design there, even though they repeated the word until it lost its meaning. I suppose they paid to be there&#8230;</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="550">
<tbody>
<tr>
<td><img height="226" width="550" alt="" src="http://www.designvsart.com/blog/wp-content/uploads/image/DMY_2009_Symposium_cybernetic_love.jpg" /></td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><i>Yuri Suzuki and Hiromi Ozaki at the Symposium</i></p>
<p>Within the &quot;Alternative strategies&quot; block <a href="http://www.yurisuzuki.com/index.html" target="_blank">Yuri Suzuki</a> and <a href="http://www.sputniko.com/" target="_blank">Hiromi Ozaki</a> talked about their &quot;Cybernetic love: future sex project&quot;. These people analyze the Japanese society habits from all angles to get to the conclusion that sex practice is integrating elements such as virtual lives and places, electronic pleasure gadgets, robots, etc. till an extent, that a human partner is no longer the preferred alternative. This project is financed by Tenga, a company that develops high quality adult toys. I must say they have a point, check out their <a href="http://www.tenga.co.jp/e/pv_standard.html" target="_blank">promotional video</a>;&nbsp; if this is not user experience design, I don&#8217;t what is!</p>
<p><a target="_blank" href="http://www.ronen-kadushin.com/Open_Design.asp">Ronen Kadushin</a> presented &quot;Open Design&quot; and his way for design to evolve if we really want good design to surround us. We all have seen how open source software gives the best results, now here is a way to do basically the same but with product design.</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="550">
<tbody>
<tr>
<td style="text-align: center;"><img height="524" width="550" src="http://www.designvsart.com/blog/wp-content/uploads/DMY_2009_Symposium_Ronen_Kadushin.jpg" alt="" /></td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><i>Ronen Kadushin <i>at the Symposium</i></i></p>
<p>Interesting lectures of the block &quot;Sustainability&quot;: Ralf Ketelhut from <a href="http://www.stoffstromdesign.de/data_de/startseite/startseite.php" target="_blank">Stoffstromdesign</a> let us know what really happens when products are waste and made us aware how harmful coatings and pigments are in our product. We also saw an example of a very nice nearly 100% environmentally friendly wallpaper. Key to success they said, is to go to the manufacturer, talk to him and find a different way of doing things.</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="550">
<tbody>
<tr>
<td style="text-align: center;"><img height="276" width="550" src="http://www.designvsart.com/blog/wp-content/uploads/DMY_2009_Symposium_Stoffstromdesign.jpg" alt="" /></td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><i>from left to right: the wallpaper designer from <a href="http://www.eccellence-goods.com/" target="_blank">eccellence goods</a>, the roll of wallpaper, Ralf Ketelhut</i></p>
<p>Probably the best example of good innovative design was given by <a href="http://www.2012architecten.nl/new/new/home.html" target="_blank">2012 Architecten</a>. They presented some realized projects in which they rather than recycling they reused material that was considered waste. They identify a source of large quantities of waste material in good conditions and they find a way to use it.</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="550">
<tbody>
<tr>
<td style="text-align: center;"><img height="317" width="550" src="http://www.designvsart.com/blog/wp-content/uploads/DMY_2009_Symposium_2012_Architects.jpg" alt="" /></td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><i>Jan Jongert from 2012 Architecten ans a shot of their Villa Welpeloo</i></p>
<p>One of their requirements when reusing materials is to take them as they are and add no processing to them when possible, this way it is economically and environmentally worthwhile reusing. Some of these projects are an <a href="http://www.flickr.com/photos/2012architecten/3551384800/in/set-72157618571595380/" target="_blank">espresso bar</a> made with used PVC windows and the <a href="http://www.flickr.com/photos/2012architecten/1614075041/in/set-72157594181404156/" target="_blank">duchi shoe shop</a>, where car windows make the shelves.</p>
<p>Jurgen Bey gave a nice lecture about how we approach design problems and what could be the role of design in the future. A pity that I didn&#8217;t record it&#8230; there is a good summary of it in <a href="http://mobile.design.nl/item/dutch_design_focus_at_dmy_design_festival_berlin" target="_blank">design.nl</a></p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=409&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/06/24/dmy-review-the-conferences/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
