<?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>User Pathways &#187; Design Practice</title>
	<atom:link href="http://userpathways.com/category/design-practice/feed/" rel="self" type="application/rss+xml" />
	<link>http://userpathways.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Wed, 10 Mar 2010 15:23:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The challenges and changes in digital design</title>
		<link>http://userpathways.com/2010/02/the-challenges-and-changes-in-digital-design/</link>
		<comments>http://userpathways.com/2010/02/the-challenges-and-changes-in-digital-design/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 21:34:50 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Design Practice]]></category>
		<category><![CDATA[Information Architecture]]></category>

		<guid isPermaLink="false">http://userpathways.com/2010/02/the-challenges-and-changes-in-digital-design/</guid>
		<description><![CDATA[&#160;



 
&#160;
After 10 years of job title changes we come back to being designers, albeit ‘user experience’ designers for users and for people.            
In 1999 it seemed to be so very new and we were on the same page, but now we see the [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td valign="top" width="233"><a href="http://userpathways.com/wp-content/uploads/2010/02/Clamshell_iBook_G3.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="Clamshell_iBook_G3" border="0" alt="Clamshell_iBook_G3" src="http://userpathways.com/wp-content/uploads/2010/02/Clamshell_iBook_G3_thumb.jpg" width="217" height="250" /></a> </td>
<td valign="top" width="10">&#160;</td>
<td valign="top" width="456"><em>After 10 years of job title changes we come back to being designers, albeit ‘user experience’ designers for users and for people.            </p>
<p>In 1999 it seemed to be so very new and we were on the same page, but now we see the different disciplines needing to embrace and unify before they fragment completely.            </p>
<p> It needs to change soon, to move on with an admission of guilt for the turf wars, the inflated egos and finally gain some appreciation for each other’s craft.            </p>
<p><span id="more-1236"></span></em></td>
</tr>
</tbody>
</table>
<p>Two points of view can be represented by Jesse James Garrett and his closing plenary last year at the IA Summit (memorable by his ‘we are all just UX designers’ statement) to the recent competition of <a href="http://www.flickr.com/groups/explainia/" target="_blank">defining IA</a> ran by The Information Architecture Institute and promoted by Peter Morville. Garrett wants a return to us all being generalists whilst Morville sees a definite case for specialization. Their two books (both essential reads) should have given us the clue on their stand points years ago, in reality they have stayed true to their own beliefs.&#160; </p>
<p>&#160;</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td valign="top" width="233"><a href="http://userpathways.com/wp-content/uploads/2010/02/morville_tweet.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="morville_tweet" border="0" alt="morville_tweet" src="http://userpathways.com/wp-content/uploads/2010/02/morville_tweet_thumb.png" width="500" height="79" /></a> </td>
<td valign="top" width="233">&#160;</td>
<td valign="top" width="233">&#160;</td>
</tr>
</tbody>
</table>
<p><strong>Are we all just expert generalists?</strong>     <br />I think the term information architect although clumsy and a little grandiose is still the most accurate when placed alongside those who create the concepts of digital products. I may be different as I have been designing and drawing all my life, I have 13 years experience as an interaction designer, 10 as a web designer, 5 as a design manager and now 3 as an information architect. I have become an expert generalist but I would never have arrived at the last job role if I hadn’t had the other elements in my work experience. So I view the title of IA as something I have had to earn, and that can only come with experience, lots of mistakes and learning the hard way. </p>
<p>Looking at the effort we still spend on defining what we should or should not call ourselves seems unusual unless it is for the benefit of those new to the field. Though it does help clarify in the mind of the individual what IA is, we should be aware that clients do not share this fascination with titles but only the standard of the work we produce.</p>
<p><strong></strong></p>
<p><strong>Take responsibility </strong></p>
<p><strong></strong></p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td valign="top" width="233"><a href="http://userpathways.com/wp-content/uploads/2010/02/bridgeUSArmyKoreaIMCOM.jpg"></a><a href="http://www.flickr.com/photos/imcomkorea/3192896581/sizes/m/" target="_blank"><br />
<h6><a href="http://userpathways.com/wp-content/uploads/2010/02/bridgeUSArmyKoreaIMCOM.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="bridge - US Army Korea - IMCOM" border="0" alt="bridge - US Army Korea - IMCOM" src="http://userpathways.com/wp-content/uploads/2010/02/bridgeUSArmyKoreaIMCOM_thumb.jpg" width="400" height="496" /></a> </h6>
<p>           <a href="http://www.flickr.com/photos/imcomkorea/3192896581/sizes/m/" target="_blank"><br />
<h6>Image courtesy of </h6>
<h6><a href="http://www.flickr.com/photos/imcomkorea/3192896581/sizes/m/" target="_blank"></a><a href="http://www.flickr.com/photos/imcomkorea/3192896581/sizes/m/" target="_blank">US Army Korea &#8211; IMCOM</a></h6>
<p>           </a></a></a></a></td>
<td valign="top" width="26">&#160;</td>
<td valign="top" width="440">When complex projects, exhibiting <a href="http://en.wikipedia.org/wiki/Wicked_problem" target="_blank">wicked problems</a>, go bad, often failures can be drawn against the lack of collaboration between parties as milestones were passed. To build and not respond to a blueprint would get any contractor fired from a construction site. Yet because we build objects that are intangible, ephemeral and in code, what we develop is a black box that only very few understand in it&#8217;s entirety. The majority of people including the client can only rely on trust and hope that what we eventually deliver fulfils their initial vision.           </p>
<p>Our responsibility as IAs, when entrusted to build something that is required, is to be dedicated in seeing it through to the end. That is why it requires somebody who will complete what they start. This means testing the creations that you wireframe, adjusting them accordingly and ensuring the database and technical architecture do not inhibit performance or confuse users. But of course the working culture you operate in needs to be conducive for this to happen. We have this responsibility that must be followed in all our work. </td>
</tr>
</tbody>
</table>
<p>For me this is what defines IA &#8211; it&#8217;s a commitment to delivering the best appropriate solution, without compromises that may affect the users. Bad design work in a visual sense is easy to fix but bad information or technical architecture is irreversible in a client’s timeline.    <br /><strong>     <br /></strong>Having collaborative multiple-disciplinary teams is a way that a project can be delivered effectively on time and budget. Talking to each other regularly and being totally honest keeps this on track. Transparency will avert any disasters here but the conversations must occur at the right time. Whatever the process you use, all projects have time as their master. That is why timely intervention needs to happen regularly to steer and correct a project path. Those who have good time management skills tend to enjoy greater project success and certainly have happier clients. Meeting deadlines has to be the main priority when in the business of delivering solutions.</p>
<p><strong>Document more</strong></p>
<p>Documenting your creative process is important and rewarding because writing makes us aware of our mistakes. Our mistakes are to be encouraged in design, failure is an option if it occurs at the right point in the process. So iterate, stop only to test, discuss and verify. Share, contribute, collaborate and communicate more but admit any failings.&#160; </p>
<p>We know our process and we have our tools but do we employ our minds to think differently before we even start to reach for a pen or boot up the machine? When you think about good technology it is enabling human beings to become better at being human. We should aim to enable that to happen through our work but do it in a way that is shared and publicly available. Only then through transparent practices will we grow as a collective of professionals. </p>
<p><strong>The next ten years?</strong>&#160;&#160; </p>
<p>&#160;</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td valign="top" width="233"><a href="http://userpathways.com/wp-content/uploads/2010/02/Slide31.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Slide31" border="0" alt="Slide31" src="http://userpathways.com/wp-content/uploads/2010/02/Slide31_thumb.png" width="400" height="300" /></a> </td>
<td valign="top" width="28">&#160;</td>
<td valign="top" width="438">
<p>The iPad and other touch devices represent the changing face of digital design. Not only in how it is a different interactive paradigm (the phones have given us a good foundation course on what not to do) but in how it will change the way we work together.</p>
<p>The&#160; Internet changed how we communicated and has moved from the broadcast medium to an interactive social experience. However companies have been able to operate in much the same way. The web as an add-on to their normal business. </p>
</td>
</tr>
</tbody>
</table>
<p>But when the medium is defined in the device, and the device is ubiquitous then those providing it&#8217;s content will organise themselves differently and will have to redefine their offering. UX people will be in increasing demand as will the development teams to put it all together. The iPad will change us culturally. It will reshape our workplace skillsets and our mindsets regarding digital and traditional media. It may even make using the Internet a physically social activity. If it does that then it really could be the saviour of published media and even help society.</p>
<p>The future is the designers shaping our interfaces, interactions and experiences. Those same designers will take the iPad and produce something that will justify Steve Job’s claims of it being a game changing device.&#160; My hope is we produce interfaces that make our children understand the world better and quicker than we ever did. Finally create objects that use technology to help us live longer and happier and improve our world. Hopes aside, I believe it will be the start of a golden age for what we are now calling User Experience design.</p>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2010/02/the-challenges-and-changes-in-digital-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Changing online banking</title>
		<link>http://userpathways.com/2009/11/changing-online-banking/</link>
		<comments>http://userpathways.com/2009/11/changing-online-banking/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 20:27:37 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://userpathways.com/2009/11/changing-online-banking/</guid>
		<description><![CDATA[




Photo courtesy of Daniel Y. Go

&#160;
Before I moved to Denmark I used HSBC for fifteen years. Their online banking system was adequate initially, and has grown better over time with improvements to its functionality and speed. But its amazing what you take for granted when you are forced to use an alternative.    [...]]]></description>
			<content:encoded><![CDATA[<table cellspacing="0" cellpadding="2" width="700" border="0">
<tbody>
<tr>
<td valign="top" width="450">
<p><a href="http://www.flickr.com/photos/danielygo/2051810786/sizes/m/" target="_blank"><img title="piggy banks" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="338" alt="piggy banks" src="http://userpathways.com/wp-content/uploads/2009/11/piggybanks.jpg" width="450" border="0" /></a></p>
<h6>Photo courtesy of <a href="http://www.flickr.com/photos/danielygo/" target="_blank">Daniel Y. Go</a></h6>
</td>
<td valign="top" width="28">&#160;</td>
<td valign="top" width="222">Before I moved to Denmark I used HSBC for fifteen years. Their online banking system was adequate initially, and has grown better over time with improvements to its functionality and speed. But its amazing what you take for granted when you are forced to use an alternative.          </p>
<p>My bank here in Denmark, though not Danish, is courteous and helpful in the physical world but digitally they are atrocious. Their online banking system is a world apart from HSBC and I can only think its because of an overtly paranoid view of security.           <br /> <span id="more-1168"></span> </td>
</tr>
</tbody>
</table>
<p>I cannot name the bank, as I would fear some sort of <a href="http://dustincurtis.com/incompetence.html" target="_blank">American Airlines sacking</a>, but somebody has made a technical decision which just makes it such an arduous task accessing an account.</p>
<p>To gain access you need to download a Java application, install it within your browser and then download an access key which is unique to the machine. It makes your home pc become something like a bank terminal. Even the interface makes you feel like you are in the mainframe. </p>
<table cellspacing="0" cellpadding="2" width="700" border="0">
<tbody>
<tr>
<td valign="top" width="233"><a href="http://userpathways.com/wp-content/uploads/2009/11/tweets.jpg"><img title="tweets" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="523" alt="tweets" src="http://userpathways.com/wp-content/uploads/2009/11/tweets_thumb.jpg" width="338" align="left" border="0" /></a></td>
<td valign="top" width="16">&#160;</td>
<td valign="top" width="450">
<h3><strong>One click away from rage</strong> </h3>
<p>It is proof, if any were needed, that some banks have such a long way to go to actually deliver a service that their customers want and deserve. This is our money after all. Now the thing is I don’t think that it’s only this bank, I know its probably the majority of them. Do a search on Twitter for online banking and you will see some lively comments instantly about a variety of well known names.</p>
<p>The unusual part of this is that vitriol is never far away when you are talking about people trying to access their&#160; money. Passions flair up very quickly unlike many other online interactions. The apparent ease that a customer can interact with their bank and conduct their business through a web browser is actually a situation with many issues. The online bank is a complex place of interaction that is subject to frequent fails – that&#8217;s why people are easily annoyed when there is a lapse in customer service, when the basic usability of a system is inadequate and when it appears that the interface is some sort of back office admin panel. </p>
<p>User experience and customer experience are entwined here. That causes real problems because the system needs real staff to support it – it is not stand alone (though it purports to be &#8211; by acting like a website). </p>
</td>
</tr>
</tbody>
</table>
<p>What needs to happen is to bring trust at the interface, the screen where the bank’s customer interacts with the bank. it is no different from the teller window and yet rather than seeing the human face of a smiling cashier we are faced with rows of numbers, that are bland and confusing. </p>
<p><a href="http://userpathways.com/wp-content/uploads/2009/11/mint_was.jpg"><img title="mint_was" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="232" alt="mint_was" src="http://userpathways.com/wp-content/uploads/2009/11/mint_was_thumb.jpg" width="560" border="0" /></a> </p>
<h3>A different approach </h3>
<p>The interface need not, and should not, reflect the banks own internal processes and culture. The place for that is in the headquarters and offices, not in front of the customer. <a href="http://www.mint.com/" target="_blank">Mint</a> and <a href="https://www.wesabe.com/" target="_blank">Wesabe</a> both have capitalized on this gap in the market. The gap in which banks have turned their backs on the customer’s experience and preferred to adopt an IT approach to delivering a system that a customer is expected to work within. </p>
<p>Meanwhile these sites have realized that people need to see their numbers differently to how their bank manager sees them. Not on a spreadsheet but a chart with meaning, a saving scheme with a human name and relevance to them. This is what makes me want to return and use a bank. Show me how my money can work harder, where I can save or invest and do it in a way that is educational and even fun.</p>
<p>My online banking experience at the moment is dull, because I don’t <em>want</em> to use the interface. All I can do is either find a better bank or use Wesabe or Mint to download my transactions and render them in a way that is understandable and useful to me. </p>
<h3>Tenets for online banking </h3>
<p>There are four areas we can take as tenets for what an online bank should deliver for the customers.</p>
<p><strong>Clarity</strong>     <br />Ensure that from the visual design down to the language used, to the terms and illustrations, every single entity on the page is as clear as possible. This is how it looks , how the user would interact and use the system to ensuring the user understands exactly what is going on in every page. Iconography, help text, customer service contacts, all need explanation and immediacy for the user. The online bank must provide a service and the customer needs to grasp this instantly. Any marketing or jargon that gets in the way is a huge problem to its usefulness.</p>
<p><strong>Comprehensive</strong>     <br />Whatever the customer wants to do in their accounts enable them to do it &#8211; if it is a product being offered. If they want something new make sure it is just a click away. Also show them the holistic view of their money and enable them to drill down into specifics whilst giving them a way to navigate around. Visualizing data that is easy to understand is so important to those people who are turned off by numbers, it allows a deeper comprehension and a better understanding of their financial situation.</p>
<p><strong>Convenient</strong>     <br />Never make a customer download a piece of software to unlock the gate to let them into the bank. A barrier to entry on a system that holds their money is maddening for a user. It must be accessed through a browser and by mobile devices, even the TV. Online banking should be easy and stress free. Downtime may be unavoidable but warnings to customers and active support needs to be employed during these times.</p>
<p><strong>Control</strong>     <br />Finally, allow the customers to take control by offering them the tools to manage and create accounts easily. Flexibility in the way they can manage their money will just give them a much more enjoyable banking experience. Akin to being listened to when they have a request and a feeling that something is being done. Showing their figures in real time and allowing the movement and creation of savings all go some way in giving them the feeling that this is their money, their accounts and importantly a bank they want to belong to.</p>
<h3><strong>Competitive threat will enforce change</strong> </h3>
<p>I hope banking will be different soon. One bank will lead the way in defining an experience the others will follow. It hasn’t happened yet because of constraints, politics, the credit crunch, institutionalization and corporate lethargy. But it will change, and with products like <a href="http://www.wesabe.com/page/springboard" target="_blank">Wesabe’s Springboard</a> around, it will be sooner rather than later.&#160; </p>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2009/11/changing-online-banking/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>UX Design Framework &#8211; Visual Design</title>
		<link>http://userpathways.com/2009/11/ux-design-framework-visual-design/</link>
		<comments>http://userpathways.com/2009/11/ux-design-framework-visual-design/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 21:39:43 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Design principles]]></category>
		<category><![CDATA[Visual design]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[visual deign]]></category>

		<guid isPermaLink="false">http://userpathways.com/2009/11/ux-design-framework-visual-design/</guid>
		<description><![CDATA[Previously I introduced a UX framework and wrote about the first element &#8211; content.  This post is about visual design, perhaps the most immediately emotive ingredient to user experience. Seeing is believing, and what our eyes see immediately tells us if we either like or dislike what they are receiving. It has a sway on [...]]]></description>
			<content:encoded><![CDATA[<p>Previously I introduced a UX framework and wrote about the first element &#8211; <a href="http://userpathways.com/2009/10/a-ux-design-framework-to-address-contextual-needs-part-1-of-6-2/" target="_self">content</a>.  This post is about visual design, perhaps the most immediately emotive ingredient to user experience. Seeing is believing, and what our eyes see immediately tells us if we either like or dislike what they are receiving. It has a sway on the other 5 elements of the UX framework as it is something that is very tangible and creates instant feeling in a person. As UX designers we need to be aware of the importance of visual design as a doorway to incorporate the other equally important facets in our work. Visual design, like it or not, is still king when it comes to the first few seconds that a user interacts with a product or service.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="400" valign="top"><a href="http://userpathways.com/wp-content/uploads/2009/11/3524670137_80dd4cfc58.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="3524670137_80dd4cfc58" src="http://userpathways.com/wp-content/uploads/2009/11/3524670137_80dd4cfc58_thumb.jpg" border="0" alt="3524670137_80dd4cfc58" width="404" height="537" /></a></td>
<td width="22" valign="top"></td>
<td width="278" valign="top"><a href="http://en.wikipedia.org/wiki/Saul_Bass" target="_blank">Saul Bass</a>, the legendary graphic designer and film maker, described design as ‘thinking made visual’. In many ways visual design should communicate the more complex considerations of a solution in an immediately accessible way.<strong>Aesthetic usability</strong><br />
Think about a website that you like and there will probably be a good deal of visual design that helps you in understanding its content better, what it offers and how easy it is for you to use.</p>
<p>Aesthetic usability is a quality that arguably Apple have made very much part of their product offering. Consider their most successful devices, (iMac,iPod and iPhone) and there is an immediate attraction to getting to know the product, even before you really know what it can do.</p>
<p>As there is an emotive connection (one of delight or intrigue) it affords the product a level of forgiveness within the user when the product or system fails.</p>
<p><span id="more-1148"></span></td>
</tr>
</tbody>
</table>
<p><a href="http://userpathways.com/wp-content/uploads/2009/11/2609368432_24bdbcb62f_o.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="2609368432_24bdbcb62f_o" src="http://userpathways.com/wp-content/uploads/2009/11/2609368432_24bdbcb62f_o_thumb.jpg" border="0" alt="2609368432_24bdbcb62f_o" width="700" height="515" /></a></p>
<p>We can also see this in many websites today, the Whale fail of Twitter being a notable one. As the <a href="http://www.whatisfailwhale.info" target="_blank">website</a> about the image says:</p>
<blockquote><p>This image brings a human touch to a moment of frustration…</p></blockquote>
<p>An attractive design is initially perceived as being easier to use and tends to garner a loyalty and forgiveness in a user group that promotes positive relations between people.</p>
<p><strong>Alignment</strong><br />
An ingredient of aesthetic usability, particularly in web pages or screen based interfaces, alignment is a design principle that is often either overlooked or considered a standard aspect of good design. However it does warrant special consideration especially as its importance is the reason why <a href="http://www.noupe.com/design/ultimate-guide-to-grid-based-web-design.html" target="_blank">the grid</a> is such a defacto standard in page design, for both the offline and online worlds. As alignment is the norm, where elements on a page break out it causes visual tension – the exception creates a focus on an element on the page.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="450" valign="top"><a href="http://www.ndrc.ie/" target="_blank"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="grid_buster" src="http://userpathways.com/wp-content/uploads/2009/11/grid_buster.jpg" border="0" alt="grid_buster" width="450" height="295" /></a></td>
<td width="22" valign="top"></td>
<td width="228" valign="top">This is a good example of a site that uses a grid but, with the use of graphics and juxtaposition, breaks it with visual trickery.Even using a small colour palette it effectively does its job of engaging the user and encourages interaction. The visual design gives dynamism.</p>
<p>The content of the site is for the Digital Research Centre in Dublin but the site goes some way in getting you interested way before you start to read the content.</td>
</tr>
</tbody>
</table>
<p><strong> </strong></p>
<p><strong>Colour<br />
</strong>Despite so many people being colour blind it still has a key role in giving meaning to elements on a screen or in the physical world. Colour, and importantly hue and saturation, have effects on the way interfaces are used and perceived by users. Contrast gives users a guide &#8211; the more saturated the hue of a colour &#8211; the more important the priority. Similar contrast types are seen as part of the same group or importance. The use of contrast is one of the ingredients of visual design that is not immediately the most noticeable but is certainly one of the most notable to attract attention and produce focus in a user.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="450" valign="top"><a href="http://userpathways.com/wp-content/uploads/2009/11/colour.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="colour" src="http://userpathways.com/wp-content/uploads/2009/11/colour_thumb.jpg" border="0" alt="colour" width="450" height="445" /></a></td>
<td width="22" valign="top"></td>
<td width="228" valign="top">The designers of <a href="http://www.barackobama.com/" target="_blank">Barack Obama’s website</a> agonized for days over the correct shade of blue that would come to be synonymous with the campaign and eventually the Obama brand.Throughout the site, the use of key colours, for calls to action, are used strategically to either prompt or persuade (the red here used sparingly) or to educate and inform (the muted blue grey in the right hand column).</p>
<p>The actual colour palette is limited and correct colour usage should always be used in this way. Too much colour variation produces visual noise and confusion.</td>
</tr>
</tbody>
</table>
<p><strong>Consistency<br />
</strong>The site mentioned above also exhibits consistency on a huge and intricate scale. The elements within the design are part of a larger code that communicates a meaning that is consistent across all touch-points. In this case the font was used throughout the campaign from signs to captions to all types of visual communication. It is a great way of maintaining a focus to the message, unmistakably it is from Obama. This way of maintaining the message is used throughout the physical world and is a subtle stamp of quality that underpins many good user experiences.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="450" valign="top"><a href="http://userpathways.com/wp-content/uploads/2009/11/ipodclassic1.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="ipod-classic-1" src="http://userpathways.com/wp-content/uploads/2009/11/ipodclassic1_thumb.jpg" border="0" alt="ipod-classic-1" width="439" height="520" /></a></td>
<td width="28" valign="top"></td>
<td width="228" valign="top"><strong>Golden ratio<br />
</strong>To enhance the aesthetic quality of an object or interface design the golden ratio is a good principle to explore largely because of its prevalence in nature, art and architecture.Areas where visual appeal have been long established and unquestioned can provide a good basis to explore in designs where other factors are not compromised. There is something simplistic, natural and appealing about design that exhibits the ratio of 0.618 within its form.</p>
<p>It is only a little over half way but it is enough to give some balance to the eye, making the design inexplicably interesting.</td>
</tr>
</tbody>
</table>
<p><strong>Highlighting and Legibility</strong><br />
Effective use of typography,font size and style can guide a user when used well or lead to confusion when it doesn&#8217;t follow consistency. Presenting a message in a particular way can reinforce the impact of the message. Ensuring it is easy to read, uses the appropriate size and clarity and can only help in getting the message across. In many cases the artful use of typography often does this job brilliantly as it implicitly considers legibility and accessible text as part of its remit. That is obviously when it’s purpose is to convey a message and not make a statement.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="450" valign="top"><a href="http://userpathways.com/wp-content/uploads/2009/11/3360551399_c9ef8663b1.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="3360551399_c9ef8663b1" src="http://userpathways.com/wp-content/uploads/2009/11/3360551399_c9ef8663b1_thumb.jpg" border="0" alt="3360551399_c9ef8663b1" width="450" height="360" /></a></p>
<h6>Image courtesy of <a href="http://www.flickr.com/photos/thebudman84/3360551399/" target="_blank">theBudman84</a></h6>
</td>
<td width="28" valign="top"></td>
<td width="228" valign="top">You may not agree with this statement from the <a href="http://informationarchitects.jp/the-web-is-all-about-typography-period/" target="_blank">Information Architects</a> but you can not deny the power of typography to not only deliver the message with clarity but also with meaning.These are just words but the strength of type, colour, style and size give the statement more depth and authority.</p>
<p>When a website or interface has legibility problems it is often reviled instantly. People deserve a basic level of accessibility  and this area is one to pay attention to first when thinking about visual design for improved user experiences.</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="450" valign="top"><a href="http://userpathways.com/wp-content/uploads/2009/11/apps_personal.png"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="apps_personal" src="http://userpathways.com/wp-content/uploads/2009/11/apps_personal_thumb.png" border="0" alt="apps_personal" width="450" height="338" /></a></td>
<td width="28" valign="top"></td>
<td width="228" valign="top"><strong>Modularity<br />
</strong>The real strength of modular design is an ever-present in web pages and web applications. Smaller services or applications that form a larger, more complex system, have really found their niche in the iPhone and contribute to the success of the product.Highly bespoke and tailored user experiences are achievable by offering the platform that can be adjusted to individual user needs.</p>
<p>Personalisation is achievable giving much more engaging experiences and the visual design should accommodate this need.</td>
</tr>
</tbody>
</table>
<p><strong>Occam&#8217;s razor</strong><br />
This principle states that the unnecessary abundance of features decrease the effectiveness of the designed solution. When considering feature creep in many mobile phones the lack of this principle can be seen very easily. If two solutions are placed side by side, and both are equal in terms of what they can deliver but one is simple and the other is complex, then the design that exhibits simplicity wins because it is practical.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="450" valign="top"><a href="http://userpathways.com/wp-content/uploads/2009/11/occams.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="occams" src="http://userpathways.com/wp-content/uploads/2009/11/occams_thumb.jpg" border="0" alt="occams" width="450" height="405" /></a></td>
<td width="28" valign="top"></td>
<td width="228" valign="top">The <a href="http://www.theflip.com/en-us/Products/mino.aspx" target="_blank">Flip video camera</a> is one of the best sellers on Amazon and part of its success is its no frills point-and-shoot capability. All non-essential features have been removed and stripped down to the power button, record, play, delete, zoom, lens, microphone and speaker. The only other feature is a 2 inch screen and USB arm.It is an exercise in concentrating on the absolute necessity of the object to create a product that is relevant to the user and suitable for their context of use.</p>
<p>Screen interfaces need to reveal the interface in a manner that is contextually relevant to the user. Intelligently giving the user what they need, when they need it. Tailor-made digital experiences will define future UX work.</td>
</tr>
</tbody>
</table>
<p><strong>Proximity and Similarity<br />
</strong>Parts of the <a href="http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php" target="_blank">Gestalt principles of perception</a> -  proximity is based on the premise that when elements are grouped or clustered together they are considered related to one another and those which are spaced apart are considered unrelated. When this is used well, it has the power to convey meaning in a way that is instant and may override other principles that are present on a page. For this reason the grouping of elements needs to be considered carefully and will often need to work alongside other principles. The <a href="http://fritzhansen.com/" target="_blank">Fritz Hansen</a> website groups furniture by type and encourages an interaction with the elements.</p>
<p><a href="http://fritzhansen.com/" target="_blank"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="proximity" src="http://userpathways.com/wp-content/uploads/2009/11/proximity.jpg" border="0" alt="proximity" width="700" height="436" /></a></p>
<p>This site also uses similarity &#8211; the visual look of objects resembling each other which produces a feeling of belonging to one another (even though the furniture has been designed by different designers). Strongest grouping effects are seen with elements that use similar colours and shapes. In this instance the same perspective and use of neutral colours give a feeling of cohesiveness.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="450" valign="top"><a href="http://simoncpage.co.uk/blog/2009/10/01/international-year-of-astronomy-2009-posters/" target="_blank"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="international-year-of-astronomy-2009_82-634x896" src="http://userpathways.com/wp-content/uploads/2009/11/internationalyearofastronomy2009_82634x896.jpg" border="0" alt="international-year-of-astronomy-2009_82-634x896" width="450" height="636" /></a></td>
<td width="22" valign="top"></td>
<td width="228" valign="top"><strong>Symmetry</strong><br />
Simon Page’s illustration captures the attractive qualities of symmetrical forms that are often seen in nature. Symmetrical elements arranged to make a pattern of reflection, transition or rotation is an instantly recognizable way to achieve a great aesthetic quality, and often beauty.<a href="http://simoncpage.co.uk/" target="_blank">Simon Page</a> is a visual designer who manages to have that innate ability to produce stunning visual designs. So much so, I wonder what his work would look like if he designed an interface for a client.</p>
<p>Would it be usable? Would it be organized correctly, or communicate in the user’s language? Would it give a great experience? I have a feeling that it would, because of his ability as a visual designer.</p>
<p>Visual design is so important because we are easily stimulated and manipulated by visual cues. An awareness of this important theme to a UX framework is essential and if we are calling ourselves UX designers we need to consider this as a part of our toolbox.</p>
<p>Next up: <a href="http://userpathways.com/2010/02/ux-design-framework-behaviour/" target="_self">behaviour</a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2009/11/ux-design-framework-visual-design/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Usability is dead….the write up</title>
		<link>http://userpathways.com/2009/06/usability-is-dead-the-write-up/</link>
		<comments>http://userpathways.com/2009/06/usability-is-dead-the-write-up/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 07:35:13 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Design Practice]]></category>
		<category><![CDATA[Essays]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Experience Design]]></category>
		<category><![CDATA[UCD]]></category>
		<category><![CDATA[User Centred Design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://userpathways.wordpress.com/2009/06/25/usability-is-dead-the-write-up/</guid>
		<description><![CDATA[A title as loaded as Usability is Dead needs some sort of explanation that a presentation can’t really convey.





KForum – a Danish site serving all those involved in communication, gave me an opportunity and asked for a write up. You can read it here (in English).
Hopefully the article goes some way in describing how as [...]]]></description>
			<content:encoded><![CDATA[<p>A title as loaded as <a href="http://www.slideshare.net/JamesKelway/usability-is-dead-1602708" target="_blank">Usability is Dead</a> needs some sort of explanation that a presentation can’t really convey.</p>
<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="133" valign="top"><a href="http://www.kommunikationsforum.dk/artikler/usability-is-dead" target="_blank"><img style="border-right:0;border-top:0;display:inline;border-left:0;border-bottom:0;" title="SmallK" src="http://userpathways.com/2009/06/smallk.jpg" border="0" alt="SmallK" width="150" height="190" /></a></td>
<td width="16" valign="top"></td>
<td width="551" valign="top">KForum – a Danish site serving all those involved in communication, gave me an opportunity and asked for a write up. You can read it <a href="http://www.kommunikationsforum.dk/artikler/usability-is-dead" target="_blank">here</a> (in English).</p>
<p>Hopefully the article goes some way in describing how as a UX community we need to start collaborating more and moving away from formulaic thinking.</p>
<p>Creativity is back in  a big way, fuelled by context and relevance…</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2009/06/usability-is-dead-the-write-up/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Usability is dead…</title>
		<link>http://userpathways.com/2009/06/usability-is-dead/</link>
		<comments>http://userpathways.com/2009/06/usability-is-dead/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 06:18:36 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Design Practice]]></category>
		<category><![CDATA[Design Theory]]></category>
		<category><![CDATA[Experience Design]]></category>
		<category><![CDATA[Presentations]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[UCD]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Centred Design]]></category>
		<category><![CDATA[User behaviour]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[Company Culture]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://userpathways.wordpress.com/2009/06/19/usability-is-dead/</guid>
		<description><![CDATA[&#160;




&#160;

On Wednesday (17 June), I attended the SIGCHI Interaction Design Day at Copenhagen’s ITU. It’s an impressive building and apt to host an event about technology and our interaction with it. 
&#160;&#160;&#160;&#160;
I also did a talk about Usability and user centred design and how user experience is always key in what we make.
&#160;&#160;&#160;&#160;
You can see [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;</p>
<table cellspacing="0" cellpadding="2" width="700" border="0">
<tbody>
<tr>
<td valign="top" width="205"><a href="http://www.slideshare.net/JamesKelway/usability-is-dead-1602708" target="_blank"><img title="UID" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="336" alt="UID" src="http://userpathways.com/2009/06/uid.jpg" width="450" border="0" /></a></td>
<td valign="top" width="28">&#160;</td>
<td valign="top" width="386">
<p>On Wednesday (17 June), I attended the SIGCHI Interaction Design Day at Copenhagen’s ITU. It’s an impressive building and apt to host an event about technology and our interaction with it. </p>
<p>&#160;&#160;&#160;&#160;
<p>I also did a talk about Usability and user centred design and how user experience is always key in what we make.</p>
<p>&#160;&#160;&#160;&#160;
<p>You can see the presentation on SlideShare <a href="http://www.slideshare.net/JamesKelway/usability-is-dead-1602708" target="_blank">here</a> and I will be writing an article about it published next week. I have placed the notes <a href="http://docs.google.com/View?id=dhkvkpfc_21dffkjwcw" target="_blank">here</a></p>
</p>
</p>
<p> <span id="more-442"></span>
</p>
</td>
</tr>
</tbody>
</table>
<p><a href="http://www.slideshare.net/JamesKelway/usability-is-dead-1602708" target="_blank"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2009/06/usability-is-dead/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>What Google does</title>
		<link>http://userpathways.com/2009/04/what-google-does/</link>
		<comments>http://userpathways.com/2009/04/what-google-does/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 13:47:05 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Mental Models]]></category>
		<category><![CDATA[Metadata]]></category>
		<category><![CDATA[Semantic search]]></category>
		<category><![CDATA[Tagging]]></category>
		<category><![CDATA[Taxonomy]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[search technology]]></category>
		<category><![CDATA[Bradley Horowitz]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://userpathways.wordpress.com/2009/04/29/what-google-does/</guid>
		<description><![CDATA[&#160;



           
Bradley Horowitz at The Next Web 09 courtesy of 
           DailyM
&#160;
After Jeff Jarvis had his take on Google we had somebody from the inside – Bradley Horowitz.Horowitz was the man who advised Yahoo to [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;</p>
<table cellspacing="0" cellpadding="2" width="700" border="0">
<tbody>
<tr>
<td valign="top" width="450"><a href="http://userpathways.com/2009/04/bradley-horowitz.jpg"><img title="bradley_horowitz" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="300" alt="bradley_horowitz" src="http://userpathways.com/2009/04/bradley-horowitz-thumb.jpg" width="450" border="0" /></a>           <br /><a href="http://www.flickr.com/photos/dailym/sets/72157616775527895/" target="_blank"><br />
<h6>Bradley Horowitz at The Next Web 09 courtesy of </h6>
<p>           <a href="http://www.flickr.com/photos/dailym/sets/72157616775527895/" target="_blank">DailyM</a></a></a></td>
<td valign="top" width="28">&#160;</td>
<td valign="top" width="222">After <a href="http://userpathways.com/2009/04/22/tipping-point-beyond-20/" target="_blank">Jeff Jarvis</a> had his take on Google we had somebody from the inside – Bradley Horowitz.Horowitz was the man who advised Yahoo to buy Flickr and after redefining his role there he made them acquire Delicious. Previously he had formed Virage (video categorization engine) and sold it to Autonomy after dropping out of his degree at MIT Medialab where he worked on image categorisation technologies. <span id="more-427"></span></td>
</tr>
</tbody>
</table>
<p>&#160;</p>
</p>
<h6>&#160;</h6>
<p>It was no wonder with his background that metadata, context and categorisation formed an underlying theme to this talk. It was good to see these foundational elements of online user experience given the focus they deserve.</p>
<p><strong>Moore’s law and the aim of Google      <br /></strong>He stated that Google&#8217;s main perspective on technology was thinking big as a means of innovation. With this philosophy they have changed the world as we know it and their impact is massive. As silicon valley realised Moore’s law to be true, Google imagined a world where bandwidth, size and storage was not a problem. In doing so they created&#160; applications such as GMail.</p>
<p>Google’s aim is to provide excellent search to enable users to store and find everything. It is to solve one of the world’s biggest problems -that of information overload, its loss and its retrieval.</p>
<p><strong>Ubicomp is here      <br /></strong>He told of everyday devices that have achieved ubiquity &#8211; that can now record your entire life digitally. Ubiquity is here.&#160; The mobile phone is everywhere.</p>
<blockquote><p>The problem as he saw it was that you can record everything but you don&#8217;t get another life to review it all. The challenge is harvesting metadata and defining context to give meaning to what we do.</p>
</blockquote>
<p>So how do you use the information to a useful end? Horowitz (and Google) knows that the big problem is that we are dying from the start. Moments evaporate from the start. This fact drives Google to be fast. Latency is a key focus because time is of the essence. By being fast they give back the time to the world by speed of its services.</p>
<p><strong>Be aware of our human condition      <br /></strong>He told of, meditation, sleep, walking the dog that gives him perspective. A very pertinent point was that technology needs to adapt and enhance the human life. He asked how do we solve attention management? The moments of life that need revisiting amongst the morass of spam and junk we all wade through.</p>
<p>A key observation was that metadata is as important as the data itself. Even from biosignals. He stated that Wetware (using people’s minds and bodies as systems) will be as important as software or hardware.</p>
<p><a href="http://userpathways.com/2009/04/birdseye.jpg"><img title="birdseye" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="333" alt="birdseye" src="http://userpathways.com/2009/04/birdseye-thumb.jpg" width="500" border="0" /></a></p>
<h6>Audience at The Next Web 09 courtesy of <a href="http://www.flickr.com/photos/dailym/sets/72157616775527895/" target="_blank">DailyM</a></h6>
<blockquote><p>Image understanding is an amazingly complex process if you expect to use machines to do this. Using humans enables it to be easy to create understanding around cognition of imagery. People can do this easily to give meaning to images and Flickr shows that by a simple means to ensure that the people can tag easily.</p>
</blockquote>
<p>Though I appreciate his statement I feel we have along way to go before the wisdom of crowds can be used effectively here.</p>
<p>He stressed that a few dedicated curators can create value for the majority. Indeed, the collective intelligence and interestingness creates a relevance metric that goes beyond just page rank algorythmns.&#160; We see this in blogs, twitter streams and facebook communities but the curators still control the quality. That is&#160; an important point I feel, and one that Google obviously realises.</p>
<p>Then he briefly showed a mental model that reflected the Google approach to data, starting at signal and working upwards.</p>
<ul>
<li>enlightenment </li>
<li>wisdom </li>
<li>knowledge </li>
<li>information </li>
<li>data </li>
<li>signal </li>
</ul>
<p>From a signal you may reach the pathway to enlightenment I guess, but it certainly has a clarity to it that is admirable.</p>
<p><strong>The web is broken      <br /></strong>What we did get from this talk was a refreshing personal perspective on the world of technology and how it affects us. He iterated that the conference had talked a lot about the current web, Twitter and real time search but he urged us to think about the <em>real</em> future.</p>
<p>In closing Horowitz stated how the browser is a bad model. It is not the optimal system to deliver the next web, the model is terribly broken, latency, code storage and caching are all frailties that have consumed countless lifetimes of development time.</p>
<p>He asked us to think about the ‘what if’ scenarios, take the long view and where the world is trending. Solving the problems that we expect to have tomorrow.</p>
<p><strong>Create space in life</strong>     <br />In many ways when somebody talks from Google you know they will not divulge what they do exactly, or certainly not their next step. They, like other successful companies, keep their products shrouded in mystery (ironic in this culture of open source and collaborative working don’t you think?).</p>
<p>With a slight nod to those who were wanting to know the next move he stated&#160; it will be Google Voice. A way of leveraging voicemail into the digital life and Gmail.</p>
<p>Closing the circle completely, he asked ‘how much do you want to invite tech into your life?’. He reminded us to create space in our lives.</p>
<p>That coming from Google was a surprise &#8211; or was it really? Their aim after all, is to make our lives easier to manage in the information age. Surely that can only be a good thing.</p>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2009/04/what-google-does/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Engagement and optimisation: Defining behaviours</title>
		<link>http://userpathways.com/2009/03/engagement-and-optimisation-defining-behaviours/</link>
		<comments>http://userpathways.com/2009/03/engagement-and-optimisation-defining-behaviours/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 19:49:37 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Engagement]]></category>
		<category><![CDATA[Optimisation]]></category>
		<category><![CDATA[Personas]]></category>
		<category><![CDATA[Relevance]]></category>
		<category><![CDATA[Surveys]]></category>
		<category><![CDATA[User Centred Design]]></category>
		<category><![CDATA[User behaviour]]></category>

		<guid isPermaLink="false">http://userpathways.wordpress.com/2009/03/24/engagement-and-optimisation-defining-behaviours/</guid>
		<description><![CDATA[&#160;



           

         
Photo by Nicholas Nova
           
&#160;

The second of a seven part post about optimising a site to create a more engaged audience. Here we look at [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;</p>
<table cellspacing="0" cellpadding="2" width="700" border="0">
<tbody>
<tr>
<td valign="top" width="233"><a href="http://www.flickr.com/photos/nnova/2081056587" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="300" alt="personas" src="http://userpathways.com/2009/03/personas.jpg" width="450" border="0" /></a>           <br /><a href="http://www.flickr.com/photos/nnova/2081056587" target="_blank"><br />
<h6></h6>
<p>         </a><a href="http://www.flickr.com/photos/nnova/2081056587" target="_blank"><a href="http://www.flickr.com/photos/nnova/2081056587" target="_blank"><br />
<h6>Photo by <a href="http://www.flickr.com/photos/nnova/2081056587" target="_blank">Nicholas Nova</a></h6>
<p>           </a></a></a></a></td>
<td valign="top" width="28">&#160;</td>
<td valign="top" width="384">
<p><em>The second of a seven part post about optimising a site to create a more engaged audience. Here we look at user behaviour and how methods used help ensure you address user needs.</em></p>
<p><em>Previously: </em><a href="http://userpathways.com/2009/03/17/engagement-and-optimisation-success-metrics/"><em>Success metrics</em></a></p>
<p> <span id="more-396"></span></td>
</tr>
</tbody>
</table>
<p><a href="http://userpathways.com/2009/03/17/engagement-and-optimisation-success-metrics/"><em></em></a></p>
<p> <a href="http://www.flickr.com/photos/nnova/2081056587" target="_blank"></a>
</p>
<h6>&#160;</h6>
<p>I have written before about <a href="http://userpathways.com/2008/02/22/user-stories-or-personas/" target="_blank">personas</a> to design experiences around user wants and needs. The problem with personas is that to be truly valuable they require a fair amount&#160; of data. For evidence based design decisions they have a real use and they fall into two types&#8230;</p>
<h3>Simple Personas</h3>
<p>These include decision making styles, content preferences and some segmentation.</p>
<p><a href="http://wiki.openusability.org/kivio/index.php/Personas" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="561" alt="Kivio-personas-overview" src="http://userpathways.com/2009/03/kivio-personas-overview.jpg" width="454" border="0" /></a></p>
<h3>Robust Personas</h3>
<p>Includes Myers-Briggs-type indicator (seen below), <a href="http://en.wikipedia.org/wiki/Psychographic" target="_blank">psychographic</a> profiles, market research, competitive analysis and detailed segmentation. Making the simple personas robust involves overlaying extra research in the form of market information, and business intelligence. Acknowledging the types of use behaviour here really helps when analysing the types of user behaviour online.</p>
<p><a href="http://userpathways.com/2009/03/myers.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="320" alt="myers" src="http://userpathways.com/2009/03/myers-thumb.jpg" width="450" border="0" /></a></p>
<h3>Applying the concept on a homepage</h3>
<p><a href="http://userpathways.com/2009/03/amazon1.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="314" alt="amazon" src="http://userpathways.com/2009/03/amazon-thumb1.jpg" width="450" border="0" /></a></p>
<p><strong><em>What would our four types of user behaviour want from Amazon?</em></strong></p>
<p>• <strong>Spontaneous</strong> seek top sellers &amp; new releases, making the purchasse on a whim. Images lead choice here.</p>
<p>• <strong>Humanistics </strong>care more about reviews or specific items for personal relations (birthdays, gifts to loved ones)</p>
<p>• <strong>Methodicals</strong> find by genre &amp; categorization, they will be likely to find their product through a specific personal criteria. Navigating and browsing through the list of items.</p>
<p>• <strong>Competitives</strong> search by what they want or the best deal. Price is a key influence as well as perceived quality.</p>
<h3>Relevance creates conversion</h3>
<p>Not planning different content for different user types will inevitably leave some people out in the cold. This naturally results in abandonment and high bounce rates.</p>
<p>Of course it is difficult to cater for all types, all of the time, but be aware of trends. Be that in news needs, fashion, public opinion or group feeling. The nature of human behaviour is diverse, if you serve one experience you can not expect to be successful in converting all users. Be aware of the context of their use and their profile.</p>
<p><a href="http://www.flickr.com/photos/psd/2093641/"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="768" alt="relevance" src="http://userpathways.com/2009/03/relevance.jpg" width="1022" border="0" /></a></p>
<h6>Photo by <a href="http://www.flickr.com/photos/psd/2093641/" target="_blank">psd</a></h6>
<h3>Revisit the profiles</h3>
<p>It’s important to get a good understanding of the advantages that can be gained by identifying personas, then also going back and analysing the segments of these personas and find new ways to appeal to them.</p>
<p><a href="http://www.flickr.com/photos/psd/2093641/" target="_blank"></a>The best way, as described in the previous <a href="http://userpathways.com/2009/03/17/engagement-and-optimisation-success-metrics/" target="_blank">post</a>, is to keep the ear to the ground, listening to &#8216;noise&#8217; around blogs, forums, social networks and bookmarking sites. Using search engines as your listening device is a key trick here, as is the ability to sniff out the genuine revelation about your product.</p>
<h3>Frequency</h3>
<p>Look at how frequently your visitors visit. Try to persuade them to visit more frequently.&#160; Frequent visitors are more engaged with the site – they are more likely to help you generate content</p>
<p>Look at how long it has been since visitors last visited – there will become a point where they become passive and won’t be persuaded to come back easily.</p>
<h3>Brand search term strength</h3>
<p>Users who are engaged with your brand will search for it to find you.    <br />Measure how many visits you get from your brand terms that can include marketing slogans, misspellings, even advertisements.</p>
<p>Gauge their emotional responses. Conduct surveys to find out what people think of the site, be that online exit surveys, email surveys, or user interviews. Try and ask real people who know and have an opinion about you site, product or brand.</p>
<p>Ask people who don’t have anything to do with the brand normally – they may be users in the future, and will certainly give you so unbiased feedback.</p>
<p><a href="http://www.flickr.com/photos/boltron/3132662146/" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="362" alt="survey" src="http://userpathways.com/2009/03/survey.jpg" width="450" border="0" /></a></p>
<h6>Photo by <a href="http://www.flickr.com/photos/boltron/3132662146/" target="_blank">boltron</a></h6>
<h3>Getting behaviours defined</h3>
<p><a href="http://www.flickr.com/photos/boltron/3132662146/" target="_blank"></a>People&#8217;s behaviour is impossible to predict, we are only really&#160; able to take educated guesses. Even best practice will not always give you the best result and so it is again a case of making iterative changes to your site to accommodate (and get in tune with) your users. Open up as many modes of communication that you can deal with and adjust what you deliver accordingly.</p>
<p>When you have cracked it, make a note of it somewhere and then be prepared to rip up the script as your audience moves on once again. As long as you can keep up and strive to stay ahead, then your audience should be retained. But be aware the job is never finished. Keep iterating, keep testing and keep the site alive.</p>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2009/03/engagement-and-optimisation-defining-behaviours/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Engagement and optimisation: Success Metrics</title>
		<link>http://userpathways.com/2009/03/engagement-and-optimisation-success-metrics/</link>
		<comments>http://userpathways.com/2009/03/engagement-and-optimisation-success-metrics/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 20:00:38 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Engagement]]></category>
		<category><![CDATA[Optimisation]]></category>
		<category><![CDATA[Persuasive design]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User paths]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<category><![CDATA[Web Metrics]]></category>
		<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[Enagement]]></category>
		<category><![CDATA[Persuasion Architecture]]></category>
		<category><![CDATA[Web analytics]]></category>

		<guid isPermaLink="false">http://userpathways.wordpress.com/2009/03/17/engagement-and-optimisation-success-metrics/</guid>
		<description><![CDATA[




You hear alot about engagement, and not just in the UX community.
 
How do you engage your website users? What exactly constitutes the different parts of a website&#8217;s content that will attract people and make the website an enjoyable experience for them and a profitable one for your business? 

In the first of seven parts, [...]]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="2" width="700">
<tbody>
<tr>
<td width="233" valign="top"><a href="http://userpathways.com/2009/03/sale.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/sale-thumb.jpg" border="0" alt="sale" width="450" height="338" /></a></td>
<td width="28" valign="top"></td>
<td width="440" valign="top"><em>You hear alot about engagement, and not just in the UX community.</em></p>
<p><em> </em></p>
<p><em>How do you engage your website users? What exactly constitutes the different parts of a website&#8217;s content that will attract people and make the website an enjoyable experience for them and a profitable one for your business? </em></p>
<p><em><br />
In the first of seven parts, I&#8217;ll take a look at what goes into creating an engaged website audience and an optimised site.<br />
</em></p>
<p><span id="more-383"></span></td>
</tr>
</tbody>
</table>
<p>I have prioritised the list below in order of how an existing website owner my look at their site and assess how to get their audience more engaged.</p>
<ol>
<li>Success metrics</li>
<li><a href="http://userpathways.com/2009/03/24/engagement-and-optimisation-defining-behaviours/" target="_self">Defining behaviours</a></li>
<li><a href="http://userpathways.com/2010/03/engagement-and-optimisation-architecture-for-optimisation/" target="_self">Architecture for Optimisation </a></li>
<li>Developing a compelling message</li>
<li>Motivational calls to action</li>
<li>Enhancing interactive flow</li>
<li>Iterative testing and relevant reporting</li>
</ol>
<h2>Success metrics</h2>
<p><a href="http://userpathways.com/2009/03/sale.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/sale-thumb.jpg" border="0" alt="sale" width="450" height="338" /></a></p>
<p>First up its defining your success metrics but what has this to do with engagement?</p>
<p>Though it may not strike us immediately, any enterprise that has a successful business will have an audience that is engaged in some way with their product. There is no difference online, only that we have the means to define what success looks like as it appears in real time.</p>
<p>Success metrics feels a more emotive and emphatic term than key performance indicators. Semantics perhaps, but metrics (or KPIs) reflect the details of how you are succeeding or failing against a benchmark set by your business.</p>
<p>Every site has different success criteria. These metrics fall into four groups reflecting different purposes of a site. There are obviously other sites that may show characteristics of several types, but these four are clearly defined in their purpose and are unique enough to provide a good illustration.</p>
<h3>E commerce</h3>
<p><strong><a href="http://userpathways.com/2009/03/amazon.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/amazon-thumb.jpg" border="0" alt="amazon" width="454" height="318" /></a> </strong></p>
<p><em>Site objective</em>:<br />
Persuade visitors to purchase products or services online. Web analytics allows you to ascribe a value per visitor, crucial in measuring the persuasive qualities of your site against actual revenue.</p>
<p><em>Metrics</em>:<br />
• Revenue<br />
• Orders<br />
• Profit<br />
• Conversion Rate<br />
• Revenue-per-visit<br />
• Profit-per-visit<br />
• Average Order Value</p>
<h3>Content and display advertising</h3>
<p><a href="http://userpathways.com/2009/03/times.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/times-thumb.jpg" border="0" alt="times" width="454" height="318" /></a></p>
<p><em>Site objective</em>:<br />
Attract repeat visitors who explore the site in depth. The more pages consumed the better here. This type of site relies on returning visitors as much as e-commerce sites.</p>
<p><em>Metrics</em>:<br />
•Page Views<br />
•Visits and Unique Visitors (Reach)<br />
•Average Page Views per Visit<br />
•Conversion Rate (Actions/Visit)<br />
•Subscriptions<br />
•Registrations<br />
•Logins<br />
•Cancellations</p>
<h3>Lead generation</h3>
<p><a href="http://userpathways.com/2009/03/nike.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/nike-thumb.jpg" border="0" alt="nike" width="454" height="318" /></a></p>
<p><em>Site objective</em>:<br />
Capture information about a visitor to use in future communications. Although shown here as a site, it is just as likely to be a landing page, specifically built to gather leads.</p>
<p><em>Metrics</em>:<br />
•Leads<br />
•Cost-per-lead<br />
•Conversion Rate<br />
•Registrations<br />
•Newsletter Sign-Ups<br />
•Partner Referrals<br />
•Price Quotes<br />
•Demo Quotes<br />
•Collateral Downloads</p>
<h3>Customer support</h3>
<p><a href="http://userpathways.com/2009/03/amex.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/amex-thumb.jpg" border="0" alt="amex" width="454" height="318" /></a></p>
<p><em>Site objective</em>:<br />
Quickly and successfully answer customer questions and address customer problems online. Keeping the customer satisfied is a prerequisite for any business and effective online help is a major cost-saving for businesses.</p>
<p><em>Metrics</em>:<br />
•Visits, Unique Visitors<br />
•Web Inquires<br />
•Percentage of Successful Support Inquires<br />
•Call Center Volume<br />
(Unique Web number)<br />
•Customer Satisfaction Index<br />
(Offline)<br />
•File downloads</p>
<h3>Taking metrics to the next level</h3>
<p>Aside from the metrics stated above there are also some others that are becoming more important as different audiences mature. The domain of digital marketing needs to have these metrics in mind as people become more vocal online within new communication arenas.</p>
<p><strong>Customer reach (click through and open rates)<br />
</strong>How far your message goes and being able to measure the reach is another useful aspect to analytics. Do people actually open what you send them? Do people click on to the next page?</p>
<p><strong>Cost driven (cost per click, cost per keyword)</strong><br />
Analyse exactly how much investment you make in acquiring your visitors and then contrast with how much they are worth to your site. An engaged audience will return, and that cost of acquisition will go down in direct relation to their frequency of returning visits.</p>
<p><strong>Consumer attitudes (brand awareness, frequency)<br />
</strong>The amount of visitors coming to the site through search using the brand as a search term is an indication of how much your brand is known. Even a company strap line entered as a search term gives an idea of brand strength in the market place.</p>
<p><strong>Cross-channel (customer lifetime value, return on marketing objectives)<br />
</strong>How your audience arrives will often be a mixture of many different online and offline methods. Being aware of these paths into your site, and adjusting the user experience to suit, is an important factor to successfully converting users.</p>
<p>Ensure calls to action are relevant and clear. Synchronise off line activities (such as call centres) to be in tune with activity online.</p>
<p>Linking the overall experience, the essence of the service, will help build the message and the various mediums into a cohesive, and measurable marketing exercise.</p>
<p><strong>Perceptions (sentiment online, levels of interaction, attitudes)<br />
</strong>Monitor known channels of communication around your site&#8217;s subject area (blogs, forums, trade sites, news wires). Twitter is currently the  marketing darling, and well read blogs can be genuine authorities that are listened to.</p>
<p>If your site is perceived negatively the &#8216;noise&#8217; will certainly be louder than positive comments and obviously more disruptive. Your reputation hinges on your user&#8217;s perceptions. Their perceptions colour how they view you, and if they are likely to recommend you to others.</p>
<p>Peer referral is a major force when the way of consuming your content is also a communication channel through which they can inform or broadcast their own views.</p>
<h3>Defining success</h3>
<p>So this post has been about success, and all sites crave a bit of that. Each site will have different criteria when it comes to what constitutes the winning formula but some common rules apply;</p>
<table border="0" cellspacing="0" cellpadding="2" width="456">
<tbody>
<tr>
<td width="158" valign="top"><a href="http://userpathways.com/2009/03/stats.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/stats-thumb.jpg" border="0" alt="stats" width="150" height="150" /></a></td>
<td width="10" valign="top"></td>
<td width="279" valign="top">Decide on business objectives and work out the actual metrics that will define success for your site and your business in achieving its goals.</td>
</tr>
<tr>
<td width="158" valign="top"><a href="http://userpathways.com/2009/03/webpage-magnified.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/webpage-magnified-thumb.jpg" border="0" alt="webpage_magnified" width="150" height="150" /></a></td>
<td width="10" valign="top"></td>
<td width="279" valign="top">Always choose metrics that reflect the objectives directly &#8211; their values will have an impact on what constitutes success.</td>
</tr>
<tr>
<td width="158" valign="top"><a href="http://userpathways.com/2009/03/face.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" src="http://userpathways.com/2009/03/face-thumb.jpg" border="0" alt="face" width="150" height="150" /></a></td>
<td width="10" valign="top"></td>
<td width="279" valign="top">Once understood, the site owners need to be aware of the key metrics and see reports regularly.</td>
</tr>
</tbody>
</table>
<p>There are two parts to engagement; one is the building of a site that is optimised and doesn&#8217;t hinder a user&#8217;s discovery or use of the page. The other is ensuring the content is sufficiently attractive and desirable to rely on consistent repeat visits.</p>
<p>The two parts are very different and require different specialists to ensure the tasks are executed in the optimal way. Having these people in place will help define real success, not just the numeric kind.</p>
<p>Next, defining behaviours&#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2009/03/engagement-and-optimisation-success-metrics/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Holistic concept models: an ROI blueprint</title>
		<link>http://userpathways.com/2008/11/holistic-concept-models-an-roi-blueprint/</link>
		<comments>http://userpathways.com/2008/11/holistic-concept-models-an-roi-blueprint/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 20:04:14 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[Agile]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[Concept Models]]></category>
		<category><![CDATA[Design Practice]]></category>
		<category><![CDATA[Diagrams]]></category>
		<category><![CDATA[Experience Design]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Mental Models]]></category>
		<category><![CDATA[Mind Maps]]></category>
		<category><![CDATA[Taxonomy]]></category>
		<category><![CDATA[User Centred Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Metrics]]></category>
		<category><![CDATA[Wireframes]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[user]]></category>

		<guid isPermaLink="false">http://userpathways.wordpress.com/2008/11/30/holistic-concept-models-an-roi-blueprint/</guid>
		<description><![CDATA[&#160;




&#160;
&#160;I read a post recently that illustrated how concept models are rarely used in the right way and are often&#160; misunderstood. Are they really worth doing at all? 
&#160;
Now seems a good&#160; time to expand on the tool that Dan Brown has popularised through his book Communicating Design. Not as simply a stand alone tool [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;</p>
<table cellspacing="0" cellpadding="2" width="700" border="0">
<tbody>
<tr>
<td valign="top" width="233"><a href="http://www.flickr.com/photos/28022407@N03/3064892251/" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="337" alt="process" src="http://userpathways.com/2008/11/process.jpg" width="450" border="0" /></a></td>
<td valign="top" width="28">&#160;</td>
<td valign="top" width="233">&#160;<em>I read a <a href="http://weloveue.blogspot.com/2008/11/site-map-is-dead-long-live-concept.html" target="_blank">post</a> recently that illustrated how concept models are rarely used in the right way and are often&#160; misunderstood. Are they really worth doing at all? </em>
<p>&#160;</p>
<p><em>Now seems a good&#160; time to expand on the tool that Dan Brown has popularised through his book <a href="http://www.communicatingdesign.com/">Communicating Design</a>. Not as simply a stand alone tool but one that can provide a blueprint for giving solid ROI on design, analytics and testing. </em></p>
<p> <span id="more-337"></span></td>
</tr>
</tbody>
</table>
<p>&#160;</p>
<p>&#160;</p>
<p><a href="http://www.flickr.com/photos/28022407@N03/3064892251/" target="_blank"></a></p>
<p>This sketch shows the tools we use at <a href="http://www.hellogroup.com">Hello</a> in our UX team. Not every project warrants it but the one item that binds so many tools together is the Concept Model (CM), sitting between Analysis and the Information Structure phases. It describes the big picture, the unique proposition of the site that separates it from its competitors. </p>
<p>&#160;</p>
</p>
<p>Add the users into this and you have a solid core of basics mirrored in the principles of IA. Essentially it places the user at its centre (user needs), the business interfacing with the user and its own objectives (the context) and the actual content that will be produced often in the form of a product (content).</p>
<p>&#160;</p>
<p><strong>Add reality</strong>     <br />You should also blend in real world statistics to give credence to your thinking. Many business owners like to be shown a few figures and it will back up your argument and it also makes for a more in-depth read.</p>
<p>&#160;</p>
<blockquote><p>By giving a layered concept model it becomes a document born through the emergence of factors evidenced through research.</p>
<p>&#160;</p>
</blockquote>
<p><strong>A site map&#8217;s foundation      <br /></strong>By using the model as a basis for site structure, the site map can be spun out fairly rapidly and its presence ensures the user needs, the business goals and content types are never missed in the design process. <em>(A quick comment about site maps:- some people no longer use them but the client requires it in my experience, and helps them gain understanding.)</em></p>
<p><em></em></p>
<p>I find that the CM is the most important of the deliverables set, as it crystallizes the thought processes of a team and defines how a project will be tackled and what the likely outcomes will be. All with the user at the centre of the design process, based from good qualitative and quantitative research data.</p>
<p>&#160;</p>
<p><strong>Does the content fit the concept?      <br /></strong>Once the initial concept has been built by aligning research findings with the business goals and the context of what the product will provide the user with, we can move on to more detailed aspects of the model.</p>
<p>&#160;</p>
<p>As we define strategy quite clearly from the model the next thing to do is define where there are gaps in the proposition. Is what you are intending to supply or offer as a service meeting the requirements of the customer/user? Does the experience that they wish to have from using you, satisfied by your offering?</p>
<p>&#160;</p>
<p><a href="http://userpathways.com/2008/11/fg.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="328" alt="fg" src="http://userpathways.com/2008/11/fg-thumb.jpg" width="442" border="0" /></a></p>
<p>&#160;</p>
<p>Drill down to each area or node and see what is missing, by using&#160; multiple layers or pages you can place different elements on the same map to give a visual overlay that allows the viewer to see the gaps or the areas of strength. It becomes a visual gap analysis/SWOT snapshot.</p>
<p>&#160;</p>
<p>Some things may be intangible or not even content types but are emotions you wish the user to have, or interactions that they need to engage in.</p>
<p>&#160;</p>
<p><strong>Prove it works      <br /></strong>This iterative way of revisiting the original concept from a content angle can enforce changes to the initial vision. But this is a good thing as it is making the model work harder and enables it to prove that it is a winning concept.</p>
<p>&#160;</p>
<p>It’s a good idea to show and communicate this diagram with as many stakeholders as possible. Their views will be a test for the model; it will either change or stand up by itself. Testing rigorously at this stage ensures that when the physical build occurs, certain assumptions or hypotheses have already been checked.</p>
<p>&#160;</p>
<h3>Engagement overlay and emergent structure</h3>
<p>&#160;</p>
<p>The next stage is to employ methods that could be termed as action research. It is seen as;</p>
<blockquote><p>‘…<em>beyond reflective knowledge, created by outside experts sampling variables to an active moment-to-moment theorizing, data collecting, and inquiring occurring in the midst of emergent structure.&#8217; (<a href="http://en.wikipedia.org/wiki/Action_research">Wikipedia</a>)</em></p>
<p><em></em></p>
</blockquote>
<p>We can do this most effectively using web traffic stats and a skilled web analyst. With informed analysis (using personas) and clear measurements of user engagement we can build a true picture of visitor behaviour. <a href="http://www.omniture.com/offer/352" target="_blank">Omniture</a> and Future Now (<a href="http://userpathways.com/2008/02/18/persuasion-architecture-getting-the-roi-on-ia/" target="_blank">Bryan Eisenberg</a>)&#160; have a great white paper on this technique here</p>
<p>&#160;</p>
<p><a href="http://userpathways.com/2008/11/funnel.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="271" alt="funnel" src="http://userpathways.com/2008/11/funnel-thumb.jpg" width="448" border="0" /></a></p>
<p>&#160;</p>
<p>On an e-commerce site an analysis of the funnel is clear. However on sites where content is consumed but no transactions occur we must use a different set of metrics to gather if our visitors are consuming pages or interacting with our content.</p>
<p>&#160;</p>
<p>The context of these statistics must always be carefully gauged as it needs to appear as a balanced view of the user population. By determining bounce rates, page views per person, returning visitors and those who subscribe to services or purchase items we can build a picture of different user behaviours.</p>
<p>&#160;</p>
<p>We will always see a different behaviour from <a href="http://en.wikipedia.org/wiki/SERP" target="_blank">SERPs</a> than from RSS visitors for instance. There are different qualities too if they have stumbled upon an article to those who have a need to be informed. It is important to conduct the test in a live environment that the information gathered has the ability to change the concept. The model needs to be fluid and adaptable, and not be bounded by prejudged stereotypes.</p>
<p>&#160;</p>
<p><a href="http://userpathways.com/2008/11/behavioural-types.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="446" alt="behavioural_types" src="http://userpathways.com/2008/11/behavioural-types-thumb.jpg" width="446" border="0" /></a></p>
<p>&#160;</p>
<p>Personas can help here to give us an idea of what the background of the users are but an extra facet is that the metrics inform of how those actual users behave. This is an &#8216;emergent structure&#8217; mentioned above, the unknowns of the audience become clear from this phase of analysis. We do not know what the users will do next, only what they have done and what is emerging.</p>
<p>&#160;</p>
<p><strong>Testing the model in an iterative process</strong>     <br />Once the diagram has been interrogated by stakeholders and live statistics are also placed alongside the content propositions we know what we have is a concrete strategy. From here we roll out the production of the <a href="http://userpathways.com/2008/06/26/the-what-when-and-why-of-wireframes/" target="_blank">wireframes</a>, based on the sitemap and <a href="http://userpathways.com/2008/06/26/the-what-when-and-why-of-wireframes/">taxonomies</a> and other deliverables.</p>
<p>&#160;</p>
<p>Here the model can clarify interactions. By looking at the purpose of the functional elements of the design alongside the strategic goals of what the product will offer the user, the CM defines how a user wishes to interact with the product.</p>
<p>&#160;</p>
<p>As soon as we have our prototype we can then test the designs in the live environment using A/B or multivariate tests. Measuring how the users engage with the site at this stage allows for optimal designs that can be designed and refined iteratively as each test result is analysed.</p>
<p>&#160;</p>
<h3><strong>Modelling real agility</strong></h3>
<p>This way of developing pages fits well within the agile method of development. By using an iterative testing model aligned with the sprint cycle of development, changes can be made to designs quickly. Testing incrementally and doing it often is a great way to measure how engaging the pages are.</p>
<p>&#160;</p>
<p>At this stage, look at the prototype and see if anything has drifted away from the concept model in terms of what the site delivers. You should be able to look at the site and the model and see parity there. Key elements of the concept should have been translated on screen and the interaction, stated on the model, flows from wire frame to the html prototype.</p>
<p>&#160;</p>
<p><strong>Maintaining the vision      <br /></strong>This way of sense checking is an easy task with a model that is circulated and pinned up on the walls of the project team. At all levels this deliverable is relevant. The nearer the project gets to release the more important it is that the CM is referred to. It is a keystone and a point of reference. Too many times the build of a site overtakes the overall vision, here it should help to ground the team and provide a common focus to the overall goal.</p>
<p>&#160;</p>
<p><a href="http://userpathways.com/2008/11/cm-relationship.jpg"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="351" alt="cm_relationship" src="http://userpathways.com/2008/11/cm-relationship-thumb.jpg" width="450" border="0" /></a></p>
<p>&#160;</p>
<p><strong>Concept models as a conversational tool      <br /></strong>CMs detail the big idea that needs to be followed, beyond intricately detailed site maps or the interactions of a wireframe. They are beyond taxonomy and personas and yet they encompass all these things in their make up.</p>
<p>&#160;</p>
<p>At their core is the reason, the business case, for their existence. It is this fact that enables all stakeholders, CEO&#8217;s to web developers, to understand why they are so important and communicate the ideas that they portray.</p>
<p>&#160;</p>
<p>The real strength of these diagrams is their ability to cope with the emergence of user characteristics during analysis, and that they have the flexibility to show this.</p>
<p>&#160;</p>
<p>So before you design or re-design perhaps the best thing to do is draw up a concept model, grab as much existing research as possible and get friendly with a web analyst. It will be the most powerful deliverable you will have in your toolbox and provides real ROI for your client.</p>
<p>&#160;</p>
<h3><strong>Concept Models -&#160; the underpinnings of design ROI&#8230;</strong></h3>
<p>&#160;</p>
<ol>
<li><strong>State the vision &#8211; </strong>They allow teams to have a shared vision of a project that is easy to understand and communicate with each other conversationally </li>
<li><strong>Defines structure &#8211; </strong>They help dictate the structure and organisation of a site by detailing the components of a design </li>
<li><strong>Defines content &#8211; </strong>They allow content to be tied into explicit user requirements and business goals that are reflected in the model </li>
<li><strong>Defines interactivity &#8211; </strong>They help define interactions that a design will need to display to satisfy the user and enable it to fulfil its objectives </li>
<li><strong>Enables rigorous interrogation &#8211; </strong>Measuring the engagement of the user base in the live environment enables a rigorous checking of the model, and the prospect of the site succeeding can be tested before real development work begins. From the results, it effectively gives context to the project </li>
<li><strong>Plants an anchor &#8211; </strong>The model can also be used to ensure that the development work does not drift away from the original aims of the project, that the completed design fulfils the business goals and the user needs, serving up the content in the best way possible. </li>
<li><strong>Offers project flexibility</strong> – The concept model is adaptable and can be readily changed and has minimal cost implications if a change becomes necessary. </li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2008/11/holistic-concept-models-an-roi-blueprint/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>EPIC 2008 (IN)VISIBILITY</title>
		<link>http://userpathways.com/2008/10/epic-2008-invisibility/</link>
		<comments>http://userpathways.com/2008/10/epic-2008-invisibility/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 13:52:08 +0000</pubDate>
		<dc:creator>James  Kelway</dc:creator>
				<category><![CDATA[About]]></category>
		<category><![CDATA[Conference reviews]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Collaboration]]></category>
		<category><![CDATA[Company Culture]]></category>
		<category><![CDATA[UCD]]></category>
		<category><![CDATA[User Centred Design]]></category>

		<guid isPermaLink="false">http://userpathways.wordpress.com/2008/10/23/epic-2008-invisibility/</guid>
		<description><![CDATA[&#160;




&#160;
A big surprise when attending the EPIC 2008 conference was the lack of talk around the next stages beyond ethnographic research. The academic stance was accompanied by representatives of large corporations, though it felt mainly a concentration on the methods and findings of ethnographic praxis. 



Something is missing &#8211; Invisible?      [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;</p>
<table cellspacing="0" cellpadding="2" width="700" border="0">
<tbody>
<tr>
<td valign="top" width="400"><a href="http://www.epic2008.com/"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="136" alt="epic" src="http://userpathways.com/2008/10/epic.jpg" width="400" border="0" /></a></td>
<td valign="top" width="28">&#160;</td>
<td valign="top" width="272">A big surprise when attending the EPIC 2008 conference was the lack of talk around the next stages beyond ethnographic research. The academic stance was accompanied by representatives of large corporations, though it felt mainly a concentration on the methods and findings of ethnographic praxis. <span id="more-323"></span></td>
</tr>
</tbody>
</table>
<p><strong>Something is missing &#8211; Invisible?      <br /></strong>The problem for me is that this is not enough, especially for a conference that touts itself as being about ethnographic practice in industry.</p>
<p>The big disconnect was, that there were no examples of how to take findings on to the next level. That of synthesising the information gained, into taking ideas through to the design stage.</p>
<p>That crucial ingredient was missing and symbolises the problems that we have within the design community. Its fine showing ethnography in industry but how is it used and taken forward to warrant its use and expense?</p>
<p>&#160;</p>
<p><strong>Data visualisation and messy magic      <br /></strong>This formulation period is so valuable and its typically the one stage that receives the least publicity. There is a good reason for this; it is abstract and difficult to conceptualise.&#160; Visualisation of the findings is&#160; a key part to the success of transferal from research to design.</p>
<p>We work in linear, sequential patterns through minutes and hours but in design practice this line is never straight. It is iterative, and messy. You can not draw a process other than an ambiguous spiral. This ambiguity often makes design firms impenetrable and their methods weird science.</p>
<p>&#160;</p>
<p><strong>Potential points of failure      <br /></strong>Every time work is passed on there is a potential point of failure. Getting through to the other side &#8211; carrying forward findings without losing the point of the project has to be the focus of the research team. Organisations that enable this passage of data minimising points of failure (typically the hand over) are the ones who enjoy most success.</p>
<p>&#160;</p>
<p><strong>How do companies achieve success?      <br /></strong>By encouraging collaborative working with professionals from multi-disciplinary backgrounds there is common understanding in each other&#8217;s working methods. This enables professionals to drift between roles in the organisation and allows them to be bridges between camps. There is a massive need for these types of professionals who have a background in a different area to the one they currently operate in. Allowing a more perceptive and empathetic work group.</p>
<p>&#160;</p>
<p><strong><a href="http://userpathways.com/2008/10/badge.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" height="266" alt="badge" src="http://userpathways.com/2008/10/badge-thumb.jpg" width="400" border="0" /></a></strong></p>
<p><strong></strong></p>
<p><strong>The best tool in the research box?      <br /></strong>I personally believe from a UX perspective that ethnography is the best tool to gain deep insights that other tools cannot cover.</p>
<p>Though it was an enjoyable conference one feeling remains &#8211; all tools need to be used with others to get a job done well. The belief that you are the only tool in the box, is insular and potentially damaging to the profession. Surely its time to be aware of and explore the work of others in the field of design?</p>
<p><strong><a href="http://userpathways.com/2008/10/badge.jpg"></a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://userpathways.com/2008/10/epic-2008-invisibility/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
