<?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; techniques</title>
	<atom:link href="http://johnnyholland.org/tag/techniques/feed/" rel="self" type="application/rss+xml" />
	<link>http://johnnyholland.org</link>
	<description>It&#039;s all about interaction</description>
	<lastBuildDate>Wed, 23 May 2012 18:35:28 +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>Learning From Our Challenge Piles</title>
		<link>http://johnnyholland.org/2010/08/learning-from-our-challenge-piles/</link>
		<comments>http://johnnyholland.org/2010/08/learning-from-our-challenge-piles/#comments</comments>
		<pubDate>Sat, 14 Aug 2010 01:18:49 +0000</pubDate>
		<dc:creator>Michelle Gilmore</dc:creator>
				<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[Observed]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[techniques]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=8215</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/challenge.jpg" class="attachment-index-categories wp-post-image" alt="challenge" title="challenge" />Good design is hard to do. The very nature of human centred design is confronting, challenging and often uncomfortable. Every [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/challenge.jpg" class="attachment-index-categories wp-post-image" alt="challenge" title="challenge" /><img class="size-full wp-image-8276 alignnone" title="challenge-piles" src="http://johnnyholland.org/wp-content/uploads/challenge-piles.jpg" alt="" width="416" height="160" />
<p>Good design is hard to do. The very nature of human centred design is confronting, challenging and often uncomfortable. Every project builds up a collection of challenges along the way, which can pose significant risk to the project’s success, and if we don’t tackle them head on they can be detrimental for everyone involved. How can  we share and learn from each other’s challenges? <span id="more-8215"></span></p>
<p><a href="http://johnnyholland.org/wp-content/uploads/fig56.jpg"><img class="aligncenter size-medium wp-image-8216" title="Challenge Pile" src="http://johnnyholland.org/wp-content/uploads/fig56-284x300.jpg" alt="Illustration of a challenge pile  " width="284" height="300" /></a> At <a title="Neoteny Service Design Website " href="http://www.neoteny.com.au/" target="_blank">Neoteny</a>, we refer to the collection of challenges in a project as its ‘challenge pile’, given they’re exactly that; a pile of issues, constraints and problems. We keep track of the challenge piles using walls in our studio for each project. Some are collections of post it notes, others are photographs, drawings, diagrams, scribbles or hand written notes. Each week as part of our work in-progress meeting (team jam), we take stock of each project’s challenge pile.</p>
<p>We ask ourselves the following for every challenge:</p>
<ul>
<li>How did this challenge come about?</li>
<li>Briefly establish the current reality, including:
<ul style="font-size: 1em;">
<li>What has it cost the project? Not necessarily in financial terms, what has been the cost to our momentum, resources, client expectations etc.</li>
<li>What is the potential impact? In what areas?</li>
<li>Could it have been avoided? How or why not?</li>
</ul>
</li>
<li>How have we handed it thus far? As a group, explore options for how we handle it moving forward.</li>
<li>Agree on proposed solutions or new approaches and secure buy-in from everyone involved.</li>
<li>We’ve found that this structure helps us stay out of the drama whilst understanding the drivers for each challenge, and then focus on solutions. This makes the process much more collaborative and productive, we aren’t sitting at our desks sweating over something we could probably work through together in a few minutes.</li>
</ul>
<p>We recently had a team jam, and here’s what came out of our challenge pile review:</p>
<h2>1. Customer needs and business requirements collide.</h2>
<a href="http://johnnyholland.org/wp-content/uploads/fig1.jpg"><img class="aligncenter size-medium wp-image-8217" title="Customer business needs collide" src="http://johnnyholland.org/wp-content/uploads/fig1-285x300.jpg" alt="Illustration of the customer and the business causing an explosion" width="285" height="300" /></a>
<p>This project is in its early stages. The client came to us with a new product that they wanted to develop, the first step was to research the product feasibility and desirability in the market.After conducting research aimed at validating the customer need for a new product, we found that what the customer needed and what the client planned to launch, were two very different things.</p>
<p>We’re currently in discussions with the client to try to shift the project objectives and focus, to meet real customer needs. As a group we decided not to proceed to stage two unless we could get their buy in on a revised approach.</p>
<p><em>Question for readers: What would you do in this situation?</em></p>
<h2>2. Budget streams are unclear for future phases of work.</h2>
<a href="http://johnnyholland.org/wp-content/uploads/fig2.jpg"><img class="aligncenter size-medium wp-image-8218" title="The unclear budget stream" src="http://johnnyholland.org/wp-content/uploads/fig2-202x300.jpg" alt="illustration of a large hand holding a bag of money over stakeholders" width="202" height="300" /></a>
<p>We’ve been involved in projects in the past that have unclear funding streams for future work. This is especially common in large corporates, where steering committees assign funds based on a comprehensive business case analyses including return on investment predictions. These can’t necessarily be defined without first doing some work. The problem with this structure is that you have a team of stakeholders that can only see as far as the next steering committee meeting. This makes a design project with a strategic foundation i.e.  something that&#8217;s designed with the whole in mind, very difficult to manage.</p>
<p>This particular case was flagged early because we’ve seen the warning signs before. The signs included hearing things like:</p>
<ul>
<li>“If we build this&#8230;”, highlights the fact that the stakeholder doesn’t believe this project will make it to implementation.</li>
<li>“We need to show results by June&#8230;”, if you ask why, you’ll probably hear something like “that’s our next steering committee check point”.</li>
<li>“We won’t be able to build that”, if you ask why, you’ll probably hear something like “because the next budget release won’t be anywhere near that much”.</li>
</ul>
<p>In the past, this issue has created a divide between the client or project stakeholder group and the design team. Whilst the stakeholder group is focused on securing the next round of funding to ensure that this phase can move to implementation, the design team is focused on exploring and exposing every possible opportunity for solving the design problem.</p>
<p>We’re currently working with senior management to ensure we have their buy-in throughout this project. In our experience, we’ve found that if the person signing the cheques is on board with the approach, the whole stakeholder group is much more relaxed and inclined to get their hands dirty in design.</p>
<p><em>Q: Have you experienced this before, and if so, how did you get around it? </em></p>
<h2>3. Stakeholder groups have varying ideas of the project objectives</h2>
<p><a href="http://johnnyholland.org/wp-content/uploads/fig3.jpg"><img class="aligncenter size-medium wp-image-8219" title="Stakeholder groups have different ideas of what the project is" src="http://johnnyholland.org/wp-content/uploads/fig3-300x284.jpg" alt="Illustration of four stakeholders all thinking different things " width="300" height="284" /></a><br />
Have you ever been in a project meeting and realised that the client team doesn’t agree on the project’s objectives? This is an awful moment for a designer. It’s the moment when you move from designer to mediator. Playing mediator with your clients is generally not a lot of fun and not how you want to be spending your energy.</p>
<p>The design team typically work with clients to reach a shared set of project objectives. If you find yourself in a situation where you think this has happened but it isn’t the case, then it needs to be dealt with immediately. This agreement needs to be made before design work can start. Of course, these objectives may shift and be adjusted as part of the design process, but the aim is for adjustments to be made as a whole, not as a fragmented set of perspectives from different stakeholders.</p>
<p>We’re currently experiencing this on a scoping project we’re working on. It came about in a workshop, where up until that point, the team seemed aligned. We handled it by stressing the need for a shared project vision and refusing to move forward without one. We managed to facilitate developing a shared set of objectives, prioritising them and we’re currently working with the client to ensure that every stakeholder is in agreement on the vision for the project.</p>
<p>Without this shared vision, we put the success of the project at risk because no one is clear on what success will look like. We’re currently working through ways to communicate this in a more explicit way to our clients before we start on their projects.</p>
<p><em>Q: Perhaps it’s about signing off on the project vision, would that make people more accountable? </em></p>
<h2><strong>4</strong>. Mystery stakeholder stomps on the project.</h2>
<p><a href="http://johnnyholland.org/wp-content/uploads/fig4.jpg"><img class="aligncenter size-medium wp-image-8220" title="Mystery stakeholder stomps on project" src="http://johnnyholland.org/wp-content/uploads/fig4-249x300.jpg" alt="Illustration of a large foot stomping on a pile of building blocks" width="249" height="300" /></a>Does this scene sound familiar? The design team is working away, the client is happy and excited, they’re getting involved and spending time designing with us. Then BAM! Along comes the mystery stakeholder who has significant influence, but just “doesn’t like blue”. In most cases, the mystery stakeholder is a fairly senior member of the client team who hasn’t been along for the ride and is looking at the design solution without any understanding of the brief, the agreed approach, the challenges or the project’s constraints. This situation can be crippling. Challenges like this can impact resources, motivation, relationships, momentum, time and budget. You could argue that it’s the design team’s fault for not ensuring that all stakeholders were engaged, the project owner’s fault for not engaging the full spectrum of players, or the mystery stakeholder’s fault for stepping in with the ‘I’m gonna leave my mark on this project regardless of how you got here’ kind of attitude.</p>
<p>We’ve started to enforce what we call a stakeholder roll call. At the start of every project, and within our terms and conditions we gather a list of stakeholders, their roles and responsibilities and have the project owner sign off on this list. The full list of stakeholders are required to sign off on all milestones and agreed deliverables.</p>
<p>We acknowledge that the stakeholders may change, but the terms allow for this situation and protect the progress we would have made in the project up to that point. The success of this approach remains to be seen, though what it does achieve is a level of accountability agreed up front for the potential impact of those ‘stomping moments’.</p>
<p><em>Q: How do you protect your projects from random stakeholder stomping? How have you dealt with this situation in the past?</em></p>
<p><strong>Where To From Here?</strong></p>
<p>As you’d expect, there’s a ‘magical box’ of learnings and insights created by each challenge pile. It’s what we choose to do with the magic that makes the obstacles and the heartache worthwhile. I’m sure we’ll learn a hell of a lot more as our company matures, but here are some of the more salient ones we’d like to share with you:</p>
<ul>
<li>There’s not always something ‘to do’, there’s something ‘to know’. There are situations we can’t ‘solve’ in the context of the project we’re working on. But being aware of the specific challenges and carefully managing expectations accordingly can be a very effective approach, one which better supports our potential success.</li>
<li>As a company (and perhaps as an industry) let’s be more reflective. That doesn’t mean we have to wade into the drama or analyse it ad nauseam, but we do need to nip things in the bud, be honest with ourselves and the team, be open about the potential impact that the shifts might have, and involve everyone.</li>
<li>Getting the players involved as the challenges arise. Rather than keeping our ‘dark passengers’ under our hat, and suffering in relative silence, all with a smile on our face, let’s face the challenges together! Clients and project stakeholders are often quite pleased when you invite them to be part of the solution. Any shifts to the project approach are also much more likely to fly if we’ve got buy-in from everyone involved.</li>
<li>Sharing the good the bad and the ugly with our peers. Let’s foster a culture where we share both our triumphs and our failures, rather than keeping the latter closely guarded. As a collective mind, I’m sure we can come up with some inspired, insightful ways to circumvent and also completely avoid some of these challenges.</li>
</ul>
<p>We believe that we can get better at this thing called ‘design’ if, as an industry, we can make the most of lessons we learn from these challenges. After all, they enable us to be more resourceful, they give us an opportunity to be more creative, to build stronger teams and deeper relationships.</p>
<p>So, what do you think?</p>
<p><a href="http://uxaustralia.com.au/conference-2010"><img class="alignleft size-full wp-image-8208" title="UX Australia" src="http://johnnyholland.org/wp-content/uploads/logo1.gif" alt="" width="183" height="50" /></a>Michelle is one of the speakers at <a href="http://www.uxaustralia.com.au/conference-2010/">UX Australia 2010</a>, taking place 25-27 August 2010 in Melbourne, Australia. The conference has sold out, but workshops are still available, or you can go on the waiting list. See <a href="http://register.uxaustralia.com.au/">the UX Australia site</a> for details.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2010/08/learning-from-our-challenge-piles/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Mobile Diaries: discovering daily life</title>
		<link>http://johnnyholland.org/2010/07/mobile-diaries-discovering-daily-life/</link>
		<comments>http://johnnyholland.org/2010/07/mobile-diaries-discovering-daily-life/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 11:00:17 +0000</pubDate>
		<dc:creator>Penny Hagen</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design research]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[probes]]></category>
		<category><![CDATA[remote research]]></category>
		<category><![CDATA[self-reporting]]></category>
		<category><![CDATA[techniques]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=7808</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/mobile-diaries-small.jpg" class="attachment-index-categories wp-post-image" alt="mobile-diaries-small" title="mobile-diaries-small" />“To design is to have a ‘project’. Getting the design process moving is to expose and transform this ‘project’ in [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/mobile-diaries-small.jpg" class="attachment-index-categories wp-post-image" alt="mobile-diaries-small" title="mobile-diaries-small" /><p><em>“To design is to have a ‘project’. Getting the design process moving is to expose and transform this ‘project’ in a conversation with those that it might eventually affect” (Buur, Binder, &amp; Brandt, 2000).</em><em> </em></p>
<p>In the early stages of design, rather than evaluate or validate specific user requirements or priorities, we are interested in exploring possibilities. As the opening quote suggests, we seek to engage with the various stakeholders the design project may eventually effect and gain an understanding of the unique design situation from their perspective. In Zimmerman et al.&#8217;s  (2004) framework for discovering and extracting knowledge during the design process, this is known as the Discovery phase of design. In this article we introduce Mobile Diaries as a field work method that can be utilised in the early stages of design to immerse into people&#8217;s everyday life.<span id="more-7808"></span></p>
<a href="/wp-content/uploads/ph_why_selfreporting.jpg"><img title="self-reporting" src="/wp-content/uploads/ph_why_selfreporting-300x253.jpg" alt="why_selfreporting" width="300" height="253" /></a>
<p>This exploratory approach to self-reporting allows participants  to create and share a rich picture of their world, be they grandmothers, bankers, students, young parents or employees. In this article we describe Mobile Diaries, and provide examples of the kinds experiences they can enable.</p>
<h4></h4>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>A little background on self-reporting</h2>
<p>In self-reporting, research participants are responsible for the data collection, allowing for the gathering of contextual data over-time and <em>in situ</em>, without the physical presence of researchers. Self-reporting can provide access into the private, personal and mobile aspects of people’s lives that are often difficult, or impossible, to access through traditional methods such as observation or interviews. The sustained personal reflection inherent in self-reporting makes available aspects that would otherwise remain tacit. So much of our lives are routinised and automatic, it is not until we are asked to document or consider certain activities that we are able to identify key junctures in our own understanding of a topic or a behaviour.</p>
<p>Self-reporting studies can take many different forms and the degree of formal structure is one of the things that differentiates approaches and determines the type of material collected. For example in the Electronic Sampling Method approach known as ESM (Larson &amp; Csikszentmihalyi, 1983) or <a title="Beeper Studies" href="http://www.christinecostello.com/projects/beeper.html" target="_self">beeper studies</a>, the participant is directed to systematically log specific things at specific times. In more open-ended approaches (such as cultural probes (Gaver, Dunne, &amp; Pacenti, 1999) or visual diaries) data collection is only semi-structured around a particular topic. In this case participants are treated as active contributors and interpreters in the design process and select what, how and when to report. This encourages more playful and<strong> </strong>creative representations, important to an explorative and collaborative approach.</p>
<p>Over the last 10 years digital, online and mobile technologies have been incorporated into self-reporting methods in a range of ways (see end of article for some examples of other studies and platforms). These everyday tools can be easily integrated into people’s daily lives and support the generation of a range of different media forms such as video, images, text and audio.</p>
<p>&nbsp;</p>
<h2>Mobile Diaries</h2>
<p>Mobile Diaries are a hybrid method that incorporate many of the creative and playful aspects of probes and emphasise the daily reflection of visual diaries. A range of different analog and digital technologies are used that allow participants to share and reflect on various dimensions of their day-to-day life.</p>
<h4><strong>A typical study</strong></h4>
<p>The exact design of the study (as always) is dependent on a number of factors such as:</p>
<ul>
<li>A definition of the problem space;</li>
<li>The goals and objectives of the particular project;</li>
<li>The theme of the study (e.g is it a personal project or focused on the workplace);</li>
<li>Budget (how many people can we recruit and how, what kind of incentives might be required);</li>
<li>The profile of the participants (e.g teenagers, adults or whole families); and</li>
<li>Their current technology knowledge/competence and use (e.g how they might respond to the technology involved, how open are they to using new technologies).</li>
</ul>
<p>Generally studies run from 1-3 weeks with between 1-10 participants. Topics explored depend on the study but could include, for example: sustainability in your everyday life; the role of mobile technologies in your life; or a ‘behind the scenes’ look at your job. Participants receive a ‘Mobile Diary Pack’ with various tools and instructions which direct the data collection around the particular design topic.</p>
<h4><strong>Mobile Diary Tools</strong></h4>
<p>A number of custom platforms have been developed to support online diaries, however, to date we have preferred to configure Mobile Diaries from existing platforms such as WordPress and Tumblr as this gives us greater flexibility over format, functionality and cost. Below we show the packs from a typical study (the list of available tools is growing and changing all the time, here we show typical ones we have used in the past).</p>
<a href="http://johnnyholland.org/wp-content/uploads/ph_tools.jpg"><img class="alignnone size-full wp-image-7210" title="Mobile Diary Tools" src="http://johnnyholland.org/wp-content/uploads/ph_tools.jpg" alt="self-reporting tools" width="470" height="521" /></a>
<h4><strong>During the study</strong></h4>
<p>Over the period of the study participants create collages, mind maps, videos and blog messages and send in mobile reports which appear on the blog. They also receive prompts, questions and reminders via the mobile phone and the blog.  The conversation is bi-directional: as we are receiving reports we are also responding with new questions or digging deeper into particular areas, and potentially redirecting the focus of the study as a result.</p>
<a href="http://johnnyholland.org/wp-content/uploads/ph_during-the-project.jpg"><img class="alignnone size-full wp-image-7209" title="During Mobile Diaries" src="http://johnnyholland.org/wp-content/uploads/ph_during-the-project.jpg" alt="interaction during the project" width="323" height="321" /></a>
<h2>What do we see and learn?</h2>
<p>The output of Mobile Diaries is a particularly provocative, experiential and sensorial insight into participant’s lives. As one of our clients described it <em>“[we were able to] hear in people&#8217;s own words the challenges and learn about the context of sustainability in their day-to-day lives</em>”. We share some examples below of the kinds of material generated and shared through this approach.</p>
<h4>Life as it happens</h4>
<p><em><a href="/wp-content/uploads/ph_lifeasithappens1.jpg"><img title="life as it happens" src="/wp-content/uploads/ph_lifeasithappens1.jpg" alt="life as it happens" width="390" height="310" /></a></em></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Using their phone, participants capture images, text and audio and send this to the blog throughout the day. These reports give us a deeper appreciation of the activities that make up people’s daily lives and we are able to ‘see for ourselves’ actual examples and instances of things that might otherwise be anecdotal. Through these reports we can track events, locations, and a sense of participant’s emotions across the days and weeks. Over time, daily rhythms and habits emerge. The (near) real-time reporting increases the sense of immersion in people’s lives as we experience the activities ‘as they happen’ (Masten &amp; Plowman, 2003).  This is complemented by more reflective accounts at the end of the day via the blog or with the video camera.</p>
<h4><strong>Personal Spaces and intimate stories</strong></h4>
<p><strong><em><a href="http://johnnyholland.org/wp-content/uploads/ph_richinsights.jpg"><img class="alignnone size-full wp-image-7208" title="Personal Spaces and Intimate Stories" src="http://johnnyholland.org/wp-content/uploads/ph_richinsights.jpg" alt="A video tour" width="390" height="258" /></a><br />
</em></strong></p>
<p>The use of video encourages in-depth descriptive accounts of events and surroundings from the participant’s perspective. The stills above are from one participant&#8217;s tour of their apartment building, which focused on areas relating to sustainability in the home. By giving participants video cameras and asking them to take us on a tour of their home we are able to explore and wander with the participant. This reveals some evocative spaces otherwise inaccessible to a design researcher; in addition to the explicit content being shared the video also conveys emotion and expression.</p>
<p>In another study focused on teenagers and their relationship to technology one participant gave us a tour of his shed, playing instruments as he told stories about the importance of this particular space to him.  These personal stories bring us closer to the participant’s world creating a sense of intimacy and proximity to the participants which is difficult to replicate in a one on one interview, discussion group or even during participant observations.</p>
<h4>Inner thoughts and feelings, moments and metaphors</h4>
<p><em><a href="http://johnnyholland.org/wp-content/uploads/ph_inner-thoughts1.jpg"><img title="Inner Thoughts" src="http://johnnyholland.org/wp-content/uploads/ph_inner-thoughts1.jpg" alt="" width="350" height="355" /></a></em></p>
<p>In addition to descriptions of external events and activities, Mobile Diary reports also capture emotions, feelings and inner thoughts. The examples above show emotional reactions and descriptions of personal feelings at particular moments in time. In some, the participant’s have used objects to serve as metaphors or symbols for representing emotions or ‘states’. This allows the participant to share inner thoughts and feelings that might have otherwise remained hidden. The open, honest and personal nature of these reports fosters empathy, often describing experiences we can relate to. That some are delivered in (near) real-time further increases the sense of connection; in that moment, we knew something of what the participant was thinking and feeling.</p>
<p>&nbsp;</p>
<h4>Action &amp; Transformation</h4>
<p><em>“Not only did it help us, the impact on participants and their way of thinking about sustainability was really interesting&#8230; the project really opened their eyes to their own patterns and behaviour and sparked some changes and definitely increased awareness” (feedback from client).</em></p>
<p>The process of self-reporting is an intervention designed to allow people to self-reflect and share aspects of their daily life; this process can also trigger participants to question their choices and everyday behaviours (Grinter &amp; Eldridge, 2001).  The content of the Mobile Diary packs and the nature of the questions included can provoke new realisations and possibilities. For example, our self-reporting studies into sustainability in everyday life resulted in participants questioning personal behaviours and making changes in their lifestyles<sup>[i]</sup>. For one participant, a discussion about sustainability with flatmates led to the installation of a composting unit in the household.</p>
<p>The interventionist nature of the method can be more intentionally activated through the inclusion of specific activities and questions within the packs. For example, in one study into sustainability we included sustainability challenges &#8211; new lifestyle habits -  that participants were asked to try and document throughout a week. These activities were particularly provocative at revealing emotional and infrastructural barriers to behaviour change.</p>
<h2>And then…?</h2>
<p>As the image below suggests, material generated from Mobile Diaries can be used in numerous ways. Mobile Diaries externalise aspects of people’s everyday lives through visual, tangible artefacts. These become shared resources that help us to understand current practices, provide a spring-board for ideation and allow us to envision how any future design might be taken up within the existing ecology of the participants life. For designers, the visual nature of the material allows for more active interpretation in ways not possible with written research reports.  For participants, the process of doing the Mobile Diaries means they are better equipped to reflect on and analyse their own practices, during follow up interviews and workshops <span style="text-decoration: underline;">(</span>similar to <a title="Not to Prime is a Crime" href="../2010/05/10/not-to-prime-is-a-crime/" target="_self">primer tools</a>), becoming active interpreters of the material and what it might mean for future designs.</p>
<a href="http://johnnyholland.org/wp-content/uploads/ph_after.jpg"><img class="alignnone size-full wp-image-7213" title="After" src="http://johnnyholland.org/wp-content/uploads/ph_after.jpg" alt="What happens after?" width="470" height="610" /></a>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>The material generated through Mobile Diaries is not something to be reduced down into a traditional written report. The raw form of the material and the subjective picture it provides of the participants&#8217; lives and world-view are essential to its immersive quality and its value for fostering empathy and connection with participants (Mattelmäki, 2005; Mattelmäki &amp; Battarbee, 2002)<sup> [ii]</sup>.</p>
<p>However, this does need to be balanced with normative business expectations of a ‘research outcome’, and the need to synthesise the data in a meaningful way for the client to then transmit to other stakeholders. Effective ways to share this tangible and personal material with those who were not directly involved is the subject of current research, e.g., (Sleeswijk Visser 2009). Our process includes the development of a multimedia ‘report’ that can support all the different formats of material generated. These reports introduce the participants through their own words and images, illuminate the themes that have emerged and identify some future possibilities to be considered. We have also found significant value in creating opportunities for co-interpretation of the material by clients and other designers, whilst this can be more time consuming, it is utlimately a more effective use of the material than simply ‘handing off the research’.</p>
<p>We have also found that the value of such methods is greater than their role as data collection activities. A personal connection is made with participants that can be of value well beyond the particular study. However, there is a tension between this and the day-to-day realities of client and agency practices and models which focus on deliverables and project phases, in between which there can be significant lags or breaks. There is still work to be done to articulate and communicate the value of such methods beyond their capacity to generate data ‘about people,’ and to embrace their ability to involve participants in a more ongoing and sustained way throughout the design process.</p>
<p>Mobile Diaries are a playful, immersive experience for the design team that allow us to discover something of the messy intricacies of participant’s daily life, valuable for both inspiring and grounding the design process as well as engaging directly with stakeholders. We’d love to connect with other designers employing similar approaches.</p>
<p>&nbsp;</p>
<h4><strong>Acknowledgments</strong></h4>
<p>Big thanks to Chris Gaul for images &amp; Will Evans for feedback and comments. Thanks also to Dr Toni Robertson and the @IDHuPLab at UTS, Digital Eskimo, Zumio, our clients &amp; participants N.B Examples come from specific studies in which permission was granted for publication for the purposes of research. Our approach has been heavily informed by the ongoing research into generative methods inspired by Cultural Probes (Gaver, et al., 1999) and the work of Liz Sanders (www.maketools.com) as well as other research into self-reporting studies such as (Hulkko, Mattelmäki, Virtanen, &amp; Keinonen, 2004; Masten &amp; Plowman, 2003; Palen &amp; Salzman, 2002).</p>
<h4><strong>References</strong></h4>
<p>Buur, J., Binder, T., &amp; Brandt, E. (2000). <em>Taking Video Beyond ‘Hard Data’ in User Centred Design.</em> Participatory Design Conference PDC2000, New York, NY, USA.<br />
Gaver, B., Dunne, T., &amp; Pacenti, E. (1999). <em>Design: Cultural Probes</em>. Interactions, 21-29.<br />
Grinter, R., &amp; Eldridge, M. (2001). <em>y do tngrs luv 2 txt msg</em>. ECSCW, Amsterdam.<br />
Hulkko, S., Mattelmäki, T., Virtanen, K., &amp; Keinonen, T. (2004). <em>Mobile Probes</em>. NordiCHI 04, Tampere, Finland.<br />
Larson, R., &amp; Csikszentmihalyi, M. (1983). <em>The Experience Sampling Method</em>. In H. Reis (Ed.), Naturalistic approaches to studying social interaction: New Directions for Methodology of Social and Behavioral Science: Jossey-Bass, San Francisco.<br />
Masten, D., &amp; Plowman, T. (2003). <em>Digital Ethnography: The next wave in understanding the consumer experience.</em> Design Management Journal, 14(2), 75-81.<br />
Mattelmäki, T. (2005). Applying probes – from inspirational notes to collaborative insights. CoDesign, 1(2), 83-102.<br />
Mattelmäki, T., &amp; Battarbee, K. (2002). Empathy Probes Paper presented at the PDC 2002, Malmö, Sweden.<br />
Palen, L., &amp; Salzman, M. (2002). <em>Voice-mail diary studies for naturalistic data capture under mobile conditions</em>.  CSCW, Louisiana, USA.<br />
Sleeswijk Visser, F. (2009). <em>Bringing the everyday life of people into design </em>(PhD Thesis), Technische Universiteit Delft, Delft.<br />
Zimmerman, J., Forlizzi, J., &amp; Evenson, S. (2004)  “T<em>axonomy for Extracting Design Knowledge from Research Conducted During Design Cases</em>.” Futureground 04, Melbourne, Australia.</p>
<h4><strong>Additional examples of other remote self-reporting techniques &amp; studies &amp; </strong><strong>mobile/online tools<br />
</strong></h4>
<p><a title="digital ethno" href="http://www.dmi.org/dmi/html/interests/research/03142MAS75.pdf">Digital Ethnography</a> (pdf)</p>
<p><a href="http://www.frogdesign.com/design-mind/articles/fall-2006/digital-diaries.html">Digital Diaries</a></p>
<p><a title="Digital Cultural Probes" href="http://www.chriskhalil.com/2009/09/07/ux-australia-presentation-new-digital-ethnographers-toolkit-capturing-a-participants-lifestream/" target="_self">Digital Cultural Probes</a></p>
<p><a title="Video Diaries (Sticky Research)" href="http://www.slideshare.net/whatidiscover/how-sticky-research-drives-service-design" target="_self">Sticky Research (</a><a title="Video Diaries (Sticky Research)" href="http://www.slideshare.net/whatidiscover/how-sticky-research-drives-service-design" target="_self">Video Diaries)</a></p>
<p><a title="Revelation" href="http://www.revelationglobal.com/" target="_self">Revelation</a></p>
<p><a href="http://www.zilverinnovation.com/en/tools">7daysinmylife.com</a></p>
<hr size="1" />
<p>[i] There is no way for us to tell how permanent these changes were, we can only be sure that particular practices were bought to people’s attention, and steps towards change were made.<br />
[ii] The original Cultural Probes (Gaver 1999) were not designed to gather specific information, but rather to be a source of inspiration and empathy. Rather than being codified, transformed or translated into a report, probe material was designed to stand on its own as a rich visual resource for designers.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2010/07/mobile-diaries-discovering-daily-life/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Creating Successful Style Guides</title>
		<link>http://johnnyholland.org/2010/02/creating-successful-style-guides/</link>
		<comments>http://johnnyholland.org/2010/02/creating-successful-style-guides/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 13:23:42 +0000</pubDate>
		<dc:creator>Amy Quinn</dc:creator>
				<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[techniques]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=5839</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/style.jpg" class="attachment-index-categories wp-post-image" alt="style" title="style" />Style guides are a great way to ensure user experience consistency when developing an application and a way to communicate [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/style.jpg" class="attachment-index-categories wp-post-image" alt="style" title="style" /><p><a href="http://johnnyholland.org/wp-content/uploads/style-guide.jpg"><img class="size-full wp-image-6080 alignnone" title="style-guide" src="http://johnnyholland.org/wp-content/uploads/style-guide.jpg" alt="" width="416" height="160" /></a><br />
Style guides are a great way to ensure user experience consistency when developing an application and a way to communicate user experience standards across an organization. They can be application specific, platform specific, and may encompass enterprise-wide standards. A style guide can help make the development of user interfaces more efficient and help ensure good user interface design practices.<span id="more-5839"></span></p>
<h2>Types of Style Guides</h2>
<p>Style guides for applications usually contain specific instructions on how to design and develop an application&#8217;s UI. In some instances, code snippets may also be provided to simplify development of the application.</p>
<div id="attachment_5896" class="wp-caption aligncenter" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/Example2.jpg"><img class="size-medium wp-image-5896   " title="Web grid example" src="http://johnnyholland.org/wp-content/uploads/Example2-300x154.jpg" alt="Example of specifying a grid for a web page template" width="300" height="154" /></a><p class="wp-caption-text">Example of an application style guide specifying a web page template grid</p></div>
<p><span style="font-size: small;"><span style="line-height: 19px;"><em>Enterprise-wide style guides</em> may include standards specific to an organization. These style guides may overlap with company branding style guides that are often defined by marketing departments. They can outline a variety of company-wide items such as standard colors, typography, logos and language.</span></span></p>
<div id="attachment_5915" class="wp-caption aligncenter" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/Example-3.jpg"><img class="size-medium wp-image-5915" title="Corporate style guide example" src="http://johnnyholland.org/wp-content/uploads/Example-3-300x255.jpg" alt="Corporate style guide example" width="300" height="255" /></a><p class="wp-caption-text">Example of branding color definitions found in a corporate style guide</p></div>
<p><span style="line-height: 19px; font-size: small;"><em>Platform specific guidelines</em> are often tailored to a specific platform, such as desktop, web, or mobile. These style guides often give particular guidance on how to design for that platform, such as control and content guidelines.</span></p>
<div id="attachment_5917" class="wp-caption aligncenter" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/Example4.jpg"><img class="size-medium wp-image-5917 " title="Link style guide example" src="http://johnnyholland.org/wp-content/uploads/Example4-300x162.jpg" alt="Example of a website style guide" width="300" height="162" /></a><p class="wp-caption-text">Example of a link control definitions in a website style guide</p></div>
<p><span style="line-height: 19px; font-size: small;">The style guide you choose to create can be any combination of these three types. It&#8217;s up to you to figure out what makes the most sense for you.</span></p>
<h2>Style Guides Are Not UI Specifications</h2>
<p>Style guides are different from user interface specifications:</p>
<ul>
<li>A specification document <em>details the functionality</em> of a UI design for developers building an application. It is usually more descriptive and is often accompanied by wireframes that act as blueprints for the design. In contrast, a style guide is often a general outline of the elements of a UI design.</li>
<li>Style guides have a <em>longer shelf-life </em>than specifications documents that are often tied to a project life-cycle. When an application is first created, some elements of the initial specification document might turn into the application style guide for long-term reference.</li>
<li>Elements of a style guide may be <em>referred to</em> from a specification. For example, the functionality of a web application enhancement would be captured in a specifications document; but the operation of standard UI controls found throughout the website would be outlined in the website style guide and referred to by the specifications document.</li>
</ul>
<h2>How to be Successful</h2>
<p>Over the years, I have had a chance to create a variety of style guides. The format and purpose of these style guides were variable and were suited to the task at hand: such as details of the grid layout, colors and typography used in a website and a general guidebook providing guidance on the use of website user interface controls and how to write web-based content. From these experiences, I’ve learned a lot about what makes a style guide a success and I’d like to share some of these tips with you.</p>
<h2>1. Keep the audience in mind</h2>
<p>Style guides can be written for numerous audiences (e.g. other user experience practitioners, developers, graphic designers, business analysts, etc.) and the content should be structured to match the audience. Graphic designers would benefit from knowing the colors used in a website elements and programmers may desire knowing the code used to create a control.</p>
<h2>2. Plan for success</h2>
<p>When planning a style guide, seriously consider what would make your style guide successful in your organization. Would it be ensuring your company understands how to better design usable applications? Or would it be ensuring the large-scale website you are creating has a consistent user experience? Or would it be something else?</p>
<h2>3. Keep it alive</h2>
<p>Documents produced in traditional document formats can become stale and quickly become outdated. Successful style guides are produced in a manner that supports easy maintenance and supports a living document.</p>
<h2>4. Define a review process</h2>
<p>Create a process that supports modification and review of the style guide to actively ensure style guide maintenance and buy-in. You may want to have a person or group of people responsible for periodically updating a style guide.</p>
<h2>5. Think of the platform differences</h2>
<p>Style guides can be platform specific or neutral. Design guidelines can be different depending on the platform (i.e. Windows vs. Mac, iPhone vs. Blackberry). Consider how you want to support communicating any platform differences when creating your style guide.<br />
<strong> </strong></p>
<h2>6. Socialize the document in your organization</h2>
<p>The use of your style guide should be communicated throughout all levels of your organization to ensure everyone knows the existence of the guide, understands how to use the guide, and actively works to use and maintain the guide. The more people about your style guide, the more successful you and your style guide will be.<br />
<strong> </strong></p>
<h2>7. Clearly define mandatory and flexible standards</h2>
<p>User interface design is part art and part science and user interface paradigms shift quickly. Ensure that your style guides support new platforms and creative ideas by specifying what standards are mandatory and what are flexible. For example, you may want to ensure certain usability rules are strictly adhered to throughout your applications (i.e. “Sans serif fonts must be used for text that will be read on a screen”), but be more flexible in other areas (i.e. “Radio buttons should be used when a user is asked to select one item from a list of items.”)</p>
<h2>8. Make the style guide as scannable and searchable as possible</h2>
<p>Style guides can be very dense and contain a lot of detailed information. Search and browsing capabilities will make it easier for people to find what they are looking for in your style guide. In addition, use as many visual examples as possible to support quick scanning of style guide elements.</p>
<h2>9. Provide real world examples</h2>
<p>Successful styles guides often show one or more examples from real applications for illustration. If you are writing a style guide for a specific application, use examples from that application to demonstrate your point. If you are writing a style guide for a large organization with many applications, ensure that your examples encompass all of the applications you are describing.</p>
<p>I hope you find these tips helpful when you are creating your own style guides. Do you have any additional tips you would like to share?</p>
<p>&#8212;&#8211;<br />
Header image by <a href="http://www.flickr.com/photos/sketch22/" rel="cc:attributionURL">nathanborror</a> / <a href="http://creativecommons.org/licenses/by/2.0/" rel="license">/CC by 2.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2010/02/creating-successful-style-guides/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Transformation: Analysis Techniques part 4</title>
		<link>http://johnnyholland.org/2009/10/transformation-analysis-techniques-part-4/</link>
		<comments>http://johnnyholland.org/2009/10/transformation-analysis-techniques-part-4/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 10:59:49 +0000</pubDate>
		<dc:creator>Steve Baty</dc:creator>
				<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[analysis]]></category>
		<category><![CDATA[deconstructing]]></category>
		<category><![CDATA[design research]]></category>
		<category><![CDATA[techniques]]></category>
		<category><![CDATA[transformation]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=4104</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/trans.jpg" class="attachment-index-categories wp-post-image" alt="trans" title="trans" />Transformation is the act of taking a set of values from a dataset, processing them in some way (depending on [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/trans.jpg" class="attachment-index-categories wp-post-image" alt="trans" title="trans" /><p><img class="alignnone size-full wp-image-4139" title="transformation1" src="http://johnnyholland.org/wp-content/uploads/transformation1.png" alt="" width="416" height="160" /><br />
Transformation is the act of taking a set of values from a dataset, processing them in some way (depending on the aims of the research) and arriving at a new set of values with the goal of revealing some aspect of the data from a new perspective. <span id="more-4104"></span></p>
<p>(This article is the fourth part in the <a title="Deconstructing Analysis Techniques" href="http://johnnyholland.org/magazine/2009/02/deconstructing-analysis-techniques/">Deconstructing Analysis Techniques</a> series.)</p>
<p>This technique is characterised by the fact that the values are changed; that someone looking at the new values will be unable to work backwards to the original values; and that for each original data point there is a single, new data point.</p>
<p><a href="http://johnnyholland.org/wp-content/uploads/picture-9.png"><img class="alignright size-medium wp-image-4171" title="scaling" src="http://johnnyholland.org/wp-content/uploads/picture-9-300x175.png" alt="" width="240" height="140" /></a>In mathematical parlance, (and you can skip this part if you like) the difference between a manipulation technique and a transformation technique is that manipulated data sets are <a title="Congruence" href="http://en.wikipedia.org/wiki/Congruence">congruent</a> with the original, whereas transformed data only maintains cardinality (i.e. the same number of elements).</p>
<p>So, what does that all mean? We&#8217;re talk here about analysis methods like:</p>
<ul>
<li>Scaling &#8211; taking one set of data and massaging them to fit a distribution or &#8216;shape&#8217; of values.</li>
<li>Moving averages &#8211; taking a number of consecutive values and averaging them as way of &#8216;smoothing&#8217; the last value in the series.</li>
<li>Weighted averages &#8211; calculate an average value where more importance &#8211; &#8216;weight&#8217; &#8211; is given to some values.</li>
<li>Weighted indexes &#8211; calculate an indexed score (against a baseline) where more importance &#8211; &#8216;weight&#8217; is given to some values.</li>
<li>Seasonal adjustments &#8211; an adjustment made to a data point to account for cyclical peaks and troughs to highlight the &#8216;real&#8217; shift</li>
<li>Differences &#8211; a method of looking at the changes between one value and the next.</li>
</ul>
<p>Now, initially, most of these methods may feel pretty technical, quantitative and removed from standard design research analysis. However, they form a powerful collection of analysis methods that will better equip you in undertaking design research. They also represent fairly low-level mathematical/quantitative methods and are available in a standard spreadsheet program. More importantly, used properly, these methods &#8211; and transformation techniques generally &#8211; open up new avenues for understanding the people who will use the services and products we design.</p>
<p>Used properly, these methods &#8211; and transformation techniques generally &#8211; open up new avenues for understanding the people who will use the services and products we design.&#8221;</p>
<h3>Scaling</h3>
<p>In &#8220;<a title="Deconstructing Analysis Techniques" href="http://johnnyholland.org/magazine/2009/02/deconstructing-analysis-techniques/">Deconstructing Analysis Techniques</a>&#8221; we used the example of fitting test scores to a pre-determined probability distribution &#8211; scaling &#8211; as the example for Transformation techniques.</p>
<p>When we measure a population characteristic &#8211; such as height, or a test score &#8211; we create a sample set of data for that characteristic (unless we are measuring the entire population). There are times when the raw distribution (the frequency of occurrence for each value in our data) of results is not what we&#8217;re after. We may wish to compare the shape and attributes of two separate samples &#8211; two groups of test participants, for example &#8211; and so we transform the two sets of data so that they share a common mean (the average value for the data set).</p>
<p>Usually this is done to bring both sets of data to what is known as a &#8216;normalized&#8217; distribution with a mean of 0. Of course, in our test/exam result example, we want to adjust the scores so that the class as a whole receives a pre-determined number of A, B, C, D &amp; F. What we&#8217;re doing here is to adjust the overall shape of the data. (In these cases a plot of the raw data will look different to the scaled data.) When graphed the scaled data will look roughly <a title="Normal distribution" href="http://en.wikipedia.org/wiki/Normal_distribution">bell-shaped</a>, with the middle &#8211; or &#8216;hump&#8217; &#8211; representing average performance, and the two thin tails representing high-performance (at the top end) and failure (at the bottom end).</p>
<h3>Moving Averages</h3>
<p><a href="http://johnnyholland.org/wp-content/uploads/picture-13.png"><img class="size-thumbnail wp-image-4172 alignright" title="moving" src="http://johnnyholland.org/wp-content/uploads/picture-13-150x124.png" alt="" width="150" height="124" /></a>A moving average is used to smooth out day-to-day fluctuations with time series data. It is, literally, the average of the previous x days&#8217; worth of data. A good example would be the number of page views received by a site. Each day the data will jump up and down, creating a sense of &#8220;noise&#8221; that makes analysis difficult, and, when a small number of observations are looked at in isolation, can create a false impression. A moving average is useful in time-series or longitudinal studies where we measure the value of a characteristic for a single object (person, server, site etc) over time.</p>
<p>One rather well-publicised and important example of this is the series of global temperature readings that have been used by both sides of the climate change debate. Skeptics of global warming point to a recent period of observations (2002 &#8211; 2007)   which show a decline in global average temperatures. When the same data is looked at using a moving average, smoothing out the peaks and troughs, a clear upward movement is seen.</p>
<p>The choice of time period to use when calculating a moving average is based on the specific circumstances of the data. However, common sense is usually all that&#8217;s required. For example, when looking at Web traffic, a moving average calculated over 7 days is sufficient to counter spikes that occur during a given week. You might also calculate a moving average over a month if fluctuations occur over a longer cycle.</p>
<h3>Weighted Average</h3>
<p><a href="http://johnnyholland.org/wp-content/uploads/picture-113.png"><img class="alignright size-medium wp-image-4175" title="weighted" src="http://johnnyholland.org/wp-content/uploads/picture-113.png" alt="" width="226" height="102" /></a>Weighted averages aim to address one of the criticisms of a moving average &#8211; and other types of averages &#8211; that being all values in the average are treated equally. It is often the case that one observation is more significant or important that another.</p>
<p>Let&#8217;s say for example we&#8217;re measuring the time to complete a task in a user evaluation session. We have representatives from each of our <a title="Audience Segmentation Models" href="http://uxmatters.com/mt/archives/2009/09/audience-segmentation-models.php">personas</a> (or other audience segments): 2 primary personas, 3 secondary personas, and one tertiary persona. In this case, the performance of the two primary persona representatives is far more significant than that of the tertiary participant.</p>
<p>When we calculate the mean time-to-complete value, we can weight the results so as to reflect the relative importance of each participant. We may assign (and the exact values will vary for you) a weighting as follows:<br />
Primary: multiply by 9<br />
Secondary: multiply by 3<br />
Tertiary: no multiplier</p>
<p>What we&#8217;re essentially saying is that our secondary personas are three times more important than our tertiary persona; and that our primary persona are three times more important than our secondary. We could just as easily use a factor of 2 (instead of 3) leading to values of 4, 2 &amp; 1 in the example above; what matters is that we use weighted averages to adjust the dataset to account for the relative importance of some measurable data set by some exogenous variable.</p>
<h3>Weighted Index</h3>
<p>An indexed value is one measured in terms of some baseline figure. The aim is to convey movement around a starting point when there is no way to specify a zero.</p>
<p><a href="http://johnnyholland.org/wp-content/uploads/picture-14.png"><img class="size-medium wp-image-4177 alignright" title="centre" src="http://johnnyholland.org/wp-content/uploads/picture-14-300x64.png" alt="" width="240" height="51" /></a>An example of an index might be a satisfaction score. Since satisfaction a largely subjective measure, there is no way to define a zero point. Instead we typically measure a &#8216;pre&#8217; figure and map that over time. Common values for an index are zero and 100. The choice is arbitrary and is typically chosen for clarity in communication.</p>
<p>Indexes are often calculated as an aggregate of a number of measurements. But it is also the case that we sometimes need to treat the data we receive from one group as being more important than another. This is where a weighted index comes in handy. A weighted index  &#8211; like our weighted average &#8211; treats different values as more or less important.</p>
<p>So, if it is common practice to design a product or service to better meet the needs of our primary audience segments; it also makes sense for our satisfaction index to put more stock in the satisfaction of our primary segments. We do this by applying a weighting (some multiplier) to each piece of data collected based on its relative importance.</p>
<p>We could easily do the same with responses to a question like &#8220;Would you recommend this service to a friend?&#8221;</p>
<p>This technique provides us a with a convenient way to build positive bias &#8211; towards the needs of our important audience segments &#8211; directly into our research methods.</p>
<h3>Seasonal Adjustments</h3>
<p><a href="http://johnnyholland.org/wp-content/uploads/picture-12.png"><img class="alignright size-medium wp-image-4176" title="seasonal" src="http://johnnyholland.org/wp-content/uploads/picture-12-300x168.png" alt="" width="240" height="134" /></a>Some of the things we observe in design research are subject to cyclical variations. We may not, however, want to include a change in our data due to &#8220;seasonal&#8221; fluctuations, instead wanting to identify &#8220;real&#8221; changes (in frequency of use, for example).</p>
<p>In order to look at the real changes in our observed data we need to account for the seasonal variability first.</p>
<p>A familiar example might be to look at the number of page views or unique visits received by a site. We might see a big lift in traffic between Sunday &amp; Monday; and a big drop between Friday &amp; Saturday. In order to tell whether an observed drop in traffic on some Saturday is &#8220;normal&#8221;, we need to look at the regular pattern of changes and &#8220;adjust&#8221; the Saturday figure.</p>
<p>One way to do this is to calculate the average drop in traffic over time (between Friday &amp; Saturday) and then apply this to the current observation for Friday. This as a predictor or estimator for the current Saturday, which we can then compare against the actual observed data. The average difference acts as our seasonal adjustment.</p>
<div id="attachment_4170" class="wp-caption alignnone" style="width: 510px"><a href="http://johnnyholland.org/wp-content/uploads/aurora1.jpg"><img class="size-full wp-image-4170" title="aurora" src="http://johnnyholland.org/wp-content/uploads/aurora1.jpg" alt="The Aurora concept" width="500" height="134" /></a><p class="wp-caption-text">The Adaptive Path Aurora concept uses a scenario where a farmer shows that their farm will still have rain, using seasonal adjustment. See video</p></div>
<h3>Differences</h3>
<p>There are times when what we&#8217;re interested in knowing is not the raw value of an observation but the change between one observation and the next.</p>
<p><a href="http://johnnyholland.org/wp-content/uploads/picture-15.png"><img class="alignright size-medium wp-image-4178" title="differences" src="http://johnnyholland.org/wp-content/uploads/picture-15-300x101.png" alt="" width="240" height="81" /></a>The calculation (transformation) is simple: for each pair of observations, subtract one from the other. Of more interest is why we would want to know such a thing.</p>
<p>Consider a test of a new design in which we test first the time to complete a task with the current design; and then the same task with a new design. Across all participants in the test the raw observations (i.e. time to complete) is far less interesting than the change in that time as a result of the new design. (Note that we may wish to express that change as a percentage rather than a raw value.)</p>
<p>We can use the same technique to highlight the variability of some observation over time. For example, we may be tracking the number of connections or &#8216;friends&#8217; a person has in some social network to understand the relationship between the current number of connections and the rate at which new connection requests come in. To identify the number of new connection we simply calculate the difference between successive observations.</p>
<h3>Summary</h3>
<p>Although primarily applied to quantitative data, transformation techniques are useful in a wide range of design research activities beyond the quantitative.</p>
<p>Transformation of our research data can act as a way of reducing noise and bringing into sharp relief characteristics of the underlying user behaviour. The act of transforming removes us from the raw, original data, but in doing so we can gain the opportunity to uncover meaningful insights hidden from us otherwise.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/10/transformation-analysis-techniques-part-4/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Low-budget Prototyping Techniques</title>
		<link>http://johnnyholland.org/2009/09/fast-prototype/</link>
		<comments>http://johnnyholland.org/2009/09/fast-prototype/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 11:00:34 +0000</pubDate>
		<dc:creator>Belén Barros</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[low-budget]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[techniques]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=3553</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/graffle.jpg" class="attachment-index-categories wp-post-image" alt="graffle" title="graffle" />“We won’t be doing any user testing for this project. There’s just no budget for it, and we don’t have [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/graffle.jpg" class="attachment-index-categories wp-post-image" alt="graffle" title="graffle" /><a href="http://johnnyholland.org/wp-content/uploads/rapid-prototyping.gif"><img class="alignnone size-full wp-image-3668" title="rapid-prototyping" src="http://johnnyholland.org/wp-content/uploads/rapid-prototyping.gif" alt="" width="416" height="160" /></a>
<p>“We won’t be doing any user testing for this project. There’s just no budget for it, and we don’t have time.” Hear this often? We do, particularly since we work in Ireland &#8211; a small country with similarly small companies and budgets. However, we believe user research is too important to give up. So instead, we have to run tests quickly and cheaply for our clients to accept the cost &#8211; and we have to clearly show how it brings value. Because of this, we’ve developed a toolbox of quick, cheap UX research techniques.</p>
<p><span id="more-3553"></span></p>
<p>In this article, we’ll talk about one technique known as fast prototyping, and how we effectively used it in a recent project for Vodafone Ireland. We&#8217;ll also be talking about this subject at <a href="http://www.euroia.org/">EuroIA 09</a> in Denmark.</p>
<h2>Background: Vodafone Ireland</h2>
<div id="attachment_3670" class="wp-caption alignright" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/picture-44.png"><img class="size-medium wp-image-3670" title="vodafone-ireland" src="http://johnnyholland.org/wp-content/uploads/picture-44-300x299.png" alt="The Vodafone Ireland webiste" width="300" height="299" /></a><p class="wp-caption-text">The Vodafone Ireland webiste</p></div>
<p>Our task was to redesign the <a href="http://www.vodafone.ie/">Vodafone Ireland</a> information architecture (IA), which the company had quite simply outgrown. Traditional business areas dominated the website and left little breathing room for new business streams in which the company was investing heavily. Our challenge was to provide Vodafone’s users with a clear map of the site and its products in a quickly shifting market.<br />
We investigated traditional IA user testing tools such as <a href="http://en.wikipedia.org/wiki/Card_sorting">card sorting</a>, but we felt given the complexity of the site, it would give us limited results. A prototyping solution was a much more effective use of resources.</p>
<h2>Why Prototype?</h2>
<p>Card sorting is great for defining natural associations among a selection of words and objects, and really helpful in deconstructing concepts into logical groupings. But we felt that it often places undue weight on the unusual cases that straddle concept groupings, and not enough on the main paths that most users pursue when navigating a site.</p>
<p>True, prototyping doesn’t provide the volume of statistical data you’d get from a large group of card sorters. You have to invest more time in fewer people, but the qualitative and comparative data can be a really rich resource.</p>
<p>At Vodafone, our focus was on <strong>efficient findability</strong> &#8211; getting users to their destination easily. So we had to test not just our product groupings, but the usability of our principal purchase flows.<br />
A prototype combined with specific use cases or scenarios was perfect for this.</p>
<h2>Making the Prototypes</h2>
<p>We have a small development team of 3 full-time front-end programmers who spend their days (and often nights) writing production-quality code. For us, assigning developers’ time to prototyping is a huge expense. But for our interaction designers &#8211; who aren’t all expert coders &#8211; creating prototypes in HTML is too time-consuming (even if <a href="http://www.37signals.com/svn/posts/1061-why-we-skip-photoshop">37Signals say otherwise</a>). Therefore, we needed a prototyping technique that was simple and didn’t involve a lot of coding.</p>
<p>While there are many methods around, (for example, Phil Frelinger of <a href="http://www.xero.com">Xero</a> champions <a href="http://www.skyrize.com/2008/07/31/notes/">working with Flash</a>, others have even suggested <a href="http://www.boxesandarrows.com/view/interactive">Powerpoint</a> or <a href="http://www.adaptivepath.com/blog/2006/08/28/keynote-as-a-prototyping-tool/">Keynote</a>), we found that for static pages, image map prototypes worked best, and for forms integrating image map prototypes with HTML.</p>
<h3>Static Pages &#8211; Image Map Prototypes</h3>
<p>Most wireframing tools (<a href="http://www.omnigroup.com/applications/OmniGraffle/">Omnigraffle</a>, <a href="http://www.axure.com/">Axure</a> or <a href="http://office.microsoft.com/visio">Visio</a>) allow you to assign actions to shapes, such as opening a new wireframe or displaying a layer on click. The wireframes can then be exported to HTML, with clickable areas represented by image maps.<br />
We’ve found this is a great way to prototype static web pages and have used them to test:</p>
<ul>
<li>Information architecture</li>
<li>Navigation</li>
<li>Labeling</li>
<li>Content</li>
</ul>
<p>What’s best about them is that they’re <strong>fast</strong>. A prototype created in HTML takes about 2 days of development and 1 day of interaction design. An equivalent image map prototype, starting from existing wireframes, can be created by an interaction designer in just 3 to 5 hours.</p>
<h3>Forms &#8211; Image Map + HTML</h3>
<p>Unfortunately, image maps can’t be used to test forms. Forms must be filled and submitted. They must validate input. They must provide error and confirmation messages. This means form prototypes must be built in HTML.</p>
<p>To minimise development work, we integrate image map prototypes with forms built in HTML, CSS and JavaScript. (See the <a href="http://www.youtube.com/watch?v=Qt28hXx5y7k&amp;eurl=http%3A%2F%2Fwww.iqcontent.com%2Fblog%2F2009%2F05%2Fprototyping-prototypes%2F&amp;feature=player_embedded">below video</a> for how to make one).</p>
<p><object width="480" 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="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/Qt28hXx5y7k&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed width="480" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/Qt28hXx5y7k&amp;hl=en&amp;fs=1&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>In our projects, we use prototypes to test process flows (e.g. online purchases and applications) &#8211; from the homepage to the confirmation message. We use image maps for all static pages, and build the forms in HTML, CSS and a JavaScript framework. We then link the image maps and the application forms together, and it works seamlessly.</p>
<p><object width="480" 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="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/s9a3Z6b2_e0&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed width="480" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/s9a3Z6b2_e0&amp;hl=en&amp;fs=1&amp;rel=0" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>We can built these prototypes in just one day, with a half-day each of development and interaction design.</p>
<h2>Testing With Prototypes</h2>
<p>The Vodafone IA project involved 2 rounds of user testing.</p>
<ul>
<li>Round 1 was 2 days with a total of 12 people for just under an hour each. We tested 2 low fidelity prototypes against the existing website.</li>
<li>Round 2 involved just one combined prototype for verification purposes and looked a little harder at some of the decision pages, content and design decisions that needed firming up.</li>
</ul>
<p>We used scenarios when testing to provide depth of context and richness of content. We inserted live videos and advertisements into the prototypes, and used posters and storytelling to get the user to take on a role and reenact scenarios. It led to very effective, real life, real world conversations.</p>
<h2>How prototypes provided context</h2>
<p>The Vodafone site had enormous similarities between its product subsections. Mobile phones and home phones all had plans, costs and bundle offers, and could be used to access the internet. Because card sorting approached IA analysis from the bottom up, we would have had to prefix each choice with a content heading like “mobile plans” or “mobile costs” in order to provide context. Using prototyping to test from the top down, we were able to avoid this and base our analysis on the user’s contextual position once they’d clicked on a particular section.</p>
<h2>Testing page designs and IA at once</h2>
<p>The previous design of the site included a number of decision pages to minimise reliance on an IA. These served a purpose within the site structure, but we found they had usability issues &#8211; and analytics confirmed our suspicions.</p>
<p>Still, we saw these pages as an integral element of the IA itself, so making them work was a key objective. Prototyping also allowed us to explore a number of design concepts for these pages. For example, there was discussion in the project team over the best approach to display IA layouts. When we looked at other global Vodafone sites, we saw two distinct approaches:</p>
<ol>
<li>A single top level IA exposed</li>
<li>A top level IA with a sub level IA exposed</li>
</ol>
<p>Prototyping allowed us to feasibly examine both possibilities and unearth the most efficient solution.</p>
<h2>Conclusion</h2>
<p>In cases such as the Vodafone Ireland project, we found that fast prototyping techniques opened up possibilities for innovative, low-cost and iterative approaches that engaged users in task and scenario-based exercises during the design process.</p>
<p>Fast prototyping gets us close to a real-life scenario of a website, but affords us the flexibility to test different structures and designs very early on in a project &#8211; before any costly development work has begun.</p>
<p>For more on other cheap UX tools, see our workshop at EuroIA, &#8220;<a href="http://www.euroia.org/Programme.aspx">Cheap and efficient tools: how to engage users in IA design when there is no budget and there is no time</a>&#8220;.</p>
<h2>Acknowledgments</h2>
<p>We would like to thank Vodafone Ireland for allowing us to feature their projects.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/09/fast-prototype/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Brainstorming for the Corporate</title>
		<link>http://johnnyholland.org/2009/06/brainstorming-for-the-corporate/</link>
		<comments>http://johnnyholland.org/2009/06/brainstorming-for-the-corporate/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 06:49:21 +0000</pubDate>
		<dc:creator>Joe Fletcher</dc:creator>
				<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[brainstorm]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[techniques]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=2550</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/corp.jpg" class="attachment-index-categories wp-post-image" alt="corp" title="corp" />Everyone reading this knows what a brainstorm is (I hope). I want to review a bit about the process I’ve [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/corp.jpg" class="attachment-index-categories wp-post-image" alt="corp" title="corp" /><p>Everyone reading this knows what a brainstorm is (I hope). I want to review a bit about the process I’ve used to find success in brainstorms, why they are helpful, and how they can be more successful in a corporate environment. If you work in an agency, this may not be as helpful, but might offer an interesting perspective. For those in the corporate environment, I hope this will help give you new ideas and erode old beliefs.<span id="more-2550"></span></p>
<p>At a basic level, if done well, running brainstorms can show leadership and faster ROI for a team. If you can help the team create and develop ideas in a short session instead of weeks sitting alone, it makes you pretty valuable asset. Brainstorming is also great for engaging the full team and solicit their ideas. By “the full team”, I don’t just mean Design or UX, it’s also development, test (or QA), Project Managers… everyone. It’s important that designers get rid of the idea that we’re the only creative people on a team. Everyone is creative, some people are simply more creative, and others show it in different ways. People think in all different ways, but a good idea is the same no matter who says it.</p>
<h2>Win them over</h2>
<p>After accepting the fact that everyone can be creative, you can start to collaborate with people more productively. In addition to the great ideas you can get, you’ll also win over people. Many times developers or QA aren’t asked for their ideas, so the simple act of asking can get them excited and involved. Plus they will most likely be more dedicated and work harder when they&#8217;ve got the feeling they were involved in the early proces of the product.</p>
<blockquote><p>Many times developers or QA aren’t asked for their ideas, so the simple act of asking can get them excited and involved</p></blockquote>
<p>Let me assure everyone reading that I’m not telling you to allow a developer or someone else to make a design decision, but to simply get their ideas. In the corporate environment, another fallacy to wear away is that the designer always has to come up with the idea. This puts a lot of pressure on designers, but if you believe good and great ideas are hidden anywhere on the team, all you need to do is find them. Once you find all the ideas, the job of a designer is to tell a great story, make it simple, usable, and culturally relevant. That process and thinking is where the real design work comes in. Good ideas can be cheap, telling a great story takes a lot of time and thinking… but let’s get back to the ideas.</p>
<h2>Involve people who want to be involved</h2>
<p>When you do brainstorms, don’t involve people who don’t want to be involved. I’ve run a few sessions where people didn’t want to be involved or didn’t think they could contribute and sit quietly. Since I’m not in an agency, it’s not on my shoulders to try and make everyone look good in a meeting. So when someone isn’t interested, I leave them out, but let them know as an FYI in case they change their mind. A session with one negative person can quickly take the whole session down and drain the energy in the room.</p>
<p>It’s also important to get people to feel inspired. On the last project I worked on, we all went to see Wall-e to kick off the project. In addition to that we reviewed sites, objects, or products we all enjoyed and thought were cool. Somewhat of a warm up exercise to get us thinking broad so we didn’t stay in a software mindset. I’ve seen IDEO, Frog, and a few other companies put toys and object on the table during the brainstorm. Whatever the team finds helpful; if it works, go for it!</p>
<blockquote><p>On the last project I worked on, we all went to see Wall-e to kick off the project.</p></blockquote>
<h2>Types of brainstorming</h2>
<p>There are two style of brainstorming I most often use for corporate teams. One is what I call Improv Brainstorming, and it pulls from… Improv comedy. The second is a simple round robin approach, which I’ve seen many times. For any brainstorm, these are general rules of engagement I have. Several are pulled from IDEO.</p>
<ul>
<li>Be visual</li>
<li>Defer judgment</li>
<li>Stay focused</li>
<li>One person talking at a time (I’ve heard people dispute this, but it works for me)</li>
<li>Defined agenda</li>
</ul>
<p>For <em>improv brainstorming</em> I use these rules and processes:</p>
<ul>
<li>Start with a single idea</li>
<li>Build on that idea</li>
<li>Offshoot other ideas or just start with a new concept</li>
<li>Use a moderator to help guide ideas and conversation</li>
<li>Have ideas in your back pocket to restart things in case they get stalled</li>
</ul>
<p>For <em>round robin brainstorming</em> I set it up in the following way:</p>
<ul>
<li>Everyone has N minutes to sketch a few ideas on their own</li>
<li>Everyone presents their ideas</li>
<li>Team votes on a few core ideas</li>
<li>Another individual round for N minutes dedicated to those ideas</li>
<li>Present again / repeat</li>
</ul>
<p>Hopefully all of that will give you one idea to use in your work place. I’m simple, so if you walk away with just a single idea, that’s enough for me. Someone once told me that it’s not what you know that’s important, it’s what you don’t. If that’s true, brainstorming certainly is a way to get to the important stuff fast.</p>
<p>Image by <a href="http://www.flickr.com/photos/jakecaptive/49915119/">Jakob Botter</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/06/brainstorming-for-the-corporate/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Deconstruction: Analysis Techniques part 2</title>
		<link>http://johnnyholland.org/2009/04/deconstructing-analysis-techniques-pt-2-deconstruction/</link>
		<comments>http://johnnyholland.org/2009/04/deconstructing-analysis-techniques-pt-2-deconstruction/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 09:29:02 +0000</pubDate>
		<dc:creator>Steve Baty</dc:creator>
				<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[analysis]]></category>
		<category><![CDATA[deconstruction]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[techniques]]></category>
		<category><![CDATA[theory]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=1551</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/deconstruct.jpg" class="attachment-index-categories wp-post-image" alt="deconstruct" title="deconstruct" />Deconstruction is one of the most frequently used and fundamental analysis techniques in our toolkit. It is used as both [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/deconstruct.jpg" class="attachment-index-categories wp-post-image" alt="deconstruct" title="deconstruct" /><p><img class="alignnone size-full wp-image-1798" src="http://johnnyholland.org/wp-content/uploads/deconstruction.png" alt="" width="416" height="160" /><br />
Deconstruction is one of the most frequently used and fundamental analysis techniques in our toolkit. It is used as both a preparatory technique to get research data ready for use in other ways; and a powerful technique in its own right as a method of isolating, exposing, and testing assumptions deeply embedded in our mental models.<span id="more-1551"></span></p>
<p><img class="alignright size-full wp-image-1276" src="http://johnnyholland.org/wp-content/uploads/1.png" alt="" width="200" height="146" />One example of deconstruction is turning an interview transcript into a series of separate comments or answers to questions. Deconstruction is often used simply to prepare data for other analytic processes such as manipulation or summarization, or even abstraction.</p>
<p>Note: this article builds on the first part of the series: <a title="Deconstructing Analysis Techniques" href="http://johnnyholland.org/magazine/2009/02/deconstructing-analysis-techniques/">Deconstructing Analysis Techniques</a> published in February.</p>
<h2>Examples of Deconstruction</h2>
<ul>
<li>Chemical analysis &#8211; mass spectrometry: a technique for determining the elemental makeup of a substance or molecule.</li>
<li>Philosophy/literary criticism: a technique of isolating and testing ideas contained within a work of philosophy or literature</li>
<li>Systems analysis: identifying root causes through the identification of individual system &#8216;actors&#8217; and their interactions</li>
<li>Quality control: unit testing functional components of an application, requires first identifying those components (typically by recourse to the specification)</li>
<li>User interviews: identifying individual concepts or ideas</li>
<li>Card-sorting: working with card-pairs</li>
<li>Task analysis: breaking down complex activities into individual tasks and their components.</li>
</ul>
<p><a href="http://johnnyholland.org/wp-content/uploads/cardsorting.png"><img class="alignright size-medium wp-image-1784" title="cardsorting" src="http://johnnyholland.org/wp-content/uploads/cardsorting-300x222.png" alt="" width="300" height="222" /></a>There are a wide range of examples of the way in which deconstruction occurs, but our aim is always to reach a definite &#8216;atomic&#8217; state (where the atom is defined by our research objectives). It should be noted that there are typically more things going on than merely breaking down the data. In the case of chemical analysis, level of elements or compounds are measured; in the case of a stakeholder or user interview, the individual words, phrases or ideas may be tallied, grouped, manipulated or otherwise worked with to form some new insight.</p>
<p>Deconstruction can &#8211; and often is &#8211; built into the design of the research. We see this in online card-sorting, for example, where data is stored from the outset as card-pairs. Survey results are another example of data where pre-deconstruction is built into the research.</p>
<p>Why, though, this urge to break data down into smaller and smaller pieces?</p>
<p>Smaller, more granular data provides for greater flexibility in the other analysis techniques we need to undertake. By separating ideas or objects out into their own data elements we can have greater control over how elements are treated and positioned with respect to other elements.</p>
<p>For example, splitting a Name element into separate First Name and Surname elements allows us to treat these two components independently, and ask a broader range of questions &#8211; such as: &#8220;What are the most common first names?&#8221;</p>
<blockquote><p>Smaller, more granular data provides for greater flexibility in the other analysis techniques we need to undertake.</p></blockquote>
<p>It requires extra effort to break data down and then to store it in more granular form. It also takes effort to request and record extra data during the research process itself. So, whatever level of data granularity we use should be for specific reasons, and to address specific research questions.</p>
<p>Deconstruction represents a powerful analytic technique in its own right. By isolating concepts and ideas, and exposing them to scrutiny on their own, deconstruction highlights the existence of untested assumptions and &#8216;sacred cows&#8217;.</p>
<p>In this sense, deconstruction is often used to analyze problems or situations to which we need to formulate a response. This use of deconstruction allows us to test the reality of perceived constraints: by isolating each constraint to the design, and looking at the conditions under which they may hold true, new possibilities can open up that may otherwise not have been possible or feasible.</p>
<h2>Dangers in Deconstruction</h2>
<p><a href="http://johnnyholland.org/wp-content/uploads/magnify.png"><img class="alignright size-medium wp-image-1794" src="http://johnnyholland.org/wp-content/uploads/magnify-300x222.png" alt="" width="300" height="222" /></a>There are dangers in deconstruction that are worth mentioning here. At the end of the day our work should lead to something substantively new. This can be difficult if we lose sight of the macro-level problem in pursuit of an understanding of the data in finer and finer detail.</p>
<p>Secondly, in studying the fine detail of our data we can miss seeing the patterns in our data that help drive insights and accelerate the transition to design concepts. At the same time, some patterns only become visible or apparent when we reach a level of granularity appropriate for the data.</p>
<p>Deconstruction can also generate noise in our data which obscures our sense-making abilities. This noise may be the result of data overload &#8211; simply having too much information to allow for processing; or it may be that small-scale, natural random variations are masking higher-level trends or patterns. In these cases, the use of summation and aggregation techniques might be an appropriate contrast to the deconstruction technique.</p>
<h2>Deconstruction in practice</h2>
<p>Deconstruction can often be used in very close association with other analytic techniques. For example, we may break data down into more granular form to facilitate manipulation of that data as a means of inspection or &#8216;eye-balling&#8217;.</p>
<p>In the same vein, we may manipulate or transform our data to allow us to zero in on a particular characteristic &#8211; deconstruction in the critique sense of the term.</p>
<p>It may help at this point to look at some examples to help illustrate the different uses of deconstruction as an analytic technique:</p>
<p><strong>User Interviews</strong><br />
<a href="http://johnnyholland.org/wp-content/uploads/interview1.png"><img class="alignright size-medium wp-image-1792" title="interview1" src="http://johnnyholland.org/wp-content/uploads/interview1-300x210.png" alt="" width="300" height="210" /></a>A typical interview scenario involves asking participants a series of questions (usually open-ended; sometimes based around topics rather than using a strict question set) and recording the responses. Recording may be through the use of written notes, audio recording, video taping, interviewer/observer notes; and may include a combination of the above.</p>
<p>To begin drawing connections and identifying themes between interviews we need to break down &#8211; or deconstruct &#8211; the interviews to the level of individual ideas or concepts, feelings, thoughts etc. The medium we use to record each of these &#8216;objects&#8217; is not important: a spreadsheet might be used just as effectively as Post-It notes or index cards.</p>
<p>Once the data is in this more granular form we can carry out further analysis on the interviews. We may, for example, want to look at the prevalence of positive versus negative feedback.</p>
<p>Note, however, that the need for deconstruction is entirely dependent on the questions we are trying to answer through our research. For example, if our intent was to formulate an impression of the overall level of satisfaction for each interview subject, the deconstruction would be an entirely unnecessary task.</p>
<p><strong>Diagnosing Causes</strong><br />
When faced with a failure in a complex system &#8211; such as the inability of users to complete a multi-step process, or the appearance of a previously unplanned-for edge case &#8211; it is typically quite difficult to diagnose the cause of the failure (in the absence of error handling designed specifically with this in mind). In order to identify the root cause of the failure we undertake a deconstruction exercise to help isolate the components of the systems.</p>
<p><strong>Designing a Car: Highlighting untested assumptions</strong><br />
If we were to begin designing a car we might begin with a brain-storming session and list out all of the components or features that are needed. That list might include items such as &#8220;wheels&#8221;, &#8220;engine&#8221;, &#8220;fuel&#8221;, &#8220;doors&#8221;, &#8220;seats&#8221; and a whole range of others. We can now look at each of these features and ask why it&#8217;s there, and what it says about our notion of the solution.</p>
<p>For example, &#8216;fuel&#8217; presupposes a form of combustion engine which, increasingly, may not be relevant. More importantly, &#8216;fuel&#8217; highlights a range of assumptions &#8211; mostly tacit &#8211; derived from our mental model of the object &#8216;car&#8217;.</p>
<p>Once these assumptions are exposed we can begin to question their validity in the context of the problem &#8211; instead of pre-defining a solution in the statement of the problem. Such questioning, enabled through deconstruction, opens up a broader perspective on the design of a solution.</p>
<h2>Conclusion</h2>
<p>Deconstruction serves a dual role in our analysis work: as both a preparatory technique to get research data ready for use in other ways; and a method of isolating, exposing, and testing assumptions deeply embedded in our mental models.</p>
<p>The technique is not without its drawbacks: more granular data requires effort to gather and record, store, and analyze. It can also generate &#8216;noise&#8217; in the data, which can obscure instead of illuminate.</p>
<p>Understanding the role of deconstruction in analysis can help us to better target it&#8217;s application to the solution of specific research questions.</p>
<p>Photos by <a href="http://www.flickr.com/photos/s1mone/2341398190/">s1mone</a> (card sorting), <a href="http://www.flickr.com/photos/andercismo/2349098787/">andercismo</a> (magnifying glass), <a href="http://www.flickr.com/photos/smiling_da_vinci/14785644/">smiling da vinci</a> (interview)<a href="http://www.flickr.com/photos/s1mone/2341398190/"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/04/deconstructing-analysis-techniques-pt-2-deconstruction/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Deconstructing Analysis Techniques</title>
		<link>http://johnnyholland.org/2009/02/deconstructing-analysis-techniques/</link>
		<comments>http://johnnyholland.org/2009/02/deconstructing-analysis-techniques/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 18:34:22 +0000</pubDate>
		<dc:creator>Steve Baty</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[analysis]]></category>
		<category><![CDATA[analysis techniques]]></category>
		<category><![CDATA[proces]]></category>
		<category><![CDATA[techniques]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=1163</guid>
		<description><![CDATA[Breaking down the analysis black box of analysis techniques]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/d1.jpg" class="attachment-index-categories wp-post-image" alt="d1" title="d1" /><p><img class="alignnone size-full wp-image-1302" src="http://johnnyholland.org/wp-content/uploads/header.png" alt="" width="416" height="160" /><br />
Analysis is that oft-glossed over, but extremely important step in the research process that sits between observation (data gathering) and our design insights or recommendations. In many respects, analysis is crucial to realizing the value of our research since good analysis can salvage something from bad research, but the converse is not so true. This is where the literature tends to fall a little silent, jumping over the analysis techniques straight to a discussion of how best to document and communicate the findings from analysis. This article seeks to begin to redress that imbalance by breaking down the analysis black box into its major sub-techniques.<span id="more-1163"></span></p>
<p>On a recent project I needed to collect and analyze the content management templates in use across a large enterprise Intranet. We were looking to inventory the diversity of templates in use; whether they existed outside or within the enterprise content management system; what changes might be made to the &#8216;official&#8217; template set to reduce the overall number of templates, and to prepare for the migration of all content to a new design a few months down the track. I looked around at the literature for information architecture and Web design generally and found quite a few references to content inventories and content analysis, but nothing on analyzing templates.</p>
<p>I set about designing the analysis task from scratch: looking at what we wanted to get out of the analysis; and looking at what tools and techniques would most effectively allow us to get there. In so doing, it struck me that there is very little information published about the process of analysis that would equip practitioners with a toolkit to construct their own analytical techniques. So User Experience literature and all of its component domains focuses on techniques for user research and testing, it&#8217;s surprising to realize that the coverage often skips over the process of analysis, since this is where much of the value of our research is realized.</p>
<h2>Techniques of Analysis</h2>
<p>We can start to pull back the curtain on analysis by looking at the techniques that go into the process:</p>
<ul>
<li><strong>Deconstruction</strong>: breaking observations down into component pieces. This is the classical definition of analysis.</li>
<li><strong>Manipulation</strong>: re-sorting, rearranging and otherwise moving your research data, without fundamentally changing it. This is used both as a preparatory technique &#8211; i.e. as a precursor to some other activity &#8211; or as a means of exploring the data as an analytic tool in its own right.</li>
<li><strong>Transformation</strong>: Processing the data to arrive at some new representation of the observations. Unlike manipulation, transformation has the effect of changing the data.</li>
<li><strong>Summarization</strong>: collating similar observations together and treating them collectively. This is a standard technique in many quantitative analysis methods.</li>
<li><strong>Aggregation</strong>: closely related to summarization, this technique draws together data from multiple sources. Such collections typically represent a &#8220;higher-level&#8221; view made up from the underlying individual data sets. Aggregate data is used frequently in quantitative analysis.</li>
<li><strong>Generalization</strong>: taking specific data from our observations and creating general statements or rules.</li>
<li><strong>Abstraction</strong>: the process of stripping out the particulars &#8211; information that relates to a specific example &#8211; so that more general characteristics come to the fore.</li>
<li><strong>Synthesis</strong>: The process of drawing together concepts, ideas, objects and other qualitative data in new configurations, or to create something entirely new.</li>
</ul>
<p>Let&#8217;s take a look at each of these techniques in detail and discuss some of the ways in which each technique can be applied.</p>
<h2>Deconstruction</h2>
<p><em>Breaking observations down into component pieces. This is the classical definition of analysis.</em></p>
<p><img class="alignright size-full wp-image-1276" src="http://johnnyholland.org/wp-content/uploads/1.png" alt="" width="200" height="146" />Breaking down research data into its component parts is a standard technique for analysis. One example of deconstruction is turning an interview transcript into a series of separate comments or answers to questions. Deconstruction is often used simply to prepare data for other analytic processes such as manipulation or summarization, or even abstraction.</p>
<p>The aim of deconstruction is to decouple each component so as to allow inspection of each in its own right. In other disciplines this process is used as a device for critical thinking, bypassing the potentially misleading image conveyed by the whole. In so doing deconstruction can be a powerful tool for exposing unquestioned assumptions about our users’ mental models or the business priorities of the client organization.</p>
<p>Looking at our template analysis example, one of our first analysis tasks was to deconstruct the templates into their components. Like most of the technique we took a very low-tech approach to the task, blocking out the individual components with a pencil. In our case, the deconstruction made easier a lot of the subsequent analysis work.It was a minor, but significant, step in the overall process.</p>
<h2>Manipulation</h2>
<p><em>Re-sorting, rearranging and otherwise moving your research data, without fundamentally changing it. This is used both as a preparatory technique or as a means of exploring the data as an analytic tool in its own right.</em></p>
<p><img class="alignright size-full wp-image-1277" src="http://johnnyholland.org/wp-content/uploads/2.png" alt="" width="200" height="104" />The ability to “play with the data” is a critical capability in analysis. We utilize this technique in many situations: searching for patterns or trends in our observations; or as another preparatory stage for further analysis. For example, sorting data in some way &#8211; alphabetic, chronological, complexity or numerical &#8211; is an a form of manipulation.</p>
<p>The ability to easily manipulate data is one of the key determinants for the tools we use in our analysis work. Spreadsheets are an excellent tool for manipulating data; but as we see in our template analysis task, the use of a more tangible form &#8211; such as our index cards &#8211; can be just as effective: if not more so in some cases.</p>
<p>When data recorded in a format that resists fluid manipulation and exploration people can stumble when moving from observation &amp; data collection into analysis. It is important to plan this task into the research design so that it is not overlooked. You could find yourself with a costly and time-consuming data-entry process  if it is forgotten in the planning stages.</p>
<h2>Transformation</h2>
<p><em>Processing the data to arrive at some new representation of the observations. Unlike manipulation, transformation has the effect of changing the data.</em></p>
<p><img class="alignright size-full wp-image-1280" src="http://johnnyholland.org/wp-content/uploads/6.png" alt="" width="200" height="95" />Transforming research data is the process of taking our research data and turning it into something else. For example, you may recall from your schooling days the practice of “scaling” results from an assessment task (exam, essay etc) so they fit a certain distribution, so you end up with (for example) 10% A, 15% B, 25% C, 25% D etc</p>
<p>Another example might be to convert raw data into a logarithmic form to reduce the impact of extreme values &#8211; or to demonstrate power laws in the data.</p>
<h2>Summarization</h2>
<p><em>Collating similar observations together and treating them collectively. This is a standard technique in many quantitative analysis methods.</em></p>
<p><img class="alignright size-full wp-image-1278" src="http://johnnyholland.org/wp-content/uploads/3.png" alt="" width="200" height="138" />The goal of summarizing data is to generate an additional set of data, typically more succinct, that encapsulates the raw data in some way. This may be a short sentence that captures the essential point from several minutes of an interview transcript: “participant finds site search unwieldy, confusing and difficult to use”.</p>
<p>We can also summarize the data quantitatively using summary or descriptive statistics such as frequencies, means, and standard deviations. Unlike the process of abstraction, where specificity is sacrificed for the sake of clarity; or aggregation, where several data sets are “rolled up”; summarization seeks to characterize the underlying data.</p>
<p>Once again, spreadsheets are a very useful tool, especially when dealing with quantitative data. But they can be similarly useful when handling other data types. An equally useful medium for capturing summaries (once you have them) &#8211; particularly of qualitative data &#8211; is the PostIt or sticky note. This medium is also highly suited to manipulation and exploration of the resulting data. One advantage sticky notes have over a spreadsheet is that you can arrange and re-arrange them in two dimensions, so you can further manipulate and explore the summaries.</p>
<p>Index cards share many of the same advantages as sticky notes. They can be an excellent tool for capturing and working with summaries. They have the added advantage of being relatively robust and can therefore sustain a greater degree of handling.</p>
<h2>Aggregation</h2>
<p><em>Closely related to summarization, this technique draws together data from multiple sources. Such collections typically represent a &#8220;higher-level&#8221; view made up from the underlying individual data sets. Aggregate data is used frequently in quantitative analysis.</em></p>
<p><img class="alignright size-full wp-image-1279" src="http://johnnyholland.org/wp-content/uploads/4.png" alt="" width="200" height="178" />As discussed previously, aggregation is similar to, but distinct from summarization. In one respect aggregation is simply the process of bringing together data from a variety of sources and adding it together. In an analytic context it also carries with it the connotation of combining those sources together into something new.</p>
<p>A good example to highlight aggregation in action is the creation of a (fictional) customer satisfaction index (CSI). Our CSI will use data from:</p>
<ul>
<li>An annual customer survey;</li>
<li>The number of product returns received; and</li>
<li>The ratio of new to repeat customers.</li>
</ul>
<p>We combine data from each of these sources and arrive at some single figure &#8211; based on some form of calculation (we’ll save the ‘how’ of that for another time). That single figure &#8211; which we can track year-to-year &#8211; is our aggregate. Unlike a summary, which characterizes a single piece of data, you can see that our aggregate is a composite value.</p>
<h2>Generalization</h2>
<p><em>Taking specific data from our observations and creating general statements or rules.</em></p>
<p><img class="alignright size-full wp-image-1281" src="http://johnnyholland.org/wp-content/uploads/7.png" alt="" width="200" height="146" />Taking the results of some specific research task and drawing general inferences about the broader population is one of the most common, but perhaps the least understood analytical technique. Generalization draws a great deal of its strength from the discipline of statistics, and the particular techniques of statistical inference.</p>
<p>In many respects generalization is similar to abstraction in that it reflects a move from the specific to the general or essential. It is a way of describing the common characteristics of the objects reflected in the data.</p>
<p>An example of generalization might be: “security is important to our users” based on an analysis of user interviews.</p>
<h2>Abstraction</h2>
<p><em>The process of stripping out the particulars &#8211; information that relates to a specific example &#8211; so that more general characteristics come to the fore.</em></p>
<p><img class="alignright size-full wp-image-1282" src="http://johnnyholland.org/wp-content/uploads/8.png" alt="" width="200" height="99" />The process of abstraction involves the progressive removal of specific data retaining just the essential information needed to communicate particular characteristics of an object. For example, “professional” is a more abstract form of “Doctor” or “Lawyer”; “graphic” is a more abstract form for “photograph”, “logo”, “illustration” or “chart”.</p>
<p>A wireframe is an abstract representation of a page design; the template thumbnails on our index cards are an abstract representation of the templates.</p>
<p>Abstract representations can be very useful because they remove a lot of visual noise from the analysis process. What we’re left with is a “high-level” depiction devoid of specific detail; highlight focused on just those elements which are relevant to the discussion.</p>
<h2>Synthesis</h2>
<p><em>The process of drawing together concepts, ideas, objects and other qualitative data in new configurations, or to create something entirely new.</em></p>
<p><img class="alignright size-full wp-image-1298" title="5" src="http://johnnyholland.org/wp-content/uploads/5.png" alt="" width="200" height="146" />Combining multiple elements together to create a new, complex ‘thing’ is what the technique of synthesis is all about. Similar in some respects to aggregation, synthesis typically deals with non-numeric data.</p>
<p>Synthesis is often undertaken towards the end of an analytic process as the reverse of deconstruction. So where we might begin by breaking down data into its component parts and examining them; we often end by recombining those components in new ways. Note, however, that synthesis can also form part of an exploration and is one of the fundamental tools of the trade for UX strategy work.</p>
<p>If deconstruction allows us to critically examine assumptions by isolating individual components, synthesis allows us to explore new configurations for the whole.</p>
<h2>But what about…</h2>
<p>In discussing this article with other people we identified three other techniques that we either weren’t sure belonged as analytic techniques, or we couldn’t decide if they were already covered by the techniques discussed above. We believe they’re all very important to the analysis process. They are:</p>
<ul>
<li><strong>Reflection</strong>: thinking, pondering, contemplating. To the outside observer it looks a lot like staring into space, but your mind is going over and over and over all the detail of your observations, data, diagrams, and other research materials. It’s the part you can’t put a time limit on, and can make or break your subsequent work. You might call it “soaking it all in”, or “immersing myself in the data”. This technique is incredibly valuable to me in my own work and I’m not sure I’d be as effective if I didn’t include it.</li>
<li><strong>Visualization</strong>: this technique is about giving the data a visual dimension. Instead of lists of items, or rows of numbers in a spreadsheet, a chart or graph or some form of illustration. A good visualization can help expose patterns or gaps much more clearly than the raw data.</li>
<li>‘<strong>Number-crunching</strong>’: this feels like it needs to be drawn out as a separate activity from data manipulation, transformation, or summarization, but I also recognise that this level of distinction may just be peculiar to me. This refers to all of the heavy-duty quantitative analysis work like clustering analysis, or regression, calculating correlation co-efficients and the like.</li>
</ul>
<h2>Conclusion</h2>
<p>Working with research data and observations is often treated as a black box in design literature. Designers find themselves faced with the daunting task of analysing research data, but lack clear approaches to that task. Understanding the major techniques used in analysis work can remove some of the uncertainty and provide a clear way in to the work.</p>
<p>There still exists a very large gap in the literature on analysis and analytic techniques, but I hope that this discussion of the major components of analysis will go some way towards filling that void. The next time you’re undertaking some analysis work, try and identify these major techniques, and see if there are any others we can add to the list.</p>
<p>I’d like to say a very big thank you to the people who helped clarify and refine both my thinking on this topic, and the expression of that thinking in this article: <a href="http://twitter.com/semanticwill">Will Evans</a>, <a href="http://twitter.com/livlab">Livia Labate</a>, <a href="http://twitter.com/maadonna">Donna Spencer</a> and <a href="http://twitter.com/dszuc">Daniel Szuc</a>; <a href="http://twitter.com/mediajunkie">Christian Crumlish</a>, <a href="http://blog.michaelleis.com">Michael Leis</a> and <a href="http://twitter.com/kaleemux">Kaleem Khan</a>.</p>
<p>Graphics by <a href="http://www.twitter.com/jeroenvangeel">Jeroen van Geel</a> (and he&#8217;s pretty proud of them <img src='http://johnnyholland.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/02/deconstructing-analysis-techniques/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>

