<?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>Johnny Holland &#187; 2009 &#187; May</title>
	<atom:link href="http://johnnyholland.org/2009/05/feed/" rel="self" type="application/rss+xml" />
	<link>http://johnnyholland.org</link>
	<description>It&#039;s all about interaction</description>
	<lastBuildDate>Wed, 22 Feb 2012 15:15:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>About applied ergonomics and convergent design &#8211; interview</title>
		<link>http://johnnyholland.org/2009/05/about-applied-ergonomics-and-convergent-design-interview/</link>
		<comments>http://johnnyholland.org/2009/05/about-applied-ergonomics-and-convergent-design-interview/#comments</comments>
		<pubDate>Fri, 29 May 2009 05:42:48 +0000</pubDate>
		<dc:creator>Jeroen van Geel</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Urban UX]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2292</guid>
		<description><![CDATA[<img width="240" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/interview.jpg" class="attachment-index-categories wp-post-image" alt="interview" title="interview" />In two weeks Sweden&#8217;s top UX conference, From Business to Buttons, will be held. And this gave us the great [...]]]></description>
			<content:encoded><![CDATA[<img width="240" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/interview.jpg" class="attachment-index-categories wp-post-image" alt="interview" title="interview" /><p>In two weeks Sweden&#8217;s top UX conference, From Business to Buttons, will be held. And this gave us the great opportunity to do an interview with one of the speaking teams. We talked to them about the importance of ergonomics and the challenges of convergent design.<span id="more-2292"></span></p>
<h2>Jeroen van Geel: For those who don&#8217;t know you yet. Could you shortly introduce yourself?</h2>
<p><img class="alignright size-full wp-image-2301" title="spict_lennartandersson" src="http://johnnyholland.org/wp-content/uploads/spict_lennartandersson.jpg" alt="" /><strong>Lennart Andersson: </strong>I&#8217;m Lennart Andersson, director of interaction design and partner at Ergonomidesign. I started my professional design career in a company I started with a few friends after I graduated as industrial designer 1999. We played around a lot and quickly realized the importance of converging product design and interaction design to create good products, not very common back then. Since we merged with Ergonomidesign in 2004 I have continued this work, but now in collaboration with our great human factors team, designers and strategists. I&#8217;m happy to say I learn new things every day!</p>
<p><img class="alignright size-full wp-image-2300" title="spict_thomasnilsson" src="http://johnnyholland.org/wp-content/uploads/spict_thomasnilsson.jpg" alt="" /><strong>Thomas Nilsson: </strong>My name is Thomas Nilsson and I am the director of human factors and design research at <a href="http://www.ergonomidesign.com/">Ergonomidesign</a>. I’ve been with the company since 1994, became a partner in 1998 and have, to be perfectly honest, lost count of all products that I’ve been involved with. I’m a curious guy and truly passionate about making stuff better for people to use.</p>
<h2>JVG: How did you get into product design?</h2>
<p><strong>TN:</strong> Well, I started with LEGO and then it kind of accelerated into more advanced products and interactions… While at technical college I quickly noticed that I did best at the “non-technical” courses such as physiology, cognitive science etc. So, for me, combining technical and human skills was the best compromise. During my last year we made a study visit to Ergonomidesign, I was stunned by the creativity flowing and inspired by their focus on the user. I convinced them to let me do my thesis work there and the rest is history.<br />
I still enjoy LEGO.</p>
<p><strong>LA: </strong>Being a construction engineer at an architect office I realized that the architects got to do all the fun stuff, so I decided to become an architect. But during my time at art school I met an industrial designer and realized that was exactly what I wanted to do. Endless freedom of doing any creative stuff I wanted to. Then at the end of my industrial design education at Konstfack I was seduced by interaction design. The importance of how products behave, what to expect from them and how people actually use them. Mixing the physical and digital worlds fits to my way of thinking.</p>
<h2>JVG: Thomas, you are one of Sweden&#8217;s leading experts in the field of applied ergonomics. What does a designer with a background in ergonomic design bring to the table?</h2>
<p><strong>TN: </strong>When people ask me what kinds of products I work with I tell them that I don’t work with products. I work with people. Being an ergonomist you are trained in the human being’s capabilities and limitations and methods how to collect and analyse user needs and behavior. I call this user insight. Insight in the sense that you have understood, not only collected data. This is what &#8216;we&#8217; bring to the table.</p>
<div id="attachment_2308" class="wp-caption alignright" style="width: 360px"><img class="size-full wp-image-2308" src="http://johnnyholland.org/wp-content/uploads/start_image_1.jpg" alt="Doro Care Electronics, designed by Ergonomidesign" width="350" height="222" /><p class="wp-caption-text">Doro Care Electronics</p></div>
<h2>JVG: There seem to be different fields within applied ergonomics. What are they and what are the differences?</h2>
<p><strong>TN: </strong>let me introduce them one by one:<br />
<em>Physical: </em>By understanding the constraints and capabilities of the human body we can design products, services and environments that are effective, reliable, safe and comfortable to use. Mastering physical ergonomics is fundamental if you want to create products that people are able to use and enjoy using. And of course to avoid strain injuries and minimise the risk for accidents.<br />
<em>Cognitive: </em>By understanding how people perceive, interpret and understand the world around them, we know how to develop solutions that are easy to understand and use. Mastering cognitive ergonomics is extremely important in digital solutions, particularly with the development of complex, high-technological and automated systems.<br />
<em>Emotional: </em>By understanding the end-users emotional relations to different brands, and their products and services, we know how to develop design solutions that are engaging, rewarding, aesthetically pleasing, and fun to use. Mastering emotional ergonomics is crucial in brand building and to increase customer loyalty.</p>
<h2>JVG: What kind of firm is Ergonomidesign? What makes it stand out?</h2>
<p><strong>LA: </strong>We are ranked as one of the top design consultancies in the world, considering the facts that we are quite small (55 people) and with our head office located in the northern corner of Europe this is really an achievement that we are proud of. Our 40 years in the business have made us confident in saying that, through our people-centred approach, we believe that we can develop more profitable and higher quality design solutions than most other design agencies. One of the main reasons is that our knowledge about ergonomics is second to none. We always look at the whole picture of the human being in our search for people-driven innovation. And our knowledge within ergonomics³; physical, cognitive and emotional ergonomics that Thomas explained, are crucial when designing something that have the power to shift paradigms.</p>
<div id="attachment_2312" class="wp-caption alignright" style="width: 348px"><img class="size-full wp-image-2312" title="startpage" src="http://johnnyholland.org/wp-content/uploads/startpage.jpg" alt="Maquet Servo-i, designed by Ergonomidesign" width="338" height="222" /><p class="wp-caption-text">Maquet Servo-i, designed by Ergonomidesign</p></div>
<h2>JVG: In some of the products Ergonomidesign makes the physical and digital &#8216;interfaces&#8217; come together. How do you manage this in the design process?</h2>
<p><strong>LA: </strong>First of all you need to make sure you talk to the right people at your client. They often have different teams for software and hardware development. Coordination of these teams is essential, either by us or by them. At Ergonomidesign we start with people from all necessary competences already from sales and work tightly as a team during the whole project. The earlier in the process, the more we work together; research, insights and early ideas. Then as the project moves on through the phases we gradually do more individual work, but always with regular workshops and meetings with our team and the client.</p>
<p>We do not have any specialists in convergent design. It is a way of thinking and with a few exceptions, most of the processes and methods we use are well known. The trick is to have experience from various fields, so you can wrap your head around complicated projects and think outside your own box. The project leader also needs to be perceptive to a wider scope and being able to communicate with a more differentiated team.</p>
<h2>JVG: More and more interaction designers without a background in ergonomic design are designing physical interactions. What do you think of this? What are the challenges?</h2>
<p><strong>TN: </strong>I think it is good. However, one must be aware of the difficulties that are linked to anything that has to do with the human body and brain. I spend my entire day dealing with this but I&#8217;m still amazed regarding the complexity of even simple interactions. What I mean is that it is difficult. In my experience the tangible physical interaction between a user and a product or a service can be just as difficult to deal with as the more intangible cognitive processes that go on inside the users head. I think that often interaction designers have a better understanding of these cognitive processes but sometimes lack knowledge about the human body’s physical capabilities. This is the challenge.</p>
<h2>JVG: During From Business to Buttons you will give a talk. Could you tell us what this talk will be about?</h2>
<p><strong>TN: </strong>At <a href="http://www.businesstobuttons.com/">From Business to Buttons</a> Lennart and I will share our view on how to work with convergent design and how to bring the “natural” into user interfaces. One of the cornerstones of anything ergonomic is that it is natural for the user. Physically natural, cognitive natural and emotionally natural.</p>
<p><strong>LA: </strong>We will also talk about how insights about human behaviour affects the design work. This is a knowledge you do not find in questionnaires, you need to be on site to watch people in their natural environment, let it be a workplace, at a cafe or at home.</p>
<h2>JVG: Isn&#8217;t there a danger in making it natural on all parts (physically, cognitive, emotionally)? How do you find the balance often referred to as &#8216;most advanced yet acceptable&#8217;? Or is that not important?</h2>
<p><strong>TN: </strong>Yes I agree to some extent. Exploring new technology, ways of working and interacting will mean that this is new and unfamiliar to the users. However, just because it is new it does not have to be unnatural (in a negative way).</p>
<p><strong>LA: </strong>Some companies rely heavily on new technology in the early phases of a product life. It&#8217;s working as long as they have a unique and desirable product and customers are willing to sacrifice things like ease-of-use. But competitors can quickly &#8216;copy&#8217; and sweep away customers when they come with a similar product. Wii, iPhone and Microsoft Surface are three good examples of new technology that brings new natural interaction with new technology. Not instantly natural for all people but very natural when you understand the shift from traditional (but often) awkward user interfaces. I believe this is a major shift in how we perceive technology and what we will expect new products to do for us. We develop new expectations and products get new affordances, even old products.</p>
<h2>JVG: What methods do you use to research what the users want, don&#8217;t want, need, expect, etc? How do you integrate this in the design process?</h2>
<p><strong>TN: </strong>We use a mix of generative (collecting insights to spark the design process) and evaluative methods during our process. Often we engage in co-creation activities in order to explore latent needs of the end-users. As all good researchers we rely on both subjective and objective tools. At Ergonomidesign the designer is an integrated part of the research process, often the research is entirely handled by the creative team. This means that all insights are in a good way translated into solutions. Let me finally say that I really do like the word &#8220;Insight&#8221;, what this word means is that you have UNDERSTOOD what it is all about. Too often the researchers are just collecting information, not trying to understand.</p>
<h2>JVG: Earlier you mentioned convergent design? Could you tell us what this is?</h2>
<p><strong>LA: </strong>Convergent design is merging the design processes of product design and interaction design, recently also incorporating service design. The borders between the physical and the digital world are being increasingly blurred. One example is writing with Anoto&#8217;s digital ballpoint pen we designed several years ago. By just grasping the pen and writing as you were taught as a child, you also interact with digital functions and services, e.g. filling out forms digitally and receiving confirmations as MMS to your mobile phone. Another example is a system of wearable medical devices we designed. The users live with these devices 24-7 and interacting with these devices sometimes means using a screen, other times blindfolding through your clothes. The user experience and results are very much depending on how well the hardware and software works together in everything from mapping of buttons, remote control functionality to audiovisual and tactile feedback.</p>
<p>Some companies are actually great at this today, but I would claim that most companies still have problems in coordinating product design and interaction design. 9 out of 10 of our clients do not have a synchronized process (other than a few common milestones) when we meet them. It is a challenge to change established processes and sometimes half the R&amp;D organization to achieve a true convergent design process. We believe this is a key to be innovative and create desirable products for people.</p>
<h2>JVG: Thank you very much for the interview.</h2>
<p><strong>About From Business to Buttons &#8211; </strong>Held in lovely Malmö in southern Sweden, <a href="http://www.businesstobuttons.com/" target="_blank">From Business to Buttons</a> is the meeting place in Europe for interaction designers, business strategist and usability experts. This year it will be held on June 11-12.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/about-applied-ergonomics-and-convergent-design-interview/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>In and beyond the browser</title>
		<link>http://johnnyholland.org/2009/05/in-and-beyond-the-browser/</link>
		<comments>http://johnnyholland.org/2009/05/in-and-beyond-the-browser/#comments</comments>
		<pubDate>Thu, 28 May 2009 15:00:09 +0000</pubDate>
		<dc:creator>Vicky Teinaki</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[approach]]></category>
		<category><![CDATA[challenge]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2219</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/jh-browser.jpg" class="attachment-index-categories wp-post-image" alt="jh-browser" title="jh-browser" />Want to tackle the Mozilla challenge? Here are three starting points: What do you want to achieve? What&#8217;s the situation? [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/jh-browser.jpg" class="attachment-index-categories wp-post-image" alt="jh-browser" title="jh-browser" /><p><img class="alignnone size-full wp-image-2286" src="http://johnnyholland.org/wp-content/uploads/beyond-browser.jpg" alt="" width="416" height="160" /><br />
Want to tackle the Mozilla challenge? Here are three starting points:</p>
<ol>
<li>What do you want to achieve?</li>
<li>What&#8217;s the situation?</li>
<li>What&#8217;s out there?</li>
</ol>
<p>And from that: do you want to work macro or micro?<span id="more-2219"></span></p>
<p><strong>1. What Do You Want to Achieve?</strong></p>
<p>Firefox is arguably one of the frontleading browsers (check out all the extensions!). So, you can explicitly choose to target power users and early adopters (don&#8217;t forget, there are still a lot of people around who don&#8217;t use Twitter &#8230; or Skype for that matter). However, there are other options. Youtube founder always thought about &#8220;the grandmother from the Midwest&#8221;. You may even want to take cues from screen readers &#8211; in real life they&#8217;re nothing like Bladerunner or Iron Man, but are pretty powerful when you see a demo of them. <a href="http://www.youtube.com/watch?v=8yWgoPW0nxM">JAWS demo</a></p>
<p><strong>2. What’s your Situation</strong>?</p>
<p>The strange trend is that while the browser has flattened from many windows to one, devices and data have gone the other way. The variables have changed.</p>
<p>From the devices angle, even though we&#8217;re in an era of Minority Report-inspired multi-touch, I&#8217;d say <a href="http://www.moviesoddity.com/11-predictions-that-back-to-the-future-part-ii-got-right">Back to the Future II got it right</a> in how we like to split screens up.  I personally use dual screens and love it, and dual screen laptops and phones are beginning to emerge. The interesting issues that come to the fore with extra screens is how applications such as a web browser live in them (you may want to have a browser in one screen and a document in another. Or, as I&#8217;ve done sometime, you may want to pull a password from an online account and input it somewhere else).</p>
<p>In a previous article in this series, Dave Malouf warned against using symbolic metaphors (there&#8217;s been a recent discussion on the IxDA forum about how many people now wouldn&#8217;t know that the save icon is a floppy disc!). However, spatial metaphors are very different. In the book <a href="http://www.amazon.com/Metaphors-We-Live-George-Lakoff/dp/0226468011">Metaphors We Live By</a>, Lakoff and Johnson suggest that (<a href="http://www.lonegunman.co.uk/2009/04/20/unintuitive-interfaces/">for Western societies at least</a>), &#8220;spatialisation metaphors are rooted in physical/cultural experience, they are not randomly assigned&#8221;. Examples they give include:</p>
<ul>
<li>COMMUINICATION is SENDING (his words <em>carry </em>little meaning)</li>
<li>HAVING CONTROL OR FORCE is UP, BEING SUBJECT TO FORCE OR CONTROL is DOWN</li>
<li>FORSEEABLE FUTURE EVENTS are UP (and AHEAD)</li>
<li>TIME goes PAST US from FRONT TO BACK (we are looking <em>ahead</em> to the <em>following</em> weeks)</li>
</ul>
<p>These cues are worth keeping in mind when making decisions about how users will move through pages. What&#8217;s the difference between moving through layers in data (as in pre-tab browsers and programs such as Photoshop), as opposed to moving along (as in tabs)? What&#8217;s the significance of moving in and out? Where is home?</p>
<p>Also worth keeping in mind is <a title="A Quiz Designed to Give You Fitts" href="http://www.asktog.com/columns/022DesignedToGiveFitts.html">Fitt&#8217;s Law</a> about where it&#8217;s easiest to find things: either at the edges of screens (top left is the best), or right next to a mouse (if you&#8217;re using it).</p>
<p>Conversely, data that was previously constrained in the browser is shifting beyond. OK, AIM was always offline, but now people are choosing to download applications for their Twitter feeds, Facebook updates, and to read the New York Times. While some browsers such as Flock (see below) are incorporating these feeds in amazing ways (which you may wish to explore), another way to take this is that maybe some of these datastreams can be best dealt with away from the browser. Because of this, you might wish to &#8216;bracket&#8217; examples such as these rather than trying to create concepts that cover all aspects or navigation. (Or not &#8211; you can choose to embrace the idea of the browser as dashboard).</p>
<p><strong> 3. What&#8217;s Out There?<br />
</strong></p>
<div id="attachment_2223" class="wp-caption alignright" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/browsershots.png"><img class="size-medium wp-image-2223" src="http://johnnyholland.org/wp-content/uploads/browsershots-300x183.png" alt="" width="300" height="183" /></a><p class="wp-caption-text">Browsershots - I count 20 different browers here alone!</p></div>
<p>Just as some people don’t know that tabs exist (they’re the people on IE6, and yes, I know first hand that they’re out there), you may not know about some of the more niche browsers out there. For example, if you use <a title="Browsershots" href="http://browsershots.org/">Browsershots</a> to check your websites, you have a choice of 20!</p>
<p>What&#8217;s great about existing browsers is that, unlike concepts, they&#8217;re already fully resolved. (But be careful: it&#8217;s easy to get blindsighted by what someone else has done).</p>
<p>A couple of examples to look at are:</p>
<ul>
<li><a href="http://shiira.jp/en">Shiira</a> (Mac): multiple pages are shown across the bottom of the screen, much as with Microsoft Vista
<p><div id="attachment_2232" class="wp-caption alignnone" style="width: 510px"><a href="http://johnnyholland.org/wp-content/uploads/shira.png"><img class="size-full wp-image-2232" src="http://johnnyholland.org/wp-content/uploads/shira.png" alt="The Shiira Browser" width="500" height="454" /></a><p class="wp-caption-text">The Shiira Browser</p></div></li>
</ul>
<ul>
<li><a href="http://www.flock.com">Flock</a> (Win/PC): this browser uses tabs, but also sorts media (video, Facebook updates, Twitter feeds) into separate areas. (Sarah Perez has <a href="http://www.readwriteweb.com/archives/why_dont_you_love_flock.php">written</a> about the pros and cons of their approach)
<p><div id="attachment_2227" class="wp-caption alignnone" style="width: 510px"><a href="http://johnnyholland.org/wp-content/uploads/flock.png"><img class="size-full wp-image-2227" src="http://johnnyholland.org/wp-content/uploads/flock.png" alt="The Flock browser" width="500" height="312" /></a><p class="wp-caption-text">The Flock browser</p></div></li>
</ul>
<ul>
<li><a href="http://www.spacetime.com/">SpaceTime 3D</a> (Win): one of the (many) browsers experimenting with 3D. (See also <a href="http://www.browse3d.com/">Browse 3D</a> and <a href="http://3b.net/browser/newhome.html">3B</a> , both Windows.) View with an eye to whether it would be actually used.
<p><div id="attachment_2237" class="wp-caption alignnone" style="width: 510px"><a href="http://johnnyholland.org/wp-content/uploads/spacetime.png"><img class="size-full wp-image-2237" src="http://johnnyholland.org/wp-content/uploads/spacetime.png" alt="Space Time 3D" width="500" height="312" /></a><p class="wp-caption-text">Space Time 3D</p></div></li>
</ul>
<p>Back in 2007 Smashing Magazine did a <a href="http://www.smashingmagazine.com/2007/11/21/web-browsers-you-have-never-heard-of/">compilation</a> on some of the lesser known browsers out there (you can tell it&#8217;s pre-iPhone era since they call Safari a minor browser!) which is well worth checking out.</p>
<p>Beyond that, some interesting examples include Apple <a href="http://www.apple.com/macosx/features/spaces.html">Spaces</a> (though I have to admit, I can&#8217;t use it), the docking systems for both Apple Leopard and Windows 7, and <a href="http://prezi.com/">Prezi</a> (zoom in and out presentations).</p>
<p><strong>Final Points<br />
</strong></p>
<p>Given the range of angles to take the challenge (and there are many), I&#8217;d suggest that there are two ways to attack the concepts:</p>
<ol>
<li><strong>Macro: create a scenario, explore the overall concept, work down</strong>. This is the usability and <a title="Wireframes Magazine" href="http://wireframes.linowski.ca/">wireframes</a> technique, where you investigate the scenarios and then fill in the process. You could be making storyboards and low-fi screenflows. My advice with this approach is to create a realistic but interesting scenario that allows you to explore options.</li>
<li><strong>Micro: focus on a small element, and make it amazing, reach up</strong>. This is the <a title="Description of &quot;rich description&quot;" href="http://www.writing-workbench.com/description.html">&#8216;rich description&#8217;</a> technique, as used by craftspeople or <a title="Sandbenders from Idoru" href="http://www.technovelgy.com/ct/content.asp?Bnum=80">sci-fi writers</a>. Rather than trying to resolve everything, you find an element that you can base everything else around; its &#8216;essence&#8217; in a way. Example include the Digg button, the Google searchbar, the ipod clickwheel/coverflow, the Apple OSX transitions (and yes, probably the Firefox tabs up until now). This approach needs a higher level of finesse to really make it sing (proper animation, full renderings), but the payoff is the impact it has. Having something fully detailed also allows you to propose</li>
</ol>
<p>Then you can bring them together: as Adaptive Path did in the Aurora Concept:</p>
<div id="attachment_2281" class="wp-caption alignnone" style="width: 486px"><strong><a href="http://johnnyholland.org/wp-content/uploads/macro.png"><img class="size-full wp-image-2281" src="http://johnnyholland.org/wp-content/uploads/macro.png" alt="collaboratively investigating weather data" width="476" height="138" /></a></strong><p class="wp-caption-text">The Macro: collaboratively investigating weather data</p></div>
<div id="attachment_2282" class="wp-caption alignnone" style="width: 486px"><a href="http://johnnyholland.org/wp-content/uploads/micro.png"><img class="size-full wp-image-2282" src="http://johnnyholland.org/wp-content/uploads/micro.png" alt="The Micro - radial click sequence, mouse controller" width="476" height="175" /></a><p class="wp-caption-text">The Micro - radial click sequence, mouse controller</p></div>
<p>Combining these different angles will help you create a design solution that is both <em>immersive</em> (you can work through what you need to do in it) and <em>engaging</em> (thoughtful details that make it a pleasure to use).</p>
<p>Good luck!</p>
<p><img class="alignleft size-full wp-image-2210" title="mozillachallenge-icon" src="http://johnnyholland.org/wp-content/uploads/mozillachallenge-icon.png" alt="" width="100" height="90" /><em>This article is written as part of the Mozilla Design Labs Challenge: Summer 09. For this Design Challenge we are focusing on finding creative solutions to the question: &#8220;Reinventing Tabs in the Browser &#8211; How can we create, navigate and manage multiple web sites within the same browser instance?&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/in-and-beyond-the-browser/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Save Me From Myself: Designing for Multitasking</title>
		<link>http://johnnyholland.org/2009/05/save-me-from-myself-designing-for-multitasking/</link>
		<comments>http://johnnyholland.org/2009/05/save-me-from-myself-designing-for-multitasking/#comments</comments>
		<pubDate>Mon, 25 May 2009 18:22:46 +0000</pubDate>
		<dc:creator>Janna DeVylder</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[mozilla labs design challenge]]></category>
		<category><![CDATA[multitasking]]></category>
		<category><![CDATA[tabs]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2250</guid>
		<description><![CDATA[How to design for the busy mind?]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/mulit.jpg" class="attachment-index-categories wp-post-image" alt="mulit" title="mulit" /><p><img class="alignnone size-full wp-image-2270" title="multitasking" src="http://johnnyholland.org/wp-content/uploads/multitasking1.png" alt="" width="416" height="160" /><br />
I&#8217;ll admit it. I was multitasking while writing this. With multiple projects on my mind, my work set-up demonstrated it. I had several Firefox tabs open with different types of sites, ranging from blogs to newspapers, Gmail to random research. I was saving bits and pieces of information into <a id="ckpd" title="Evernote" href="http://evernote.com/" target="_blank">Evernote</a>.  Books were laid open on the table. <a id="l4ck" title="TED" href="http://www.ted.com/index.php">TED talks</a> were playing in the background for inspiration. Let&#8217;s not forget Twitter, or the email notifications reminding me that I was missing some late-night work action. I was mentally all over the place, and to my detriment, was not finishing what I started.<span id="more-2250"></span></p>
<p>Let&#8217;s face it, I created most of this situation. Much of my success depended on my ability to stay focused (which could be an <a id="j2" title="procrastination" href="http://www.sciencedirect.com/science?_ob=ArticleURL&amp;_udi=B6V9F-482YTT8-C&amp;_user=10&amp;_rdoc=1&amp;_fmt=&amp;_orig=search&amp;_sort=d&amp;view=c&amp;_acct=C000050221&amp;_version=1&amp;_urlVersion=0&amp;_userid=10&amp;md5=c2752eb16b116a3261dc703db1a81fbe" target="_blank">entirely different article</a>), but I&#8217;m not alone in feeling the need to stay on top of so much at one time.  Everything seems urgent, we don&#8217;t want to fall behind, or worse yet, miss <em>something. </em></p>
<p>We need to understand what drives and motivates multitasking, so that we can design the right mix of freedom and constraint into the products we create. Perhaps we can help the multitaskers of the world to multitask more efficiently or, better yet, reduce the need to multitask at all.</p>
<h2>What is multitasking?</h2>
<p>According to Merriam Webster, <a id="mv1h" title="definition of multitasking" href="http://www.merriam-webster.com/dictionary/multitasking" target="_blank">multitasking</a> is the performance of several tasks at one time.  Such a simple definition masks the complexity of it. There are three important dimensions to explore:</p>
<p>The <em>ability</em> to multitask, both physically and mentally<br />
The <em>requirement</em> of multitasking, both self-created or as-designed<br />
The<em> effectiveness</em> of multitasking, both perceived and actual</p>
<h2>Ability to multitask</h2>
<p><a href="http://johnnyholland.org/wp-content/uploads/multitask1.jpg"><img class="alignright size-medium wp-image-2271" title="multitask1" src="http://johnnyholland.org/wp-content/uploads/multitask1-300x225.jpg" alt="" width="300" height="225" /></a>Is it even possible to perform several tasks at one time? Many have written (and <a id="zpmv" title="much" href="http://www.apa.org/releases/multitasking.html">much</a> <a id="d8bf" title="research" href="http://www.pnas.org/content/98/4/2095.abstract">research</a> <a id="ueae" title="suggests" href="http://www.fastcompany.com/articles/2008/07/interview-gloria-mark.html">suggests</a>) that it is a great myth. Dave Crenshaw, author of<span><em> <a id="j8bs" title="The Myth of Multitasking" href="http://www.amazon.com/Myth-Multitasking-Doing-Gets-Nothing/dp/0470372257/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1242972435&amp;sr=1-1" target="_blank">The Myth of Multitasking: How &#8220;Doing It All&#8221; Gets Nothing Done</a> </em>writes, </span></p>
<blockquote><p>When most people refer to multitasking, they are really talking about switchtasking. No matter how they do it, switching rapidly between two things is just not very efficient or effective.</p></blockquote>
<p>But wait, I can drive my car and talk to my husband. I can walk down the street and talk on my phone. Isn&#8217;t that multitasking? It is, but often you&#8217;re dealing with tasks that have been <a id="why2" title="learned" href="http://www.apa.org/releases/multitasking.html" target="_blank">learned</a>, are <a id="lrpx" title="repetitive" href="http://psycnet.apa.org/index.cfm?fa=main.doiLanding&amp;uid=2001-07721-001" target="_blank">repetitive</a>, and require <a id="x.zo" title="different parts of your brain" href="http://www.sciencedaily.com/releases/2006/09/060925113447.htm" target="_blank">different parts of your brain</a>. Regardless, <a id="rjlk" title="cognitive load" href="http://en.wikipedia.org/wiki/Cognitive_load">cognitive load</a> research would suggest that even with the appearance of simultaneous control, the appropriate attention you are able to give to any one task may be compromised. Sources of input, types of output, and physical actions required need to be considered.</p>
<h2>Requirement to multitask</h2>
<p>Is multitasking required to complete a greater task or goal? Is the need as-designed (ie. an airplane cockpit) or self-created (ie. four monitors with different programs running, books laid out, music playing)? Not all multitasking is created equal.</p>
<p>There is a lot to be learned about <a id="p58-" title="life-critical" href="http://en.wikipedia.org/wiki/Life-critical_system" target="_blank">life-critical</a> and mission-critical systems, such as medical devices or control panels at nuclear plants, much more than can be covered here. The important thing to note in these cases is that the purpose and impact of the system is mainly known, and great care needs to be taken in automating repetitive tasks, creating alerts when focus needs to be switched, and providing the right combination of information and controls that are needed at any one time.</p>
<p>Even in the systems that aren&#8217;t life threatening, we often inadvertently create a requirement to multitask by our design decisions. We create too many <a id="bf04" title="options" href="http://www.amazon.com/Paradox-Choice-Why-More-Less/dp/0060005696/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1242912425&amp;sr=8-1" target="_blank">options</a>, which in turn can <a id="0" title="increase the time" href="http://en.wikipedia.org/wiki/Hick%27s_law" target="_blank">increase the time</a> it takes to make a decision. We provide a dashboard of everything rather than <a id="uhtu" title="progressively disclosing" href="http://en.wikipedia.org/wiki/Progressive_disclosure" target="_blank">progressively disclosing</a> information and controls. We don&#8217;t <a id="c0tt" title="automate" href="http://en.wikipedia.org/wiki/Automation" target="_blank">automate</a> tasks that we know people perform all the time. We don&#8217;t create default setups to help those who are new to a product, and whose <a id="ubsi" title="lack of experience" href="http://en.wikipedia.org/wiki/Learning_curve" target="_blank">lack of experience</a> creates a need to attune to more details than an expert.</p>
<p>For the things we can control, we need to consider where along the multitasking spectrum we want our products to sit:</p>
<p><strong>Require multitasking</strong><br />
Demand attention across multiple variables</p>
<p><strong>Constrain multitasking (or at least the need to)</strong><br />
Force focus, build in natural barriers, enable automation</p>
<p><strong>Enable multitasking</strong><br />
Allow a person to decide if, when and how much to multitask</p>
<h2>Effectiveness of multitasking</h2>
<p><a href="http://johnnyholland.org/wp-content/uploads/multitask2.jpg"><img class="alignright size-medium wp-image-2272" src="http://johnnyholland.org/wp-content/uploads/multitask2-300x225.jpg" alt="" width="300" height="225" /></a>While we may not be fully attentive to everything we&#8217;re doing at the same time, we certainly want to <em>feel</em> as if we are doing well. In some ways, when we create our own multitasking contexts, we feel like we&#8217;re exerting control over the chaos. Everyone wants to feel like they&#8217;re succeeding at staying on top of it all, or even more simply, that they&#8217;re doing what they need to be doing, and doing it well. We can learn a lot about these situations by seeing the work-arounds people create in their own environments to accomplish their goals. What can we be doing within the products we design to address this?</p>
<p>In required multitasking situations, we need to understand what are the minimum and maximum number of tasks that need to be completed simultaneously, for effectiveness in this situation can often be critical. If there is sequence to the events, understanding dependencies is vital. For those systems where everything is available, much relies on the person&#8217;s understanding of what needs to be used, and when, and the <a id="m7vv" title="affordances" href="http://en.wikipedia.org/wiki/Affordances" target="_blank">affordances</a> of controls.</p>
<p>This is where automation of, and even prevention of, tasks has really helped people&#8217;s perception of effective multitasking. With the advent of notification systems, we don&#8217;t have to literally go into our email client to see if we have any new mail. I can bookmark all of my critical sites so I don&#8217;t have to memorize URLs nor type it in. Automation can even change our lives by <a id="rm25" title="giving us insulin" href="http://en.wikipedia.org/wiki/Insulin_pump" target="_blank">giving us insulin</a> when we need it rather than us manually checking it all the time. Maybe someday people won&#8217;t be able to text while driving because the phone will &#8216;just know&#8217; that you shouldn&#8217;t.</p>
<h2>Consider the impact of multitasking in your design</h2>
<p>Like it or not, people are being asked to do more in less time in many facets of our lives. Technology is also seen as the great enabler of this.  We can&#8217;t even begin to predict how our products will be fully used, and we certainly can&#8217;t prevent people from trying to multitask if they so choose. We can, however, learn a lot from social science research, from <a id="pwcc" title="Universal Principles of Design" href="http://www.amazon.com/Universal-Principles-Design-William-Lidwell/dp/1592530079/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1243183595&amp;sr=1-1" target="_blank">design principles</a> and from user-centered design. The broader our consideration for this, the more deliberate we can be with our design decisions. If such consideration were always made, perhaps in the future I could tell the computer about my deadlines and it would prevent me from task switching. I like to think that Design <em>can</em> save me, one less distraction at a time.</p>
<p>Images by <a href="http://www.flickr.com/photos/nifmus/1453407138/">Steve Kay</a>, <a href="http://www.flickr.com/photos/mn_francis/114214585/">cackhanded</a> &amp; <a href="http://www.flickr.com/photos/sorosh/488879556/">Sorosh </a></p>
<p><img class="alignleft size-full wp-image-2210" title="mozillachallenge-icon" src="http://johnnyholland.org/wp-content/uploads/mozillachallenge-icon.png" alt="" width="100" height="90" /><em>This article is written as part of the Mozilla Design Labs Challenge: Summer 09. For this Design Challenge we are focusing on finding creative solutions to the question: &#8220;Reinventing Tabs in the Browser &#8211; How can we create, navigate and manage multiple web sites within the same browser instance?&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/save-me-from-myself-designing-for-multitasking/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Selling what we do</title>
		<link>http://johnnyholland.org/2009/05/selling-what-we-do/</link>
		<comments>http://johnnyholland.org/2009/05/selling-what-we-do/#comments</comments>
		<pubDate>Thu, 21 May 2009 21:19:13 +0000</pubDate>
		<dc:creator>Daniel Szuc</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[selling]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2157</guid>
		<description><![CDATA[How should we start selling ourselves?]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/selling.jpg" class="attachment-index-categories wp-post-image" alt="selling" title="selling" /><p><img class="alignnone size-full wp-image-2181" title="sellourselves" src="http://johnnyholland.org/wp-content/uploads/sellourselves.png" alt="" width="416" height="160" /><br />
All businesses (profit and non profit) rely on sales and marketing to survive.</p>
<p>After finishing studies at University in Australia and promptly started my first job, I never really understood the value of selling. There was no class dedicated to teaching how to sell or how important it is. But know this &#8211; <strong>at some point in your life you will be required to sell</strong> &#8211; sell yourself, sell for someone else and sell what you do.<span id="more-2157"></span></p>
<p>I have never attended a sales course or read any books on selling. I don&#8217;t know why, but I always thought of selling as something cheesy or cheap. It always seemed to me that a sales person, with an obvious approach, was always trying to force you to buy something.</p>
<p><img class="alignright size-full wp-image-2182" src="http://johnnyholland.org/wp-content/uploads/salesman.jpg" alt="" width="269" height="500" />I did complete 4 years of theater training which has helped a little in terms of stage presence and voice projection. But more importantly, I have spent a lot of time (and continue to do so) observing how people across all walks of life present, share and communicate what they do. For example, when I go to a conference, I will listen to the subject presented but also look at how the speaker is engaging the audience. I will look at how much they love their subject. Are they passionate? I will look at whether they are over selling or when they are able to adjust on the fly. The best presenters, consultants, writers, experts, leaders, designers, Doctors, managers, comedians, late night show hosts and business people to name a few, are all people who can sell themselves clearly and effectively to further their ideas.</p>
<p><strong>So what I have seen and learned from watching people? What makes a great sales person? Great sales people:</strong></p>
<ul>
<li><strong>Are passionate about what they are selling -</strong> they love the subject matter and when they talk about it, you feel embraced by their energy. You want to be around them.</li>
<li><strong>Are informed and current -</strong> they are people who are reading up on the latest and greatest and like to share their knowledge.</li>
<li><strong>Communicate clearly &#8211; </strong>they know how to get to the heart or sweet spot of what they are selling so people can understand it. They avoid jargon.</li>
<li><strong>Are honest &#8211; </strong>they don&#8217;t make stuff up and if they don&#8217;t know the answer to a question, they say &#8220;I don&#8217;t know&#8221;. But they do find out and its their honesty that helps them form stronger relationships with the people they meet.</li>
<li><strong>Are focused &#8211; </strong>they stick to a few ideas or concepts and find ways to explain these clearly to people they meet.</li>
<li><strong>Have real goals &#8211; </strong>these may be sales goals i.e how much stuff they want to sell, but may also be larger goals that pertain to growing a community of interest, bringing people together, getting themselves and people around them motivated to do more.</li>
<li><strong>Are trustworthy &#8211; </strong>people trust them and have networks of trust. So when they introduce people to other people in their network, there is an inherent trust and value in those connections.</li>
<li><strong>Are connected &#8211; </strong>they know people who can help other people. They value and protect their network. They do not network for the sake of networking, handing out hundreds of business cards. Nor do they grow their network for the sake of growing their network.</li>
<li><strong>Go beyond and reach out -</strong> they go beyond comfort zones, their own communities, reach out and think about things holistically.</li>
<li><strong>Are open source -</strong> they don&#8217;t shut down ideas or people. They are open to ideas to help inform their own ideas. They create environments where people feel comfortable to express their needs, concerns, excitement towards something more than themselves.</li>
<li><strong>Are storytellers &#8211; </strong>they like to tell stories to help make people understand concepts towards their sales goals. They engage.</li>
<li><strong>Know when to speak and when to shut up &#8211; </strong>they know when to present a story and when to listen and learn.<em> Yes, there are times when you don&#8217;t have to be the one shouting the loudest in the room.</em></li>
<li><strong>Tweak and learn (repeat) -</strong> they know how to pilot their story and continually improve it along the way. They know the way you sell now will probably change in the next year. The tools you use to tell a story will probably also change as the business and social landscape changes too.</li>
<li><strong>Are human &#8211; </strong>they are able to be themselves and make others feel comfortable too. They are able to make fun of themselves and also know that its OK to make mistakes. That its OK to fail.</li>
</ul>
<p><strong>Does any of this sound familiar? </strong><br />
If so great! It means you are already selling yourself or your team or your profession.</p>
<p><strong>Rewind<br />
</strong></p>
<p><img class="alignright size-full wp-image-2183" src="http://johnnyholland.org/wp-content/uploads/selling-johnny.png" alt="" width="250" height="215" />In 1998 I was working for a usability team in Australia and decided to stop and take time to travel and explore the world. So, like many Australians, I put the backpack on and off I went. My last stop before going back to Australia was <strong>Hong Kong.</strong></p>
<p>When I landed in Hong Kong, I started looking for jobs in usability. The problem was there were none. In fact there was no Usability/UX/IXD community or industry to speak of at all. Hong Kong was in the middle of the Internet bubble and people did not seem to care too much about what it meant to improve product and services experiences. It was more about getting rich quick though VC and start ups.</p>
<p>So, one day while standing over a whiteboard together with my partner, Jo Wong, I started drawing a systems lifecycle diagram to talk to Usability and User Centered Design. I wanted to see if we could morph our business (doing small scale web design and development at the time) into something else. I explained Analysis, Design and Testing and a few Usability methods that lived in each stage. Jo understood some and at other times she zoned out. Was I selling? Yes, I was selling. I was pitching a business idea. <strong>I was selling the idea of starting our own Usability business.</strong> We were at the early stages of putting together our first sales pitch and business plan on what it would take to sell Usability to Hong Kong.</p>
<p><strong>Our first Sales Kit<br />
</strong>We had no sales team, no business development manager and no sales plan. I had only really consulted inside a company, done some training and this was usually to project teams who at least had some interest in the Usability team&#8217;s offerings or were made to. I was never really required to sell to anyone outside of that? So what<img class="alignright" src="http://docs.google.com/File?id=dcnn9355_2gbch55gs_b" alt="" width="291" height="211" /> did we do? We put together our first diagram to explain what we do and added it to our sales PPT. We LOVED this diagram and used it for many years. The problem with it though (apart from what you might think about the methodology or design) is that its <strong>full of jargon</strong>. We were confusing some of our prospective clients with our own industry speak and we did not even know it.</p>
<p>We all speak our own jargon! It happens all the time in discussion lists, conferences, books and articles. <strong>In fact, we love speaking our own jargon so much that at times it seems we can&#8217;t get enough of it.</strong> We like it, because it feels safe. I liken it to watching Doctors get together in a safe haven to talk medicine without having to deal with their patients.</p>
<p><strong>Shared Language of success</strong><br />
Our community is frustrating at times using terms like UCD, IXD, IA, UX, CX to name a few. It&#8217;s not surprising that at times our buyers don&#8217;t know what they are buying. I appreciate the need for definitions and pursuing these conversations (it&#8217;s important towards clarifying understanding), but we should also be working on a <strong>&#8220;common vocabulary&#8221; </strong>towards helping ourselves sell what we do more effectively and helping our clients reach product success.</p>
<p>We all have our own language &#8211; Engineers talk their language, Product Managers talk their language, Designers talk their language; <strong>perhaps it&#8217;s not about convincing people to use your language but about coming up with a shared understanding of what our shared end point is towards success</strong>. What are we all building towards?<br />
<strong><br />
What does all this have to do with UX?</strong><br />
I don&#8217;t know what % of time is dedicated to sales in business, but there are situations where it is critical if you want to be successful in UX:</p>
<ul>
<li><strong>Selling what we do &#8211; </strong>selling what we do to people outside and inside our field. Do they understand? Are they inspired? Do they get it? What language are you using?</li>
<li><strong>Planning what we do &#8211; </strong>developing research plans to help our customers create better stuff. Do they understand what is in the plan? Do they understand the end result?</li>
<li><strong>Showing what we have done &#8211; </strong>selling our results and communicating the improvements. What will you use? How will you present? How will you persuade? What do you want to leave people knowing after you present? Note &#8211; not everyone will fully understand or appreciate what you have done and depending on who you are speaking to you will need to provide additional background.</li>
<li><strong>Doing more of what we do &#8211; </strong>communicating next steps. How will you sell more of what you have done? Have you done enough to demonstrate value?</li>
<li><strong>Sharing what we have done &#8211; </strong>communicating with peers about our projects, lessons learned and how to tweak our language so we can reach beyond our own comfortable UX communities.</li>
</ul>
<p><strong>Ripe organisations<br />
</strong>We all have to sell to and work with different organizational and market cultures who all with different levels of receptiveness to our message. <strong>Some organizations are more ripe to the UX message than others. </strong>There are <strong>&#8220;cultural patterns&#8221;</strong> that indicate healthy interest in UX and show that people are buying into UX:</p>
<ul>
<li><strong>Management is using the UX lingo &#8211; </strong>terms like User Experience or Customer Experience are being used in presentations to stakeholders or shareholders.</li>
<li><strong>Hired a Director or VP of UX -</strong> this does not always promise UX success because it often depends on how savvy that person is in promoting and selling their team services. But it at least shows some organisational commitment to what we do.</li>
<li><strong>Usability testing of products is a given &#8211; </strong>some process is in place for critiquing products and services with customers. There is a constant flow of customer feedback being embraced and fed back into Product Development</li>
<li><strong>Money is flowing to bring in new UX’ers -</strong> budget has been allocated to grow UX in the organisation. The UX army is growing.</li>
<li><strong>Product managers claim that UX is a strategic advantage &#8211; </strong>some form of UX involvement has helped them improve their products, make more sales and make them look good. They are also selling for you.</li>
</ul>
<p><strong> Lead with language that works<br />
</strong>This is the signature I attach at the end of my emails:</p>
<p>===</p>
<p>Daniel Szuc<br />
Principal Usability Consultant<br />
Apogee Usability Asia Ltd<br />
www.apogeehk.com<br />
Usability in Asia</p>
<p>The Usability Kit &#8211; www.theusabilitykit.com</p>
<p>===</p>
<p>Is Usability the best term? Do we need to revisit the language we use? Probably yes. What term should we be using? I am not sure yet. But the point is, use language that your prospective clients understand. Lead with what works in your market. Lead with what you are comfortable with.<br />
<strong><br />
Uncomfortable situations, taking the lead and when its time to stop selling</strong><br />
Sometimes life puts you into uncomfortable situations and force you to adapt and change. If I would have never moved to Hong Kong, I would not have understood what it means to sell UX in another market. What it means to sell outside of an organization. I would never have reached out beyond Hong Kong to UX communities around the world to learn more about their successes and pain points.</p>
<p><strong>Don&#8217;t be afraid to take the lead in your own market. </strong>But also try to remember that you are also representing and growing the UX field. The more people who know what we do and the value of what we do, the better for everyone.</p>
<p>My wish is that I no longer have to talk about selling UX in 2-3 years time (maybe less). Why? Because everyone will already know our value and people are buying more of it.<br />
<strong><br />
What Is Your Goal?</strong><br />
Here’s the good news: We’re seeing trends like innovation, design thinking, mobility, gaming and terms like customer experience that are having a positive impact on what we do and helping sell the UX story. I will leave you with some food for thought.</p>
<ol>
<li>What is <strong>your goal</strong>?</li>
<li>Where <strong>do you want to be</strong> in a few years’ time?</li>
<li>How can <strong>your approach to selling UX </strong>help you get there?</li>
</ol>
<p>I look forward to an ongoing discussion with you and to learn from your successes and failures.</p>
<p><strong>Want to hear more?</strong><br />
Daniel Szuc is presenting on &#8220;Selling UX&#8221; at <a id="nkjv" title="UX Australia 2009" href="http://www.uxaustralia.com.au/" target="_blank">UX Australia 2009</a> &#8211; a 3-day user experience design conference, with <a id="2" title="inspiring and practical presentations" href="http://www.uxaustralia.com.au/conference-2009/program" target="_blank">inspiring and practical presentations</a> , covering a range of topics about how to design great experiences for people. It will be held on 26-28 August 2009, in Canberra (Australia).</p>
<p><strong>Thank You</strong>: <a title="Steve Baty" href="http://www.meld.com.au/" target="_blank">Steve Baty</a><a id="mv91" title="Gerry Gaffney" href="http://www.infodesign.com.au/" target="_blank">,</a> <a id="mv91" title="Gerry Gaffney" href="http://www.infodesign.com.au/" target="_blank">Gerry Gaffney</a>, <a id="fo4n" title="Paul Sherman" href="http://www.shermanux.com/" target="_blank">Paul Sherman</a>, <a title="John Rhodes" href="http://www.webword.com" target="_blank">John Rhodes</a>, <a id="ewfp" title="Josephine Wong" href="http://www.apogeehk.com/jo.html" target="_blank">Josephine Wong</a>, and the <a title="UX community" href="http://uxnet.org/organizations" target="_blank">UX community</a> in all its forms for helping to promote a worthy field.</p>
<p>Photos by <a href="http://www.flickr.com/photos/lcyrusphotography/3522244997/">Logan Cyrus</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/selling-what-we-do/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Metaphor on the brain: Where else would it be</title>
		<link>http://johnnyholland.org/2009/05/metaphor-on-the-brain/</link>
		<comments>http://johnnyholland.org/2009/05/metaphor-on-the-brain/#comments</comments>
		<pubDate>Thu, 21 May 2009 10:01:58 +0000</pubDate>
		<dc:creator>David Malouf</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[design challenge]]></category>
		<category><![CDATA[ixda]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[metaphor]]></category>
		<category><![CDATA[mozilla labs]]></category>
		<category><![CDATA[tabs]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2187</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/dave-mozilla.jpg" class="attachment-index-categories wp-post-image" alt="dave-mozilla" title="dave-mozilla" />As many may know, language is really important to me. I&#8217;m one of the first people to jump into any [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/dave-mozilla.jpg" class="attachment-index-categories wp-post-image" alt="dave-mozilla" title="dave-mozilla" /><p><img class="alignnone size-full wp-image-2212" title="" src="http://johnnyholland.org/wp-content/uploads/tabs-mozilla.png" alt="" width="416" height="160" /><br />
As many may know, language is really important to me. I&#8217;m one of the first people to jump into any mud wrestling battle drenched in &#8220;defining the damn thing&#8221;. I love semantics, or more importantly I treasure appropriate semantics. So to support the design challenge, I thought I&#8217;d write about metaphors, and more specifically about the metaphor we are so happy to be-friend: the tab.<span id="more-2187"></span></p>
<p>Lately, metaphors have been growing on my mind like ivy on the side of a Boston rowhouse. First, there is my recent talk on <a href="http://vimeo.com/4500315">Foundations of Interaction Design</a> that I did in Vancouver in February. But if that wasn&#8217;t good enough I did a cut-down version of it in Washington, DC for ReDUX DC. Then I&#8217;m in the midst of teaching a Perception &amp; Cognition class as part of my job at the Savannah College of Art &amp; Design where my colleague and co-teacher for the class, Bob Fee, reminded me so poignantly that not only is metaphor in everything digital but a good 90% of our language structure and semantics is rooted in metaphor. Finally, this fine publication along with the organization I helped to establish, IxDA, partnered with Mozilla Labs to create a summer Design Challenge whose topic is tabs in a browser.</p>
<h2><strong>Why metaphors at all?</strong></h2>
<p>Before we can answer why, we have to answer what. Well, we all took grammar in school and were told that a metaphor is an analogy that unlike a simile does not use the words like or as to declare a relationship.</p>
<p><em>My life is an adventure whose journey passes through wonders ridiculous and sublime.</em></p>
<div id="attachment_2196" class="wp-caption alignright" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/bobhint.gif"><img class="size-medium wp-image-2196" src="http://johnnyholland.org/wp-content/uploads/bobhint-300x225.gif" alt="Microsoft Bob, the worst metaphor OS ever" width="300" height="225" /></a><p class="wp-caption-text">Microsoft Bob, the worst metaphor OS ever</p></div>
<p>Of course, life is not an adventure, but at times has the feel of an adventure. As one of my students stated earlier this week, by creating the analogy without a prefix of like or as it is reinforcing the analogy as a truism which can&#8217;t be easily rebutted.</p>
<p>But why? Why do we need metaphors? What value do they add? The answer is quite simple. There is a density of complexity in the world around us. Analogies by themselves often create mental maps between intangible concepts that are difficult for us to understand. And tangible entities that have properties that we can associate between them, thus creating a definitional relationship, which we can use to aid our comprehension of the intangible concept.</p>
<p>A great example is how we talk about expenses: we say they are either rising or falling. Value or Expenses are neither additive or reductive. They just are. We give them a sense of size so that we can relate it to the experience of stacking coins which can go up as there is more, but prices, expenses, value in and of itself has no physical embodiment especially none that relates to altitude. Time is also very tied to metaphor. Does time really &#8220;pass&#8221;? I don&#8217;t think so. Nor does it fly or slow down.</p>
<p>In the digital world the metaphors around us are easier to see. Trashcans, files, folders, paths, etc. And our new favorite metaphor The Tab.</p>
<p>Tabs have existed in user interfaces for quite some time. With files &amp; folders already among even the oldest WIMP (Windows Icons Menus Pointers) operating systems, it only makes sense to continue the office supply metaphor. I don&#8217;t know when they first entered the world of the GUI, but I remember them in the world of Windows settings dialogs as a way of presenting collections of options in usually arbitrary categories</p>
<p>I think the next major use of tabs was in the web world. Not in the browser (other than in dialogs) but in web sites themselves. The #1 prognosticator of the use of tabs as a form of web navigation was Amazon.com. They were also the first to realize and deal with the fact that tabs as a navigation/organizing form does not scale.<br />
<img class="alignnone size-full wp-image-2198" title="amazon1" src="http://johnnyholland.org/wp-content/uploads/amazon1.png" alt="" width="500" height="83" /></p>
<a href="http://johnnyholland.org/wp-content/uploads/excel1.gif"><img class="alignright size-medium wp-image-2199" title="excel1" src="http://johnnyholland.org/wp-content/uploads/excel1-300x236.gif" alt="" width="300" height="236" /></a>
<p>Older than Amazon but oft forgotten is that Microsoft Excel was using tabs as the means for navigating worksheets for quite some time.It was the main example of using tabs as a means of organizing separate work environments with minimal relationship within a single window instance. Following on its coat tails rather quickly was Visio (before its acquisition by Microsoft and after).  The assumption by both these applications was that there was no need for scaling up to lots &amp; lots of tabs (just like Amazon).</p>
<p>Other applications like Fireworks and Dreamweaver then by Macromedia started using the tab metaphor to manage multiple canvases within the same windowing environment as well. And around this same time tabs were introduced through Netscape&#8217;s Navigator and then Mozilla&#8217;s Firefox to the browser world (now a de facto standard of all browsers).</p>
<h2>The Challenge</h2>
<p>The <a href="http://design-challenge.mozilla.com/summer09/">Mozilla Design Challenge for this summer</a> put forward the following.<br />
First the design challenge question:</p>
<blockquote><p><em>Reinventing Tabs in the Browser &#8211; How can we create, navigate and manage multiple web sites within the same browser instance?</em></p></blockquote>
<p>Then this explanation:<br />
&#8220;<em>Tabs worked well on slow machines on a thin Internet, where ten browser sessions were &#8220;many browser sessions&#8221;. Today, 20+ parallel sessions are quite common; the browser is more of an operating system than a data display application; we use it to manage the web as a shared hard drive. However, if you have more than seven or eight tabs open they become pretty much useless. And tabs don’t work well if you use them with heterogeneous information. They’re a good solution to keep the screen tidy for the moment. And that’s just what they should continue doing.&#8221;</em></p>
<p>And they are correct. Tabs for many users are broken. A quick poll of my class demonstrated that they are indeed not fulfilling the user requirements mostly in terms of scalability, but also not in terms of mapping the need of organizing their browsing experience (as it is done today) compared to that of tomorrow. And this is where it gets interesting. The line &#8220;&#8230; the browser is more of an operating system than a data display application; &#8230;&#8221; complicates things tremendously. It implies something greater that needs to be done which contradicts the seemingly limited question of the challenge itself. I don&#8217;t say this to be critical, but to guide (and I will not be a judge in this competition) participants that maybe &#8220;redesigning tabs&#8221; is not really the right question, just like &#8220;designing a bridge&#8221; is not always the answer to &#8220;Design me a bridge&#8221;. Sometimes you just need to design the appropriate means of getting from point A to point B across water or air.</p>
<h2><strong>Dissecting the metaphor</strong></h2>
<p>All metaphors should have a solid analog in the physical or tangible universe and Tabs is clearly in that category. When a metaphor fails, you should go back to its analog. Does it fail in that space? If it does maybe it means the metaphor itself is inappropriate. If it doesn&#8217;t, you need to understand what about its physical incarnation gives it advantages over its virtual.</p>
<p>In the case of Tabs there is one piece of the dynamic that must be understood when doing a proper analysis. This is that Tabs in the real world have depth. This means they can scale a lot more than the 2D virtual version.  This depth allows for stacking which means the only limitation becomes not the tabs but the depth of the draw in relation to the thickness of the content being held within the tabs themselves. <em>And before anyone goes out there and build 3D tabs, please realize that 2D UI controls in 3D interfaces are not usable to the mainstream, at least not w/o major advancements in the UI control methods.</em></p>
<h2><strong>My advice</strong></h2>
<p>Continue doing three exercises:</p>
<ol>
<li>dissect the existing problems;</li>
<li>explore what it means to transition from data delivery system to window of a cloud-based computing architecture;</li>
<li>understand not the usability of tabs, but rather the orientation of human needs towards organizing multi-tasking, and cross-referencing.</li>
</ol>
<p>I hope other smart people will offer their advice for participants in the comments below.</p>
<p>I&#8217;d like to close, though, with the first part of Adaptive Path&#8217;s Aurora concept browser for inspiration:<br />
<object width="640" height="360" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 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://vimeo.com/moogaloop.swf?clip_id=1450211&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed width="640" height="360" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=1450211&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always" /></object></p>
<p><img class="alignleft size-full wp-image-2210" title="mozillachallenge-icon" src="http://johnnyholland.org/wp-content/uploads/mozillachallenge-icon.png" alt="" width="100" height="90" /><em>This article is written as part of the Mozilla Design Labs Challenge: Summer 09. For this Design Challenge we are focusing on finding creative solutions to the question: &#8220;Reinventing Tabs in the Browser &#8211; How can we create, navigate and manage multiple web sites within the same browser instance?&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/metaphor-on-the-brain/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Mac&#8217;s petit inventions: Unique Ways of Protecting</title>
		<link>http://johnnyholland.org/2009/05/unique-ways-of-protecting/</link>
		<comments>http://johnnyholland.org/2009/05/unique-ways-of-protecting/#comments</comments>
		<pubDate>Tue, 19 May 2009 12:32:18 +0000</pubDate>
		<dc:creator>Mac Funamizu</dc:creator>
				<category><![CDATA[Observed]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[inspiration]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2104</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/mac-hoops.jpg" class="attachment-index-categories wp-post-image" alt="mac-hoops" title="mac-hoops" />Our entire lives we&#8217;re busy protecting everything around us, ranging from our children&#8217;s health to the car we drive. It&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/mac-hoops.jpg" class="attachment-index-categories wp-post-image" alt="mac-hoops" title="mac-hoops" /><p>Our entire lives we&#8217;re busy protecting everything around us, ranging from our children&#8217;s health to the car we drive. It&#8217;s not always made easy for us to do this. So, being a product designer, I&#8217;ve come up with some possible solutions that could make our protecting lives easier.<span id="more-2104"></span></p>
<h2>Shacklie</h2>
<p>Among all the belongings I&#8217;ve ever had, the item I&#8217;ve lost most must be the umbrella (except for love). So I decided to start protecting it. I thought the half circle of the handle could extend more to make a complete circle, which works as a handcuff like lock&#8230;</p>
<a href="http://johnnyholland.org/wp-content/uploads/shacklie1.png"><img class="alignnone size-full wp-image-2105" src="http://johnnyholland.org/wp-content/uploads/shacklie1.png" alt="" width="500" height="500" /></a>
<a href="http://johnnyholland.org/wp-content/uploads/shacklie2.png"><img class="size-full wp-image-2106" src="http://johnnyholland.org/wp-content/uploads/shacklie2.png" alt="Shacklie2" width="500" height="500" /></a>
<a href="http://johnnyholland.org/wp-content/uploads/shacklie3.png"><img class="alignnone size-full wp-image-2114" src="http://johnnyholland.org/wp-content/uploads/shacklie3.png" alt="" width="500" height="500" /><br /></a>
<a href="http://johnnyholland.org/wp-content/uploads/shacklie5.png"><img class="size-full wp-image-2107" src="http://johnnyholland.org/wp-content/uploads/shacklie5.png" alt="Shacklie1" width="500" height="500" /></a>
<h2>Smoke Detecting Maternity Badge</h2>
<p>In Japan, there is a “maternity mark” used for asking for courtesy towards pregnant women in public places. It’s widely used in badges, cell-phone straps, posters, signs, etc., but unfortunately there are still some people who are ignorant about it. I’ve even seen a few men who started smoking even when there was a pregnant woman around.</p>
<p>This white badge actually does exist, but it&#8217;s for the people around her to know that the lady with it is pregnant. So how about using it also for herself? It detects smoke and tells you glowing blue with a sign “Don’t smoke!” and the annoyed faces. It would be good for the expectant mother so that she can quickly notice smoke and get out of there.<img class="alignnone size-full wp-image-2108" title="badge1-petitinvention" src="http://johnnyholland.org/wp-content/uploads/badge1-petitinvention.jpg" alt="" width="500" height="500" /></p>
<img class="alignnone size-full wp-image-2109" title="badge2-petitinvention" src="http://johnnyholland.org/wp-content/uploads/badge2-petitinvention.jpg" alt="" width="500" height="500" />
<h2>Crooked closure</h2>
<p>Everybody must have once opened a snack bag in such a way that it won&#8217;t close via the bag closure anymore. Yeah, you can eat up the snack and there&#8217;s nothing to worry about. But when you want to leave some, what do you do with it?</p>
<p>So how about a crooked closure so that you can seal it?</p>
<a href="http://johnnyholland.org/wp-content/uploads/closure3.jpg"><img class="alignnone size-full wp-image-2110" title="closure1" src="http://johnnyholland.org/wp-content/uploads/closure1.jpg" alt="" width="500" height="500" /></a>
<a href="http://johnnyholland.org/wp-content/uploads/closure3.jpg"><img class="alignnone size-full wp-image-2111" title="closure2" src="http://johnnyholland.org/wp-content/uploads/closure2.jpg" alt="" width="500" height="500" /></a>
<a href="http://johnnyholland.org/wp-content/uploads/closure3.jpg"><img class="alignnone size-full wp-image-2112" title="closure3" src="http://johnnyholland.org/wp-content/uploads/closure3.jpg" alt="" width="500" height="500" /></a>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/unique-ways-of-protecting/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Book review: Problem Solving 101</title>
		<link>http://johnnyholland.org/2009/05/book-review-problem-solving-101/</link>
		<comments>http://johnnyholland.org/2009/05/book-review-problem-solving-101/#comments</comments>
		<pubDate>Mon, 18 May 2009 11:46:39 +0000</pubDate>
		<dc:creator>Jeroen van Geel</dc:creator>
				<category><![CDATA[Reviews]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[problem solving]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2136</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/problem.jpg" class="attachment-index-categories wp-post-image" alt="problem" title="problem" />Normally we review books full of design pattern or interaction logic, but this time we&#8217;re going more abstract: problem solving. [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/problem.jpg" class="attachment-index-categories wp-post-image" alt="problem" title="problem" /><p><img class="alignnone size-full wp-image-2142" title="problemsolving-book" src="http://johnnyholland.org/wp-content/uploads/problemsolving-book.png" alt="" width="416" height="160" /><br />
Normally we review books full of design pattern or interaction logic, but this time we&#8217;re going more abstract: problem solving. As designers we face complex challenges and have to make loads of decisions, will Problem Solving 101 make this easier? Hopefully.<span id="more-2136"></span></p>
<h2>About the book</h2>
<p>Problem Solving 101 was written as a guide to teach Japanese schoolchildren critical thinking skills. After that it quickly gained popularity among adults. In the book Watanabe uses simple and funny examples to learn the reader how to approach a problem. He uses three cases to educate the reader:</p>
<ul>
<li>A band called The Mushroom Lovers don’t seem to gain a larger audience. How will they solve this?</li>
<li>John the Octopus wants to become a famous CG animator and needs to save money for a computer.</li>
<li>Kiwi is a soccer talent who wants to become a star. Which soccer school should she choose?</li>
</ul>
<p>While the last two examples are great to read and learn problem solving, it’s mainly the first case I want to write about. In the field of interaction design there are often situations where you have to make decisions. Problems arise where you, as a designer, have to decide how to approach it in order to solve it. The case of The Mushroom Lovers provides some interesting examples in how you should approach this.<br />
Without describing the entire case (and thus copying the book) I want to show you some of the examples in the book:</p>
<h4>Logic tree</h4>
<p>A logic tree helps you break a problem down into categories without leaving anything out. You group similar items under the same branch. It will help you “identify all the potential root causes of a problem and generate a wide variety of solutions.” This is a great tool when you have a certain question and need to investigate the possible outcomes. When forcing yourself to make certain nothing is left out, you also force yourself to approach different options. A great and simple way to make sure you don’t go for the first (and most obvious) solution.</p>
<h4>Yes/no tree</h4>
<h4><a href="http://johnnyholland.org/wp-content/uploads/problemsolving3.png"><img class="alignright size-medium wp-image-2143" title="problemsolving3" src="http://johnnyholland.org/wp-content/uploads/problemsolving3-300x171.png" alt="" width="300" height="171" /></a></h4>
<p>A logic tree can be transformed in a yes/no tree. This form of tree helps you find the root cause of a problem or decide how to solve a problem. By creating the tree you are forced to structure and make a complete overview. At the end of the tree you&#8217;ll find the different causes/reasons why the problem could have arisen. From here on you can start investigating which of the reasons is the real root cause.</p>
<h4>Problem-solving design plan</h4>
<p>After you found the possible causes you have to find the root cause. In order to do this you’ll have to research which of the causes is the most important one. You could directly jump into research, but that’ll probably cause more problems than help you. So first: setup a problem-solving design plan. In this plan you’ll setup a hypothesis and rationale in order to focus your research. This is a very good approach since it will give you focus during the research, enabling you to ask the right questions in order to tackle the problem. Out of this also follows a good way to do the research.</p>
<p>After the research you can map the results on the yes/no tree and see where the root cause lies. And than it’s up to you to solve it.</p>
<h2>Conclusion</h2>
<p><a href="http://astore.amazon.com/uxbookstore-20/detail/1591842425" target="_blank"><img class="alignright size-full wp-image-2145" title="buy at UXbookstore.com" src="http://johnnyholland.org/wp-content/uploads/uxbookstore-buy.png" alt="" width="222" height="104" /></a>Problem Solving 101 is a book which you can read in a single evening. It’s very clearly written and in it’s core focused on children, but don’t let this put you off…. When you are dealing with challenges and have to solve problems, take your time to read this book. It gives some very simple but effective tips and methods.</p>
<p>Book details<br />
Problem Solving 101: A Simple Book for Smart People<br />
author: Ken Watanabe<br />
publisher: <a href="http://us.penguingroup.com/static/pages/publishers/adult/portfolio.html">Portfolio</a><br />
details: 111 pages, hardcover</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/book-review-problem-solving-101/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>RUSE: strategy game of the future?</title>
		<link>http://johnnyholland.org/2009/05/ruse-strategy-game-of-the-future/</link>
		<comments>http://johnnyholland.org/2009/05/ruse-strategy-game-of-the-future/#comments</comments>
		<pubDate>Sat, 16 May 2009 09:57:28 +0000</pubDate>
		<dc:creator>Jeroen van Geel</dc:creator>
				<category><![CDATA[Urban UX]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2127</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/ruse.jpg" class="attachment-index-categories wp-post-image" alt="ruse" title="ruse" />Game company Ubisoft is coming with a new strategic game &#8211; RUSE: Truth is the first casualty of war. Although [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/ruse.jpg" class="attachment-index-categories wp-post-image" alt="ruse" title="ruse" /><p><img class="alignnone size-full wp-image-2132" title="ruse-game" src="http://johnnyholland.org/wp-content/uploads/ruse-game.png" alt="" width="416" height="160" /><br />
Game company Ubisoft is coming with a new strategic game &#8211; RUSE: Truth is the first casualty of war. Although I&#8217;ve mainly seen screenshots, I think this will become an interesting game. But it&#8217;s not the game I want to talk about. No sir&#8230; it&#8217;s the trailer of the game that teased my inspiration.<span id="more-2127"></span></p>
<p>In order to promote <a href="http://ruse.us.ubi.com/">RUSE</a> the creators decided to make the trailer you see below. This time they&#8217;re not showing the game as it is played, but how it should be played in the future. And maybe it&#8217;s just me, but I&#8217;m getting really excited about this idea. First, check it out:</p>
<p><object width="640" height="385" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="window" /><param name="src" value="http://www.youtube.com/v/5ohNzHWL7FI&amp;ap=%2526fmt%3D18" /><embed width="640" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/5ohNzHWL7FI&amp;ap=%2526fmt%3D18" wmode="window" /></object></p>
<p>Wow. Great isn&#8217;t it? I know some aspects aren&#8217;t thought through, but as a whole it&#8217;s a pretty solid concept (and that for just a trailer). This is the new way of playing Stratego: having a multitouch table with different strategic challenges on it. No more Axis &amp; Allies you have to put away every time your wife wants to put dinner on the table&#8230;</p>
<p>There could be different ways to play around with this. I like the players having a position opposite of each other. It really triggers the imagination of being ancient field generals. Of course this does limit the way you can play scenarios. You could also have multiple players moving around the table, moving their forces all over the battlefield.</p>
<p>It&#8217;s a really good idea to place the battlefield on a table. Almost all strategic computer games have a top down view, so it is a logical decision. But actually being able to physically stand over the battlefield really makes all the difference in comparison to a standard computer, in my opinion.</p>
<p>Again, I know it&#8217;s just a trailer. But my dream bubble hasn&#8217;t popped yet. Because I know there is a table around somewhere that has multitouch technology inside it: <a href="http://www.microsoft.com/surface/">Microsoft Surface</a>. So all we have to do is kick some asses over there and force them to make this possible for us.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/ruse-strategy-game-of-the-future/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Introducing the Design Challenge: Summer 09</title>
		<link>http://johnnyholland.org/2009/05/introducing-the-design-challenge-summer-09/</link>
		<comments>http://johnnyholland.org/2009/05/introducing-the-design-challenge-summer-09/#comments</comments>
		<pubDate>Fri, 15 May 2009 09:08:53 +0000</pubDate>
		<dc:creator>Steve Baty</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[design challenge]]></category>
		<category><![CDATA[ixda]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2101</guid>
		<description><![CDATA[Take on the challenge. Start experimenting.]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/moz-challenge.jpg" class="attachment-index-categories wp-post-image" alt="moz-challenge" title="moz-challenge" /><p><img class="alignnone size-full wp-image-2121" title="designchallenge-summer09" src="http://johnnyholland.org/wp-content/uploads/designchallenge-summer09.png" alt="" width="416" height="160" /><br />
Mozilla Labs Concept Series, together with IxDA and your very own Johnny Holland, have launched the second in their series of Design Challenges. The Summer &#8217;09 challenge &#8211; <em>Reinventing Tabs in the Browser</em> &#8211; closes on June 21st.<span id="more-2101"></span></p>
<h2>About the Design Challenge</h2>
<p>The Design Challenge is a series of events to encourage innovation, and experimentation in user interface design for the Web. The aim is to provoke thought, facilitate discussion, and inspire future design directions for Firefox, the Mozilla project, and the Open Web as a whole.</p>
<h2>Design Challenge: Summer 09</h2>
<p>For <a href="http://design-challenge.mozilla.com/summer09/">this Design Challenge</a> Mozilla Labs decided to team up with <a href="http://ixda.org" target="_blank">IxDA</a>, a network dedicated to the professional practice of Interaction Design, and Johnny Holland (of which we&#8217;re really proud). Each one of us will provide two panelists and we&#8217;ll also be available for help (via @ixda or @johnnyholland). During the challenge Johnny will provide the teams/designers with inspiring articles related to the subject. In this Summer 09 challenge we are focusing on finding creative solutions to the question: <strong>“Reinventing Tabs in the Browser &#8211; How can we create, navigate and manage multiple web sites within the same browser instance?”</strong></p>
<p>Tabs worked well on slow machines on a thin Internet, where ten browser sessions were “many browser sessions”. Today, 20+ parallel sessions are quite common; the browser is more of an operating system than a data display application; we use it to manage the web as a shared hard drive.</p>
<p>However, if you have more than seven or eight tabs open they become pretty much useless. And tabs don’t work well if you use them with heterogeneous information. They’re a good solution to keep the screen tidy for the moment. And that’s just what they should continue doing.</p>
<h2>So why are you still here? As Dan Saffer urged us: don&#8217;t wait for permission and <a href="http://design-challenge.mozilla.com/summer09/">face the challenge</a>.</h2>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/introducing-the-design-challenge-summer-09/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>About Challenges and Authentic Experiences: An Interview with Bill DeRouchey</title>
		<link>http://johnnyholland.org/2009/05/about-challenges-and-authentic-experiences-an-interview-with-bill-derouchey/</link>
		<comments>http://johnnyholland.org/2009/05/about-challenges-and-authentic-experiences-an-interview-with-bill-derouchey/#comments</comments>
		<pubDate>Wed, 13 May 2009 11:20:49 +0000</pubDate>
		<dc:creator>Jeroen van Geel</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Urban UX]]></category>
		<category><![CDATA[authentic]]></category>
		<category><![CDATA[Bill DeRouchey]]></category>
		<category><![CDATA[challenges]]></category>
		<category><![CDATA[conversations]]></category>
		<category><![CDATA[interview]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2074</guid>
		<description><![CDATA[By Jeroen van Geel]]></description>
			<content:encoded><![CDATA[<img width="240" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/interview.jpg" class="attachment-index-categories wp-post-image" alt="interview" title="interview" /><p>Recently I did an interview with Bill DeRouchey about his view on the field of interaction design, the challenges we as designers face and about authentic experiences. Check out what he has to say in the interview. And if you like what he says, come with us and listen to him live at From Business to Buttons in Sweden (June 11-12).<span id="more-2074"></span></p>
<h2>Jeroen van Geel: For those who don&#8217;t know you yet. Could you shortly introduce yourself?</h2>
<p>Bill DeRouchey: Hello there! I&#8217;m Bill DeRouchey and I live in Portland, Oregon, US. I&#8217;m currently directing the Interaction Design group at <a href="http://www.ziba.com/">Ziba Design</a>, where I get to help design the experiences for a wide variety of challenges, from handheld devices to appliances to medical products to websites to retail spaces. It&#8217;s an amazing variety. I am also on the board of directors of the <a href="http://www.ixda.org/">Interaction Design Association</a> (IxDA) where we strive to connect, inspire and support interaction designers worldwide. On top of all that, I&#8217;m co-chairing Interaction 10 in Savannah Georgia next year, and when I can, research and blog about the history of the button.</p>
<div id="attachment_2078" class="wp-caption alignright" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/bill-theponny.png"><img class="size-medium wp-image-2078" src="http://johnnyholland.org/wp-content/uploads/bill-theponny-300x300.png" alt="Bill doing The Billy, a bad version of The Johnny" width="300" height="300" /></a><p class="wp-caption-text">Bill doing The Billy, a bad version of The Johnny</p></div>
<h2>JVG: There is a constant discussion about the definition of interaction design. What is yours? What does it touch? And what does it not touch?</h2>
<p>BD: Oh boy, the definition question. A lot of definitions have been put out there about interaction design and I believe that&#8217;s healthy and even unavoidable. We&#8217;re a relatively new field in a rapidly changing technology environment, so everybody is trying to figure it out. But this point is important to me: Define to understand, not to divide. Defining should be an exercise to test your powers of understanding and brevity. But can we ever really define it? Like Andrew Hinton once said, how do you define &#8220;sports&#8221;? You know it when you see it, but how do you clearly describe borders around it?</p>
<p>We can all probably agree that interaction design is somewhere in the murky intersection of people and technology, or really any artifact or system, as long as that thing engages back in some way. Interaction is a two-way street, it&#8217;s a conversation. Yes, as Robert Fabricant spoke about at Interaction 09 Vancouver, interaction design is about designing behavior. But for me a key component of designing behavior, and the one key question that interaction design asks that other disciplines don&#8217;t explicitly ask, is &#8220;what do I do next?&#8221; It&#8217;s sequence and flow. So one of the elements of interaction design that fulfills &#8220;I know it when I see it&#8221; to me is addressing the flow in engaging a product/service/system. At minimum, smooth and effective. Ideally with elegance, enjoyment and beneficial.</p>
<h2>JVG: Traditionally our discipline was part of digital media, but with the rise of mobility and ubicomp we are also moving outside of our box. Because of this we are coming in contact with other disciplines, like architects and industrial designers. How does this affect the role of an interaction designer?</h2>
<p>BD: I view it as interaction design is the result of different mediums merging. When engaging in this necessary/futile exercise of defining and understanding, it&#8217;s crucial to view it in the context of time. In the mid 1990s, we had software and eventually the Web. Most of our digital experiences happened with a computer screen, keyboard and mouse. The boundaries were more or less contained, the challenges were a bit simpler. A &#8220;webmaster&#8221; did all the programming, the architecture, and the visual design. But now, with larger scale projects, no one person can do everything so skill sets have to specialize. The information architecture grew out of this specialization. Then as web technology grew, and interaction increasingly happened within a page instead of between pages, the lines blurred again. Who&#8217;s the person responsible for motion or behavior? Need to specialize some more&#8230;</p>
<p>Elsewhere, other people were designing for devices. Watches, microwaves, medical, industrial, etc. &#8220;Interaction design&#8221; fit here because &#8220;interaction&#8221; frankly feels like a word with a physical component. But now that the lines blur between devices, computers and systems, so do the job skills and tools necessary to create Things.</p>
<p>Now consider 10-15 years from now. Materials science has evolved so that surfaces can be dynamically shaped, can display information, and can accept input. Fabrics, flexible plastics, or other materials become input, output and form. Disposable physical interfaces. We&#8217;ll potentially have new specialties like Kinetic Design for specializing in the movement of objects, Shape Engineering for specializing in the programming of dynamic surfaces, or Gestural Design for specializing in human movement as system input. The possibilities of interacting with technology will increasingly become more complex, yet there will still need to be a role that stitches together human cognition and behavior with system architecture and behavior. Can this still be called interaction design? I don&#8217;t see why not.</p>
<h2>JVG: The number of tangible devices that have a digital interface is growing. Here product and interaction designers meet. What is the challenge we face here and how should we deal with it?</h2>
<p>BD: It&#8217;s true. The roles of product/industrial designer and interaction designer have come to overlap much more in recent years as physical products increasingly have digital interfaces. In my five years at Ziba, I&#8217;ve seen this in a bunch of projects. So how do we deal with it? Easy. Design it together in collaboration while recognizing each other&#8217;s specialties. The overlap of roles is clearly the physical interface. How many buttons? What do they do? How are they positioned? Both the product designer and interaction designer should have equal say in this discussion because the elegance and effectiveness will be found by working through it together over iterations. Once the basic configuration of the physical interface is agreed upon, each side can then focus on its specialty. The interaction designer is responsible for what happens onscreen and what the buttons do. The product designer is responsible for form and feel. Yet both sides should be free to give input to the other. The biggest challenge is simply getting them in the same room, or even the same building.</p>
<h2>JVG: In June you will give a talk at From Business to Buttons in Malmo, Sweden. What will the talk be about?</h2>
<p>BD: At <a href="http://www.businesstobuttons.com/">Business to Buttons</a> I will be talking about &#8220;Designing Humanity into Products.&#8221; It asks the question, how can companies better connect to its customers? The answer is simple: Speak like people, not like machines. It&#8217;s about the need to remove the corporate faces from the products and services we create and instead let personality shine through. More and more, people are craving authentic experiences from the world around them, and that means a simple human-to-human connection. In our &#8220;user experience&#8221; world, this means when people use a website, software, product, etc., people should somehow experience the people that created it. Connection. So I&#8217;ll highlight examples of companies that have successfully done this and provide a framework within which to understand it.</p>
<h2>JVG: In product design designers have been looking at a company and their products as a whole for years&#8230; How come that digital designers are so much behind?</h2>
<p>BD: First of all, product design as a discipline is decades older than digital design. That&#8217;s a big headstart. Simply, product designers make actual tangible things that you can hold. It&#8217;s a much more personal exercise than creating something that exists only onscreen. Digital designers also face the challenge of creating something whose borders are completely amorphous. Websites are never really complete. Data is pulled from somewhere else. People are contributing content. There is never a final &#8220;this is done&#8221; moment. But when products are manufactured and come off the assembly line, they&#8217;re done. It&#8217;s a well-defined thing. I believe it&#8217;s core in our human nature to ascribe more personality to a physical thing than software. We&#8217;ve been interacting with things for millions of years. Software, thirty years max for most of us.</p>
<h2>JVG: What are your ideas on the role of culture and cultural changes on enabling this authentic experience?</h2>
<p>BD: There&#8217;s a large cultural trend around transparency right now, for companies to reveal who they are, for people to reveal who they are. It&#8217;s all about removing the masks that separate ourselves from one another, and simply be ourselves. Transparency leads to authenticity. This has interesting implications for design because typically the artifact produced becomes its own entity, separate from its designers. But if we apply the transparency and authenticity filters here, users may want to see and connect with the designers themselves, and not just the artifacts.</p>
<h2>JVG: Where do you personally really miss an authentic experience? Where would it really be an added value?</h2>
<p>BD: Fascinating question. Banking is a really interesting example. I have strong memories of being a little kid and bringing my money to the corner bank to deposit as savings. You got to meet the people that were taking care of your money. Now, money is incredibly abstracted. I almost never enter banks due to ATMs, online banking, etc. Convenience and automation have replaced connection. The recent economic crash has shown us what can happen when money becomes too abstracted, when you lose connection where that &#8220;dollar&#8217; is actually going. This can explain the success of microlending sites like Prosper or Kiva, where people can lend their money to actual people and see the results of their help. As another example, a few years ago, Ziba partnered with Umpqua Bank, a bank local to the west coast of the US. Ziba proposed the concept of slow banking, where your goal is to not rush in and rush out, but to instead slow down, connect with your neighbor bank, maybe do some other errands while you&#8217;re there. It&#8217;s been a great success.</p>
<h2>JVG: Do you have any simple advice for UX designers in improving the authenticity? What can WE do?</h2>
<p>BD: The best advice I can offer here is to focus on the writing. I think authenticity shines mostly through voice. Do the words sound like an actual person wrote them? Or do they sound stale and corporate? The problem that most companies have is their writing sounds too formal, even formulaic. The fear from sounding unbusinesslike has created a culture where companies are afraid to say anything real or with personality, resulting in a formal tone, yet formality is designed to create barriers or distance between people. It&#8217;s a power game. On the flipside, informality is where connections truly occur. When you let down your guard with someone, that&#8217;s when the authentic you shows up. That&#8217;s when you connect. So write as if you&#8217;re talking to someone, not writing to them. And as you&#8217;re writing, actually say the words out loud. This is the simplest method of all to spot the clunky constructions and weed out the odd phrases. It boils down to &#8220;Write as you speak, and speak as you write.&#8221;</p>
<h2>JVG: Thank you very much for taking the time for this interview. We&#8217;re looking forward to your talk at From Business to Buttons in June.</h2>
<p>BD: Thank you Jeroen. I look forward to seeing everybody there!</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/about-challenges-and-authentic-experiences-an-interview-with-bill-derouchey/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

