<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>a flux state</title>
	<atom:link href="http://afluxstate.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://afluxstate.wordpress.com</link>
	<description>the journal of an enquiring mind at Brighton University</description>
	<lastBuildDate>Fri, 16 Dec 2011 11:25:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='afluxstate.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>a flux state</title>
		<link>http://afluxstate.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://afluxstate.wordpress.com/osd.xml" title="a flux state" />
	<atom:link rel='hub' href='http://afluxstate.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Project Conclusion</title>
		<link>http://afluxstate.wordpress.com/2011/12/15/project-conclusion-2/</link>
		<comments>http://afluxstate.wordpress.com/2011/12/15/project-conclusion-2/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 23:06:50 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=908</guid>
		<description><![CDATA[INTRODUCTION I am taking the opportunity in last post to summarise the learning and my key reflections on the process. As mentioned in my Introduction and Group Project Proposal post, one of the reasons I chose this course was that I wanted an opportunity to critically explore more User-Led and User-Centricdesign approaches, so that I could [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=908&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>INTRODUCTION<br />
</strong>I am taking the opportunity in last post to summarise the learning and my key reflections on the process. As mentioned in my<em> <a href="http://afluxstate.wordpress.com/2011/11/19/introduction-and-group-project-proposal/">Introduction and Group Project Proposal</a></em> post, one of the reasons I chose this course was that I wanted an opportunity to critically explore more <em>User-Led</em> and <em>User-Centric</em>design approaches, so that I could better understand where and how they might be practically applied. The framework of this module provided me with the perfect opportunity to start my exploration, as well as the practical context of an actual project. As well as reading some of the recommended books, I found many of the online resources a greater inspiration, and a way of clarifying key concepts, familiarising myself with the terminology and getting an idea of where things are heading. A good starting point in fact was <em>Christina Wodtke</em>&#8216;s<em> &#8216;<a href="http://www.amazon.co.uk/Information-Architecture-Blueprints-Christina-Wodtke/dp/0735712506/sr=8-1/qid=1169181271/ref=sr_1_1/202-3201961-0951828?ie=UTF8&amp;s=books">Information Architecture: Blueprints for the Web&#8217;</a></em> (2002), which was referred to by practitioners online. There were also a number of diagrams that mapped out the territory and processes involved that I found helpful.</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/the_territory.jpg"><img class="aligncenter  wp-image-690" title="the_territory" src="http://afluxstate.files.wordpress.com/2011/11/the_territory.jpg?w=360&#038;h=278" alt="" width="360" height="278" /></a></p>
<p>This module has provided a really useful framework to support my research. This hasn&#8217;t just helped me better understand the UCD Process, but also how the other modules on the course join up. At the same it&#8217;s given me a chance to discover a whole number of interesting areas for further research. I&#8217;ve covered much of this in some detail in previous posts, so I&#8217;m simply going to round up some of the highlights as part of this conclusion. <span id="more-908"></span></p>
<p><strong>UX DESIGN SKILLS</strong><br />
Perhaps the best place to start is the <em><a href="http://www.uxforthemasses.com/blog/wp-content/uploads/2011/01/UX-designer-skill-set.pdf" target="_blank">&#8216;A good UX designer’s T-shaped skill set</a></em>&#8216; diagram below from the <a href="http://www.uxforthemasses.com/what-makes-good-ux-designer/"><em>What makes a good UX designer?</em></a> article on <a href="http://www.uxforthemasses.com/">UX for the masses</a>. I wasn&#8217;t sure at the outset how I would contribute to this project, as there were others in our group with better design capabilities and technical know how. So as mentioned previously the diagram really helped me clarify my role in the team, particularly given my interests and skills.</p>
<div id="attachment_701" class="wp-caption aligncenter" style="width: 394px"><a href="http://www.uxforthemasses.com/what-makes-good-ux-designer/"><img class=" wp-image-701 " title="ux_team_skills" src="http://afluxstate.files.wordpress.com/2011/11/ux_team_skills.jpg?w=384&#038;h=138" alt="" width="384" height="138" /></a><p class="wp-caption-text">UX Design Skill Set</p></div>
<p>Perhaps the only area it doesn&#8217;t cover is project management, which is something I think would have been interesting to look at on this project along with kind of<em> &#8216;</em><a href="http://jasonfurnell.wordpress.com/2010/12/01/facilitating-collaborative-design-workshops-a-step-by-step-guide-for-rapidly-creating-a-shared-vision-for-execution/"><em>Facilitating Collaborative Design</em></a><em>&#8216; </em>that <em>Jason Furnell</em> covers in his workshop guide. I think even a little bit of guidance at the outset of this project would have helped us to work more effectively as a group, given that we were either new to the UCD process and/or working on a creative collaborations.</p>
<p><strong>BUSINESS MODEL CANVAS<br />
</strong><em>Jason Furnell</em>&#8216;s workshop guide was also useful as far as seeing how the UCD process could be more streamlined to ensure that the business and user goals are aligned. Discovering the <a href="http://en.wikipedia.org/wiki/Business_Model_Canvas">Business Model Canvas</a> strategic planning tool via his blog has also been a great help as it&#8217;s provide me with a framework to explore <em>crowdfunding</em> as part of the <em>Business Context</em> module on this course.</p>
<p><a href="http://en.wikipedia.org/wiki/Business_Model_Canvas"><img class="aligncenter" title="Business Model Canvas Template" src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/10/Business_Model_Canvas.png/800px-Business_Model_Canvas.png" alt="" width="480" height="320" /></a><em></em><br />
<strong>ETHNOGRAPHIC RESEARCH AND USABILITY TESTING<br />
</strong>Apart from the background research, this project introduced four main research approaches: ethnographic, competitor analysis, usability testing and qualitative survey.  I really enjoyed the opportunity to try out some very low level ethnographic research. It was just enough to give me a glimpse of the kind of insights that can be gained from this approach, which could prove to be invaluable particularly as far as my major project is concerned. I could also see how useful these insights would be as far as ensuring that a website is going to, as <em>Furnell</em> argues, “simply and clearly embody the business model that it’s supporting”.</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/field_research1.jpg"><img class="aligncenter" title="field_research" src="http://afluxstate.files.wordpress.com/2011/11/field_research1.jpg?w=480" alt="" /></a></p>
<p>The project also gave me a great opportunity to try out more open and exploratory qualitative survey research, which again is going to be an essential part of what I will be doing subsequently. However, using the <em>Silverback</em> usability testing software to look at how users interacted with our Wireframe prototype was one of the major highlights. It was fascinating to see users explore our site while giving us feedback about what works and didn&#8217;t, and I could see how this approach could be just as useful for the kind of applications I develop as it would be for more hierarchical content rich sites.</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/field_research.jpg"><br />
</a><a href="http://afluxstate.files.wordpress.com/2011/12/usability_tests1.jpg"><img class="aligncenter size-full wp-image-886" title="usability_tests" src="http://afluxstate.files.wordpress.com/2011/12/usability_tests1.jpg?w=480" alt=""   /></a></p>
<p><strong>CROSS CUTTING THEMES<br />
</strong>The chance to carry out even a modest critical analysis of the UCD Philosophy and UXD Process has not only helped my understanding of the territory, but also highlighted some possible themes to explore further. It was particularly useful for seeing not only where and how the creative thinking and problem solving techniques we have been exploring in the Creative Design Lab module might be practically applied, but why there might be a need for doing so. It has actually caused me to re-think much of what I&#8217;ve concluded about more <em>user-led</em> approaches through my work and research outside this course, which I now hope to revisit as part of this degree. For example, it has lead me to question to what extent user led approaches can create actual breakthroughs rather than incremental improvements.</p>
<div class="wp-caption aligncenter" style="width: 410px"><a href="http://afluxstate.files.wordpress.com/2011/11/ideation.jpg"><img title="Modified Experience Map" src="http://afluxstate.files.wordpress.com/2011/11/ideation.jpg?w=400&#038;h=264" alt="" width="400" height="264" /></a><p class="wp-caption-text">Modified Experience Map</p></div>
<p>Apart from having the opportunity to look more closely at how the challenges of social media might be met, I also got the chance to examine how the likes of <em>Captology</em> and more psychologically informed design approaches are being used; and with luck I&#8217;ll even get to experiment with <em>Stephen Anderson</em>’s <em><a href="http://www.getmentalnotes.com/" target="_blank">Mental Notes cards</a></em> as part of this degree.</p>
<p style="text-align:left;"><a href="http://afluxstate.files.wordpress.com/2011/11/mental_note_cards.jpg"><img class="aligncenter" title="Mental Note Cards" src="http://afluxstate.files.wordpress.com/2011/11/mental_note_cards.jpg?w=360&#038;h=328&#038;h=328" alt="" width="360" height="328" /></a><strong></strong></p>
<p><strong>LEAN AND AGILE</strong><br />
What  has been really inspirational was looking at the presentation by <em>Ryan Singer</em> of <a href="http://37signals.com/">37 Signals</a> at <a href="http://leanca.mp/2010/11/37-signals-design-process-explained/">Leancamp</a> in London explaining their design process. It helped me understand more about how design patterns are used as part of <a href="http://en.wikipedia.org/wiki/Rapid_application_development">rapid application development</a>. By comparing our UCD process with their Leaner and more Agile Web app development process, it has helped me understand that there is no &#8216;one size fits all&#8217; approach and that there are a range of tools that can be used for different applications as appropriate.</p>
<p style="text-align:left;"><a href="http://37signals.com/"><img class="aligncenter" title="37 Signals Design Process" src="http://afluxstate.files.wordpress.com/2011/12/37signals.jpg?w=320&#038;h=260&#038;h=260" alt="" width="320" height="260" /></a></p>
<p style="text-align:left;"><strong>WHAT I&#8217;D HAVE DONE DIFFERENTLY</strong><br />
One of the points of these reflections is to identify what we could have done differently. I have identified a range of things that in hindsight could have been improved.  Firstly, we would have benefited by greater demarcation of roles and responsibilities in the group work based on skills and experience. I&#8217;d have also allocated a project manager role, ideally for the whole project, but possibly for each project stage. This would have given members of the team an opportunity to develop those skills, and also made the assessment of the participation in the group fairer. We also needed to have explored a means of facilitating the collaborative design process so that everyone had a chance to participate but to ensure that all all aspects were covered within the time frame. I would have liked to have tried to incorporate, for example, an <em>Ideation</em> session as part of the process which might have brought up ideas that the users and client might not have considered.</p>
<p style="text-align:left;">This also leads on to involving the client more. To have an understanding of the problems we were trying to address, ideally we would have involved them in the process. There was an opportunity to do this given that it was a real world example with fellow students who would have been sympathetic to the learning objective of the project. This would have also meant that we would not be making second guessed assumptions about their problems, and therefore solutions.</p>
<p style="text-align:left;">I didn&#8217;t find that the competitive analysis as useful as it could have been. If we had understood the problems that we were trying to address better, including those of their existing site, we could have used this process to find solutions.  For example we have identified Able and Cole as market leader, but better graphics and an online ordering system might not necessarily be the answers to the problems faced by a student society.</p>
<p style="text-align:left;">I would have encouraged other members of the team to conduct ethnographic research even just as a mystery shopper, as this was key for my understanding of the project, and a useful skill/learning process.</p>
<p style="text-align:left;">When doing the survey of site users, our process would have been more joined up if we’d thought about the persona parameters (goals, needs etc) first and then developed our interview questions around them. It would have also provided us with a more structured way of analyzing the user responses.</p>
<p style="text-align:left;">Finally, what I observed with the six up process is that it probably works better when there are experts involved. Without this involvement people can become too attached to an idea that hasn&#8217;t been considered in a context of solving the problem rather than just its visual appearance. Although I understand the collaborative benefits of having everyone sketching ideas, given our limited expertise, I would have encouraged the other students to have created their own inspiration libraries as part of this process.  Their examples could have been brought to our collaborative design session as well as their sketches, so that solutions might have been better researched.</p>
<p style="text-align:left;"><strong>CONCLUSION<br />
</strong>Despite some of trials and tribulations it was great to be working again on a project where I was actually part of a team that was building something, rather than simply providing strategic input that&#8217;s far removed from any implementation. Having a framework with a practical context has also resulted in lots of new ideas to explore as well as tools and techniques to experiment with. On the whole I&#8217;ve enjoyed the experience, even if I have identified areas where I think we could have improved it. The module has been a great launch pad for this degree and I now have a whole host of bookmarks on my new <a href="http://www.delicious.com/juzzie">delicious</a> account to categorise as well as growing <em>inspiration library</em> that I hope to utilise on future projects, as well as a better understanding of how to use them.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/12/mais4.jpg"><img class="aligncenter  wp-image-926" title="mais4" src="http://afluxstate.files.wordpress.com/2011/12/mais4.jpg?w=373&#038;h=283" alt="" width="373" height="283" /></a><strong>MAIS 4 (GROUP 2)</strong></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/908/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/908/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/908/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/908/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/908/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/908/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/908/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/908/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/908/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/908/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/908/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/908/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/908/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/908/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=908&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/12/15/project-conclusion-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/the_territory.jpg" medium="image">
			<media:title type="html">the_territory</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ux_team_skills.jpg" medium="image">
			<media:title type="html">ux_team_skills</media:title>
		</media:content>

		<media:content url="http://upload.wikimedia.org/wikipedia/commons/thumb/1/10/Business_Model_Canvas.png/800px-Business_Model_Canvas.png" medium="image">
			<media:title type="html">Business Model Canvas Template</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/field_research1.jpg?w=480" medium="image">
			<media:title type="html">field_research</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/usability_tests1.jpg" medium="image">
			<media:title type="html">usability_tests</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ideation.jpg" medium="image">
			<media:title type="html">Modified Experience Map</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/mental_note_cards.jpg?w=360&#038;h=328" medium="image">
			<media:title type="html">Mental Note Cards</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/37signals.jpg?w=320&#038;h=260" medium="image">
			<media:title type="html">37 Signals Design Process</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/mais4.jpg" medium="image">
			<media:title type="html">mais4</media:title>
		</media:content>
	</item>
		<item>
		<title>Wireframes, Usability Testing and Prototype Development</title>
		<link>http://afluxstate.wordpress.com/2011/12/14/wireframes-usability-testing-and-prototype-development/</link>
		<comments>http://afluxstate.wordpress.com/2011/12/14/wireframes-usability-testing-and-prototype-development/#comments</comments>
		<pubDate>Wed, 14 Dec 2011 13:10:52 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=850</guid>
		<description><![CDATA[INTRODUCTION As mentioned in my Initial Discovery Phase post, I&#8217;d already identified that it was the business and research aspects of UX Design that I most wanted to explore on this project. So I was particularly interested in having an opportunity to trial Clearleft&#8216;s Silverback usability testing software during this stage of the project. I&#8217;d also seen [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=850&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>INTRODUCTION</strong><br />
As mentioned in my <em><a href="http://afluxstate.wordpress.com/2011/11/19/initial-discovery-phase/">Initial Discovery Phase</a></em> post, I&#8217;d already identified that it was the business and research aspects of <em>UX Design</em> that I most wanted to explore on this project. So I was particularly interested in having an opportunity to trial <em>Clearleft</em>&#8216;s <a href="http://silverbackapp.com/">Silverback</a> usability testing software during this stage of the project. I&#8217;d also seen a presentation by <em>Ryan Singer</em> of <a href="http://37signals.com/">37 Signals</a> at <a href="http://leanca.mp/2010/11/37-signals-design-process-explained/">Leancamp</a> in London explaining their design process. It was very interesting to see how quickly he moved from sketching out the business model to writing the HTML, via a quick interface sketch in <em>Photoshop</em>, before moving onto the live running code.</p>
<div>
<p style="text-align:left;"><a href="http://37signals.com/"><img class="aligncenter  wp-image-857" title="37signals" src="http://afluxstate.files.wordpress.com/2011/12/37signals.jpg?w=320&#038;h=260" alt="" width="320" height="260" /></a><span id="more-850"></span>Although he&#8217;s using this model to build a web application, the presentation in the video below helped me to understand more about how design patterns are used as part of <a href="http://en.wikipedia.org/wiki/Rapid_application_development">rapid application development</a> and the importance of knowing more about HTML and <a href="http://www.w3.org/Style/CSS/Overview.en.html">cascading style sheets</a> (CSS) when designing interfaces.</p>
<p style="text-align:center;"><div class='embed-vimeo' style='text-align:center;'><iframe src='http://player.vimeo.com/video/15772341' width='400' height='224' frameborder='0'></iframe></div></p>
<p style="text-align:center;"><small><a href="http://vimeo.com/15772341">Ryan Singer at Future of Web Apps, London 2010</a> from <a href="http://vimeo.com/rjs">Ryan Singer</a> on <a href="http://vimeo.com">Vimeo</a></small></p>
<p>It was also an inspiration for getting more hands-on with the design and technical aspects of this project. I&#8217;ll discuss this below along with our <em>Wireframe Sketching</em>, the initial <em>Usability Tests</em>, and <em>Prototype development</em>.</p>
<p style="text-align:left;"><strong>WIREFRAME SKETCHING<br />
</strong>I&#8217;d seen a whole host of <em><a href="http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/">Free Wireframing Kits, UI Design Kits, PDFs and Resources</a> </em>on the likes of <em>Smashing Magazine, </em>and the various other sites they mention in their <em><a href="http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/">What Is User Experience Design? Overview, Tools And Resources</a></em> article. I&#8217;d also read <em>Ryan Singer</em>&#8216;s paper on <a href="http://37signals.com/papers/introtopatterns/index"><em>An Introduction to Using Patterns in Web Design</em></a> on the<em> 37 Signals</em> site, which further helped me understand how these might be practically applied, as well as what else to follow up on the topic. <em>37 Signals</em>&#8216;<em> <a href="http://37signals.com/svn/archives/000737.php">Interface Design Tip: Find the Epicenter</a> </em>article was also useful for thinking about designing more functional screens.</p>
<p style="text-align:left;">However,<em> Brandon Schauer&#8217;</em>s article about using the <em><a href="http://www.adaptivepath.com/ideas/sketchboards-discover-better-faster-ux-solutions">low-fi sketchboard</a></em> technique on the <em>adaptive path</em> site provided the clearest explanation about the rationale for using the six up technique we&#8217;d been prescribed, i.e. as a means of exploring &#8220;many different possibilities to find the right solution&#8221;. This approach seemed more broadly applicable than the <em>37 Signals</em> application design approach, and therefore was more useful as far as our particular project was concerned.</p>
<div class="wp-caption aligncenter" style="width: 377px"><img class="  " title="Sketchboards: Discover Better + Faster UX Solutions" src="http://www.adaptivepath.com/uploads/archive/images/publications/essays/sketchboard/ap_sketchboard_templates.jpg" alt="" width="367" height="161" /><p class="wp-caption-text">Adaptive path&#039;s Sketchboards</p></div>
<p style="text-align:left;">I also revisited the <a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one"><em>UX Team of One</em></a> presentation by <em>adaptive path</em>&#8216;s <em>Leah Buley</em> that I&#8217;d originally been using as my framework for reflection on this project. I specifically looked at the section on <em>inspiration libraries</em> in her <a href="http://blip.tv/eagle/being-a-ux-team-of-one-1899954">accompanying video</a><em></em>. As a result of seeing <em>Leah Buley </em>explain how she uses the <a href="https://addons.mozilla.org/en-US/firefox/addon/screengrab/">screen grab</a> plug-in for <em>Firefox</em> to create her <em>inspiration library</em> as she uses the web, I&#8217;ve now started to do the same in order to build up my own database of screens that I think work well both visually and functionally.</p>
<div id="attachment_858" class="wp-caption aligncenter" style="width: 370px"><a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one"><img class=" wp-image-858 " title="inspiration_library" src="http://afluxstate.files.wordpress.com/2011/12/inspiration_library.jpg?w=360&#038;h=287" alt="" width="360" height="287" /></a><p class="wp-caption-text">UX Team of One: Inspiration Library</p></div>
<p style="text-align:left;">I didn&#8217;t have any of my own <em>design patterns</em> or <em>inspiration library</em> to draw upon at the outset of this project. Instead, I created my six up design sketches using elements of sites that had been discussed during the module. I also used the basic grid from the <a href="http://www.abelandcole.co.uk/"><em>Abel &amp; Cole</em></a> site, that we&#8217;d identified as the market leader during the competitive review, and tried a number of different ways of rearranging the elements, such as the masthead, navigation bars, content and search panels, etc. I tried using different approaches for creating these sketches, such as using pen and paper, and creating the boxes in <em>Powerpoint. </em>I eventually opted for sketching out the boxes in <em>Photoshop</em> as I&#8217;d seen in the <em>37 Signals</em> video mentioned above, partly because using the type tool for labeling was also more legible than my handwriting.</p>
<div id="attachment_860" class="wp-caption aligncenter" style="width: 370px"><a href="http://afluxstate.files.wordpress.com/2011/12/6up-jk2.jpg"><img class=" wp-image-860 " title="6UP-JK2" src="http://afluxstate.files.wordpress.com/2011/12/6up-jk2.jpg?w=360&#038;h=270" alt="" width="360" height="270" /></a><p class="wp-caption-text">My Six Up Sketches</p></div>
<p style="text-align:left;">There was no science at this stage as no A/B or Usability Testing had been carried out, but it did allow me to make a first stab at experimenting with this sketching technique. In hindsight I think I would have tackled this very differently now that I have had an opportunity to research the sketching approach, as well as look into <em>design patterns</em> as part of creating my own <em>inspiration library</em>. Having now seen some of the sketches produced by professionals, and indeed other members of the group, I realise that I could have been a lot freer with my sketches.</p>
<p style="text-align:left;">I think I now understand what <em>adaptive path</em>&#8216;s <em>Peter Merholz</em> means when he talks about a &#8220;more open, expansive, and playful mindset&#8221; being required than is usually employed (see my <a title="Permalink to Thinking out of the Boxes and Arrrows" href="../2011/11/21/thinking-out-of-the-i-boxes-and-arrrows/" rel="bookmark"><em>Thinking out of the Boxes</em> <em>and Arrrows</em></a> post). However, I think good facilitation is required for this kind of freer thinking to occur in a group, particularly when a group is new to a task or this kind of collaborative brainstorming.</p>
<p style="text-align:left;"><a href="http://afluxstate.files.wordpress.com/2011/12/six-ups.jpg"><img class="aligncenter  wp-image-877" title="six-ups" src="http://afluxstate.files.wordpress.com/2011/12/six-ups.jpg?w=360&#038;h=146" alt="" width="360" height="146" /></a></p>
<p style="text-align:left;">Part of the point of the exercise is that it was a learning experience, and thus, inevitably there was not the range of skills and experience within the group that you&#8217;d expect to draw upon in a professional context, i.e. knowledge of design patterns, inspiration libraries, understanding of heuristics and principles of design, relevant experience and expertise, etc. So there were times when the group got stuck in circular arguments about minor details, leaving less time to discuss some of the more important considerations.</p>
<p style="text-align:left;">What was needed was some facilitation in order to avoid this kind of “cognitive fixation”, which can result in less creative and diverse ideas being generated (see <a href="http://www.washingtonpost.com/blogs/post-leadership/post/why-brainstorming-doesnt-work/2011/04/01/gIQAock7cM_blog.html"><em>Why brainstorming doesn’t work</em></a>). It was interesting to read <em>Jason Furnell</em>&#8216;s <a href="http://jasonfurnell.wordpress.com/2010/12/01/facilitating-collaborative-design-workshops-a-step-by-step-guide-for-rapidly-creating-a-shared-vision-for-execution/"><em>Facilitating Collaborative Design Workshops – a step by step guide for rapidly creating a shared vision for execution</em></a> blog post:</p>
<blockquote>
<p style="text-align:left;">&#8220;In my experience if you set up a new project well a good team can then pick up the ball and run with it. On the other hand, if a project has a wobbly start – with a lack of vision and differing understanding of the objectives – then even the best team can be doomed to failure.&#8221;</p>
</blockquote>
<p>Having seen the process he maps out we had a very similar set of outputs, although he&#8217;s streamlined them into the following:</p>
<p>- Understanding the business objectives and drivers<br />
- Design the experience together – using a design Sketchboard<br />
- Understand the customer journey</p>
<p>Our process was more fragmented than this, which possibly led to our outputs not being as joined up as they could have been. So although we did get to explore a range of ideas, I&#8217;m not sure we necessarily selected and built on the best ones, or had a &#8220;vision for execution&#8221; that was both &#8220;clear and shared&#8221;.</p>
<p><strong>USABILITY TESTING</strong><strong></strong><br />
Once the various layouts of pages from our initial site map had been agreed by the group, Sami produced an interactive Wireframe site mock-up using <em><a href="http://www.balsamiq.com/">Blasamiq</a></em>. He originally exported the Wireframe as an Interactive PDF file, so that I could conduct a quick and dirty usability test of these Wireframes.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/12/usability_test_one1.jpg"><img class="aligncenter  wp-image-889" title="usability_test_one" src="http://afluxstate.files.wordpress.com/2011/12/usability_test_one1.jpg?w=360&#038;h=263" alt="" width="360" height="263" /></a></p>
<p>I conducted two tests with the interactive PDF file and although there were benefits, like not having to download and install a new piece of software to run it, the format did have limitations. In my first attempt I&#8217;d inadvertently left the book mark menu open in Acrobat so the user could easily see all the pages, and although it&#8217;s possibly a useful site navigation tool it wasn&#8217;t intended to be part of the what we wanted to test. At the same time, the scroll bar in Acrobat caused confusion because users could not only scroll up and down on a page, they could also use it to scroll between pages. Not only did this cause confusion but it also provided users with another means to navigate through the site, which again wasn&#8217;t something we were trying to explore as part of this test. Nonetheless, I still managed to get useful feedback and some common patterns were observed that I have included in a report as part of our deliverables.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/12/usability_test_2.jpg"><img class="aligncenter  wp-image-890" title="usability_test_2" src="http://afluxstate.files.wordpress.com/2011/12/usability_test_2.jpg?w=360&#038;h=266" alt="" width="360" height="266" /></a></p>
<p>On the third test I used the interactive Balsamiq Wireframe which avoided the problems I had with the Acrobat version. lthough the tests with each of the users were short they did provide a fantastic opportunity to not only experiment with the <em>Silverback</em> Usability Testing software, but also conduct some Usability Research.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/12/usability_test_3.jpg"><img class="aligncenter  wp-image-891" title="usability_test_3" src="http://afluxstate.files.wordpress.com/2011/12/usability_test_3.jpg?w=360&#038;h=264" alt="" width="360" height="264" /></a></p>
<p>Generally the feedback, and what I observed was positive, but in hindsight I think it would have been better and easier to have two of us of conducting these tests.  Working in a pair would have allowed us the space to think about all the <em>Heuristic Review</em> and <em>Usability</em> tips I read as part of the <a href="http://afluxstate.wordpress.com/2011/11/19/initial-discovery-phase/"><em>Initial Discovery Phase</em></a>, as well as all the pointers we&#8217;d been given in the module notes when actually conducting the tests. There were so many other things to consider like the new software I was using, the key journeys we wanted to test, soliciting feedback from the users, etc. Certainly, having an observer would have made this easier as they would have been able to take notes on the the actual user interaction and feedback, while the other person facilitated the tests. However, the other members of the group were busy with building the prototype and despite some of the difficulties I think the process of trial and error actually helped me better understand what I was trying to do and why. In addition, it was really interesting to see users interact with our prototype and give feedback on it, both during the tests and on the <em>Silverback</em> recordings. I think with more practice it would be possible to use <em>Silverback</em> to conduct these tests without requiring anyone else to help/observe.</p>
<p><strong>PROTOTYPE DEVELOPMENT<br />
</strong>As mentioned above, the presentation by <em>Ryan Singer</em> of <a href="http://37signals.com/">37 Signals</a> had helped me understand the importance of knowing more about HTML and CSS when it comes to designing interfaces. I haven&#8217;t really written anything more than a simple HTML tag in a blog post and other social media tools since sites were being built using frames and tables. So it was really useful to have the opportunity to play a small part in building the prototype to see how much has changed since then, particularly as far as using DIV tags and cascading style sheets are concerned. The simple site building exercise we carried out as part of the module has also been helpful, as it&#8217;s provided me with a useful basis to further experiment with HTML/CSS.</p>
<p style="text-align:left;"><a href="http://afluxstate.files.wordpress.com/2011/12/get_involved.jpg"><img class="aligncenter" title="get_involved" src="http://afluxstate.files.wordpress.com/2011/12/get_involved.jpg?w=307&#038;h=414" alt="" width="307" height="414" /></a></p>
<p style="text-align:left;">I only helped create one page on the site partly because there seemed to be the potential for too many cooks spoiling the broth here rather than many hands making light work. At the same time, there were others on the project with more skill, talent and interest in this aspect of the project and I&#8217;d made a larger contribution on some of the other stages, such as managing and compiling most of the group deliverables, including: Design Ideas and Wireframe Presentations; New Site Map; and the Content Inventory, User Research, Existing Site Analysis, Usability Testing Analysis, Site Objectives, Key User Journeys and Persona documents; and the Usability Tests. I also helped with other production requirements such as site snagging, copy writing, sourcing images, and taking and arranging photographs.</p>
<p style="text-align:left;"><a href="http://afluxstate.files.wordpress.com/2011/12/photos_and_snagging.jpg"><img class="aligncenter  wp-image-929" title="photos_and_snagging" src="http://afluxstate.files.wordpress.com/2011/12/photos_and_snagging.jpg?w=360&#038;h=381" alt="" width="360" height="381" /></a></p>
<p style="text-align:left;">
<p><strong>REFLECTIONS</strong><br />
<em>Jason Furnell</em>&#8216;s <em>Facilitating Collaborative Design Workshops</em> guide really helped me see how and where the cross-cutting themes I explored in my <a title="Permalink to Thinking out of the Boxes and Arrrows" href="../2011/11/21/thinking-out-of-the-i-boxes-and-arrrows/" rel="bookmark"><em>Thinking out of the Boxes</em> <em>and Arrrows</em></a> post could be incorporated as part of the UX Design Process. Firstly, the <em>Aligning business and user goals</em> I talked about could be facilitated through the use of the <a href="http://en.wikipedia.org/wiki/Business_Model_Canvas">Business Model Canvas</a> tool, perhaps using <em>Furnell</em>&#8216;s <a href="http://jasonfurnell.files.wordpress.com/2010/12/business_model_canvas_facilitator_cards1.pdf">Facilitator Cards</a>.</p>
<div id="attachment_223" class="wp-caption aligncenter" style="width: 298px"><a href="http://afluxstate.files.wordpress.com/2011/10/business_model_cards.jpg"><img class=" wp-image-223  " title="business_model_cards" src="http://afluxstate.files.wordpress.com/2011/10/business_model_cards.jpg?w=288&#038;h=242" alt="" width="288" height="242" /></a><p class="wp-caption-text">Business Model Canvas Faciltator Cards</p></div>
<p>As mentioned above, I also think Furnell&#8217;s more joined-up workshop format is where the &#8220;more open, expansive, and playful mindset&#8221; that <em>Peter Merholz</em> talks about can be employed. This can help avoid the problem of <em>User-Centred Design leading to sameness</em> that I&#8217;ve mentioned previously. Perhaps it&#8217;s where the <em>Deep Dive</em> Ideation brainstorming approach, that <em>David Armano</em> highlights in his <em>Experience Map</em>, could be also be incorporated.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/12/deep_dive2.jpg"><img class="aligncenter size-full wp-image-883" title="deep_dive" src="http://afluxstate.files.wordpress.com/2011/12/deep_dive2.jpg?w=480" alt=""   /></a><small>Armano, D. (2006) <a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html"><em>Experience Map?</em></a><br />
Bendis, K. <a href="http://www.keithbendis.com/deep_dive.html"><em>About Deep Dive</em></a></small></p>
<p>This <a href="http://en.wikipedia.org/wiki/Ideation_%28idea_generation%29"><em>Ideation</em></a> stage is possibly where some of the different &#8216;lenes&#8217; I&#8217;ve mentioned throughout my journal could be employed, including: Morville&#8217;s <a href="http://semanticstudios.com/publications/semantics/000029.php"><em>User Experience Honeycomb</em></a> for looking at the user experience considerations; Smith&#8217;s <em><a href="http://nform.com/publications/social-software-building-block">Social Software Building Blocks</a></em> for making a site more &#8216;social&#8217;, at least more integrated with other social media technologies; and Caldini&#8217;s <a href="http://en.wikipedia.org/wiki/Robert_Cialdini"><em>Principles of Persuasion</em></a> for thinking about influence and behavioural design issues.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/12/ideation_lens.jpg"><img class="aligncenter size-full wp-image-898" title="ideation_lens" src="http://afluxstate.files.wordpress.com/2011/12/ideation_lens.jpg?w=480" alt=""   /></a><small>Morville, P., (2004). <em><a href="http://semanticstudios.com/publications/semantics/000029.php">User Experience Design</a></em><br />
Smith, G., (2007).<a href="http://nform.com/publications/social-software-building-block"> <em>Social Software Building Blocks</em></a><br />
Wikipedia (2011). <a href="http://en.wikipedia.org/wiki/Robert_Cialdini"><em>Robert Caldini</em></a></small></p>
<p>There&#8217;s a whole host of other models and lenses that could be utilised, but I&#8217;m not suggesting they&#8217;re all used on every project, only that there&#8217;s a useful toolbox that can be used as part of the<em> Ideation</em> process depending on the problem that needs solving. However, my experience on this project, and the research I&#8217;ve read, further confirmed <em>Furnell&#8217;</em>s point above about the need for clear vision and shared understanding of the objectives in order for this approach to work well. Equally as important is a good facilitation process and also facilitator, which as <em>Furnell&#8217;</em>s guide suggests, can be a job in itself.</p>
<p><strong>NEXT STEPS<br />
</strong>In my next and last post, I will review some of the key highlights in terms of what I&#8217;ve learned from this project.</p>
<p style="text-align:center;"><a href="http://www.wordle.net/create"><img class="aligncenter  wp-image-921" title="wireframes" src="http://afluxstate.files.wordpress.com/2011/12/wireframes.jpg?w=360&#038;h=158" alt="" width="360" height="158" /></a><small><a href="http://www.wordle.net/">Wordle Page Analysis</a></small></p>
<p><strong>REFERENCES<br />
</strong>Clearleft (2011) <em>Client Ideas Sheet </em>[online] Available at: &lt;<a href="http://clearleft.s3.amazonaws.com/client-worksheet.rtf">http://clearleft.s3.amazonaws.com/client-worksheet.rtf</a>&gt; [Accessed 13 December 2011]<strong></strong></p>
<p>Singer, R. (2010). <em>Leancamp: 37 Signals Design Process Explained </em>[online] (Updated on 28 November 2010) Available at: &lt;<a href="http://leanca.mp/2010/11/37-signals-design-process-explained/">http://leanca.mp/2010/11/37-signals-design-process-explained/</a>&gt; [Accessed 14 December 2011]</p>
<p>Wikipedia (2011). <em>Rapid application development</em> [online] (Updated on 12 December 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Rapid_application_development">http://en.wikipedia.org/wiki/Rapid_application_development</a>&gt; [Accessed 14 December 2011]</p>
<p>W3C (2011). <em>Cascading Style Sheets</em> [online] (Updated on 14 December 2011) Available at: &lt;<a href="http://www.w3.org/Style/CSS/Overview.en.html">http://www.w3.org/Style/CSS/Overview.en.htm</a>l&gt; [Accessed 14 December 2011]</p>
<p>Smashing Magazine (2010). <em>Free Wireframing Kits, UI Design Kits, PDFs and Resources</em> [online] (Updated on 27 August 201o) Available at: &lt;<a href="http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/">http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/</a>&gt; [Accessed 14 December 2011]</p>
<p>Smashing Magazine (2010). <em></em><em>What Is User Experience Design? Overview, Tools And Resources</em> [online] (Updated on 5 October 201o) Available at: &lt;<a href="http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/">http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/</a>&gt; [Accessed 14 December 2011]</p>
<p>Singer, R. (20o4). <em><em>An Introduction to Using Patterns in Web Design</em> </em>[online] (Updated on 5 October 20o4) Available at: &lt;<a href="http://37signals.com/papers/introtopatterns/index">http://37signals.com/papers/introtopatterns/index</a>&gt; [Accessed 14 December 2011]</p>
<p>Fried, J. (20o4). <em><em></em>Interface Design Tip: Find the Epicenter</em> [online] (Updated on 1 July 20o4) Available at: &lt;<a href="http://37signals.com/svn/archives/000737.php">http://37signals.com/svn/archives/000737.php</a>&gt; [Accessed 14 December 2011]</p>
<p>Schauer, B. (20o7). <em>Sketchboards: Discover Better + Faster UX Solutions</em> [online] (Updated on 14 December 20o7) Available at: &lt;<a href="http://www.adaptivepath.com/ideas/sketchboards-discover-better-faster-ux-solutions">http://37signals.com/svn/archives/000737.php</a>&gt; [Accessed 14 December 2011]</p>
<p>Buley, L. (2008).<em> How to Be a UX Team of One </em>[online] Available at: &lt;<a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one</a>&gt; [Accessed 11 December 2011]</p>
<p>Buley, L. (2009).<em> How to Be a UX Team of One </em>[online] (Updated on 18 March 20o9) Available at: &lt;<a href="http://www.ugleah.com/ux-team-of-one/">http://www.ugleah.com/ux-team-of-one/</a>&gt; [Accessed 14 December 2011]</p>
<p>McGregor, J. (2011). <em>Why brainstorming doesn’t work. </em>Washington Post [online] (Updated on 1 November 2011) Available at: &lt;<a href="http://www.washingtonpost.com/blogs/post-leadership/post/why-brainstorming-doesnt-work/2011/04/01/gIQAock7cM_blog.html">http://www.washingtonpost.com/blogs/post-leadership/post/why-brainstorming-doesnt-work/2011/04/01/gIQAock7cM_blog.html</a>&gt;[Accessed 14 December 2011]</p>
<p>Furnell, J. (2010) <em>Facilitating Collaborative Design Workshops – a step by step guide for rapidly creating a shared vision for execution </em>[online] (Updated on 1 December 2010) Available at: &lt;<a href="http://jasonfurnell.wordpress.com/2010/12/01/facilitating-collaborative-design-workshops-a-step-by-step-guide-for-rapidly-creating-a-shared-vision-for-execution/">http://jasonfurnell.wordpress.com/2010/12/01/facilitating-collaborative-design-workshops-a-step-by-step-guide-for-rapidly-creating-a-shared-vision-for-execution/</a>&gt;[Accessed 14 December 2011]</p>
<p>Furnell, J. (2010) <em>Facilitator Cards </em>[online] (Updated on 2 December 2010) Available at: &lt;<a href="http://jasonfurnell.files.wordpress.com/2010/12/business_model_canvas_facilitator_cards1.pdf">http://jasonfurnell.files.wordpress.com/2010/12/business_model_canvas_facilitator_cards1.pdf</a>&gt;[Accessed 14 December 2011]</p>
<p>Merholz, P. (2011). <em>How Do You Know When the Market is Ready? Skype, Video Calls, and UCD’s Shortcomings  </em>[online] (Updated on 26 May 2011) Available at: &lt;<a href="http://adaptivepath.com/ideas/how-do-you-know-when-the-market-is-ready-skype-video-calls-and-ucds-shortco">http://adaptivepath.com/ideas/how-do-you-know-when-the-market-is-ready-skype-video-calls-and-ucds-shortco</a>&gt; [Accessed 11 December 2011]<em></em></p>
<p><em>Armano, D., (2006). <em>The Experience Map </em></em>[online] (Updated 20 April 2006) Available at: &lt;<a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html">http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html</a>&gt; [Accessed 11 December 2011]</p>
<p>Morville, P., (2004). <em>User Experience Design </em>[online] (Update 21 June 2004) Available at: &lt;<a href="http://semanticstudios.com/publications/semantics/000029.php">http://semanticstudios.com/publications/semantics/000029.php</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Robert Caldini</em> [online] (Updated on 17 Oct 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Robert_Cialdini">http://en.wikipedia.org/wiki/Robert_Cialdini</a>&gt; [Accessed 11 December 2011]</p>
<p>Smith, G., (2007). <em>Social Software Building Blocks</em> [online] (Updated 4 April 2007) Available at: &lt;<a href="http://nform.com/publications/social-software-building-block">http://nform.com/publications/social-software-building-block</a>&gt; [Accessed 11 December 2011]</p>
<p>Bendis, K. <em>About Deep Dive</em><em> </em>[online] Available at: &lt;<a href="http://www.keithbendis.com/deep_dive.html">http://www.keithbendis.com/deep_dive.html</a>&gt; [Accessed 14 December 2011]</p>
<p>McMullin, J. (2009) <em>Cialdini’s Six Principles of Influence, the Honeycomb Edition</em> [online] (Updated 29 January 2009) Available at: &lt;<a href="http://www.bplusd.org/2009/01/29/cialdinis-six-principles-of-influence-the-honeycomb-edition/">http://www.bplusd.org/2009/01/29/cialdinis-six-principles-of-influence-the-honeycomb-edition/</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Ideation</em> [online] (Updated on 23 November 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Ideation_%28idea_generation%29">http://en.wikipedia.org/wiki/Ideation_%28idea_generation%29</a>&gt; [Accessed 14 December 2011]</p>
</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/850/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/850/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/850/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/850/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/850/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/850/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/850/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/850/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/850/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/850/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/850/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/850/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/850/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/850/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=850&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/12/14/wireframes-usability-testing-and-prototype-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/37signals.jpg" medium="image">
			<media:title type="html">37signals</media:title>
		</media:content>

		<media:content url="http://www.adaptivepath.com/uploads/archive/images/publications/essays/sketchboard/ap_sketchboard_templates.jpg" medium="image">
			<media:title type="html">Sketchboards: Discover Better + Faster UX Solutions</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/inspiration_library.jpg" medium="image">
			<media:title type="html">inspiration_library</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/6up-jk2.jpg" medium="image">
			<media:title type="html">6UP-JK2</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/six-ups.jpg" medium="image">
			<media:title type="html">six-ups</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/usability_test_one1.jpg" medium="image">
			<media:title type="html">usability_test_one</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/usability_test_2.jpg" medium="image">
			<media:title type="html">usability_test_2</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/usability_test_3.jpg" medium="image">
			<media:title type="html">usability_test_3</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/get_involved.jpg" medium="image">
			<media:title type="html">get_involved</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/photos_and_snagging.jpg" medium="image">
			<media:title type="html">photos_and_snagging</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/business_model_cards.jpg" medium="image">
			<media:title type="html">business_model_cards</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/deep_dive2.jpg" medium="image">
			<media:title type="html">deep_dive</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/ideation_lens.jpg" medium="image">
			<media:title type="html">ideation_lens</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/12/wireframes.jpg" medium="image">
			<media:title type="html">wireframes</media:title>
		</media:content>
	</item>
		<item>
		<title>User Research, Personas, Scenarios and User Journeys</title>
		<link>http://afluxstate.wordpress.com/2011/11/23/user-research-personas-scenarios-and-user-journeys/</link>
		<comments>http://afluxstate.wordpress.com/2011/11/23/user-research-personas-scenarios-and-user-journeys/#comments</comments>
		<pubDate>Wed, 23 Nov 2011 11:38:17 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>
		<category><![CDATA[IWM14 Assignment]]></category>
		<category><![CDATA[Cennydd Bowles]]></category>
		<category><![CDATA[Discovery Phase]]></category>
		<category><![CDATA[James Box]]></category>
		<category><![CDATA[Jason Furnell]]></category>
		<category><![CDATA[Leah Burley]]></category>
		<category><![CDATA[personas]]></category>
		<category><![CDATA[Undercover User Experience Design]]></category>
		<category><![CDATA[user scenarios]]></category>
		<category><![CDATA[UX Design Process]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=609</guid>
		<description><![CDATA[INTRODUCTION As mentioned in an earlier post, we&#8217;d decided that there was nothing to be gained from conducting a usability review of the existing Food Co-op&#8216;s site, as it was too limited and fragmented. So we focused our attention on the User Research because much of what followed seemed to stem from this. In this [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=609&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>INTRODUCTION</strong><br />
As mentioned in an earlier post, we&#8217;d decided that there was nothing to be gained from conducting a usability review of the existing <em>Food Co-op</em>&#8216;s site, as it was too limited and fragmented. So we focused our attention on the <em>User Research</em> because much of what followed seemed to stem from this. In this post, I look at the process that took us from <em>User Research</em> through to the <em>User Journeys. </em>I will also discuss my follow-up research and reflections:</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/user_to_user.jpg"><img class="aligncenter size-full wp-image-611" title="user_to_user" src="http://afluxstate.files.wordpress.com/2011/11/user_to_user.jpg?w=480&#038;h=78" alt="" width="480" height="78" /></a></p>
<p><span id="more-609"></span></p>
<p><strong>USER RESEARCH CONSIDERATIONS</strong><br />
The first step in our user research was to define what we might need to ask and why.</p>
<div id="attachment_613" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.slideshare.net/usableinterface/understanding-the-value-of-user-research-and-usability-testing"><img class="size-full wp-image-613 " title="market_user" src="http://afluxstate.files.wordpress.com/2011/11/market_user.jpg?w=480" alt=""   /></a><p class="wp-caption-text">Understanding The Value Of User Research And Usability Testing</p></div>
<blockquote><p>&#8220;Market research is primarily about opinions: about a brand, about personal beliefs, or about a specific marketing approach. User research is about behavior: what drives people, how they do things, how and why they’re likely to use your site&#8221;</p></blockquote>
<p style="text-align:center;"><small><a href="http://undercoverux.com/">Undercover User Experience Design by Cennydd Bowles and James Box</a></small></p>
<p>Looking at the difference between market and user research really helped me clarify what we were trying to achieve at this stage. It also made me step back and think about what else we might need to consider, including:</p>
<ul>
<li>The difficulty in defining the Co-op&#8217;s service from the limited information on their website</li>
<li>Whether asking users about the service and site would give us an insight in how the <em>Co-op</em>&#8216;s various activities could be better supported</li>
<li>How the responses would help us develop our user &#8216;personas&#8217; and &#8216;scenarios&#8217;</li>
</ul>
<p>Our interview questions ,shown below were developed during a brainstorming session. I then modified theses slightly after having been recommended <em>Research for development: a practical guide</em> (2003) by a research professional. We wanted to use a more &#8216;open and explorative&#8217; qualitative research approach, so that the users could come up with answers we hadn&#8217;t thought of. But we still needed some structure so that we&#8217;d get some meaningful responses that we could compare:</p>
<blockquote><p><strong>About the Service:</strong></p>
<p><em>1.) How did you find out about the scheme?</em></p>
<p><em>2.) Why did you join?</em></p>
<p><em>3.) What do you think of the service?</em></p>
<p><strong>About the site:</strong></p>
<p><em>1.) Have you visited the web site?</em></p>
<p>2.) <em>Why did you visit?</em></p>
<p>3.) <em>What five features would you like to see on the website</em><em>?</em></p>
<p>4.) <em>Did you have any problems?</em></p>
<p>5.) <em>If you were recommending the service to a friend, would you refer them to the website?</em></p>
<p>6.) <em>Do you think there is enough information on the website for a new user of the service?</em></p>
<p>7.) <em>Would you like updates from the service?</em></p>
<p><strong>Demographics:</strong> Age | Occupation | Gender | Size of Household | Dietary requirements</p></blockquote>
<p>The interviews were conducted face to face and limited to only 5 people who, we hoped would ideally represent a mix of the<em> Co-op</em> members, e.g. various ages, male/female, part-time/full-time students and student/university employees.</p>
<p>The responses have been submitted as part of the group deliverables, together with the survey rationale I helped refine, and the analysis of the responses I conducted on behalf of the group.</p>
<p><strong>ADDITIONAL FINDINGS<br />
</strong>I found the research stage the most engaging part of this module. It was the first time the group as a whole actually connected with users, rather than think about their needs conceptually.</p>
<div id="attachment_631" class="wp-caption aligncenter" style="width: 356px"><a href="http://afluxstate.files.wordpress.com/2011/11/food_coop1.jpg"><img class=" wp-image-631  " title="food_coop" src="http://afluxstate.files.wordpress.com/2011/11/food_coop1.jpg?w=346&#038;h=239" alt="" width="346" height="239" /></a><p class="wp-caption-text">Food Co-Op Volunteers</p></div>
<p>The exercise certainly helped me understand more clearly how the responses would help shape the <em>personas</em>, their <em>scenarios</em> and <em>user journeys</em>. It was also interesting to see how the process of actually engaging users resulted in the group gaining additional insights that went well beyond the responses to our survey questions (e.g. their growing pains; their overall numbers; how few members have actually visited the site;  how less than half their members use the service each week, etc). These insights may prove useful at the Wireframe stage, which I&#8217;ll discuss in a future post.</p>
<div id="attachment_786" class="wp-caption aligncenter" style="width: 334px"><a href="http://afluxstate.files.wordpress.com/2011/11/research_methods.jpg"><img class=" wp-image-786  " title="research_methods" src="http://afluxstate.files.wordpress.com/2011/11/research_methods.jpg?w=324&#038;h=221" alt="" width="324" height="221" /></a><p class="wp-caption-text">Research Methods</p></div>
<p>One of the most helpful resources about <em>User Research</em> was <em>Steve Baty</em>&#8216;s &#8216;<em><a href="http://www.uxmatters.com/mt/archives/2009/04/user-research-for-personas-and-other-audience-models.php">User Research for Personas and Other Audience Models</a></em>&#8216; article on <em>uxmatters</em>. Before this stage I&#8217;d been using <em>Leah Buley <a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">UX Team of One</a></em> as a framework for my reflections on this project. But <em>Baty</em>&#8216;s article was clearer about the different research methods used by UX practitioners, and how they ideally draw upon as many different data sources as possible when looking at <em>personas</em>. It was also interesting to look at other techniques for representing the insights gained from research activities, such as <a title="mental model" href="http://www.flickr.com/photos/rosenfeldmedia/2125040269/in/set-72157603511616271/">mental models</a> and <a title="experience wheel" href="http://experiencematters.wordpress.com/2009/03/03/legos-building-block-for-good-experiences/">experience lifecycles</a>.</p>
<p><strong>PERSONA &amp; SCENARIOS DEVELOPMENT<br />
</strong>There were a number of key stages in our persona development process. Firstly, we reviewed our &#8216;quick and dirty&#8217; user research to try and find some key themes that might help inform the development of our <em>personas</em> and their characteristics:</p>
<div id="attachment_622" class="wp-caption aligncenter" style="width: 375px"><a href="http://afluxstate.files.wordpress.com/2011/11/key_persona_themes.jpg"><img class=" wp-image-622  " title="key_persona_themes" src="http://afluxstate.files.wordpress.com/2011/11/key_persona_themes.jpg?w=365&#038;h=181" alt="" width="365" height="181" /></a><p class="wp-caption-text">Persona Development Brainstorming Work in Progress</p></div>
<p>We then brainstormed these themes along with anything else we&#8217;d thought relevant from our existing site/competitor analyses and individual research:</p>
<p style="text-align:left;"><a href="http://afluxstate.files.wordpress.com/2011/11/research_analysis2.jpg"><img class="aligncenter  wp-image-797" title="research_analysis" src="http://afluxstate.files.wordpress.com/2011/11/research_analysis2.jpg?w=354&#038;h=481" alt="" width="354" height="481" /></a><a href="http://afluxstate.files.wordpress.com/2011/11/personas2.jpg"><br />
</a>This process helped us rapidly reach some consensus about our <em>personas</em>. The subsequent<em> scenario</em> development also helped us think about and prioritise the content requirements. What we didn&#8217;t explore in our brainstorming session was any innovative solutions to the <em>food co-op</em>&#8216;s problems. So it would have also been interesting to have looked into the creative possibilities more here, perhaps using the kind of <em>Deep Dive</em> brainstorming <em>Dave Armano</em> highlights in his <em><a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html">experience map</a></em> process:</p>
<div id="attachment_788" class="wp-caption aligncenter" style="width: 410px"><a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html"><img class="size-full wp-image-788" title="experience_map" src="http://afluxstate.files.wordpress.com/2011/11/experience_map.jpg?w=480" alt=""   /></a><p class="wp-caption-text">The Experience Map: Ideation Stage</p></div>
<p>I also think it would have been fun to have tried out the kind of role playing mentioned in the <em>ux for masses</em> <a href="http://www.uxforthemasses.com/personas/">&#8216;<em>Getting the most out of personas</em>&#8216;</a> article. One other technique I would have liked to have experimented with at this stage is &#8216;affinity diagramming&#8217;. I found the article on <a href="http://www.mindtools.com/pages/article/newTMC_86.htm">MindTools </a>a really helpful way of explaining how it&#8217;s used for organising ideas into common themes.</p>
<p>Putting a human face to our <em>personas</em> was left to Emma, Nora and Stefan because we couldn&#8217;t work out a way of writing-up their &#8216;stories&#8217; collaboratively. We did review our <em>personas</em> as a group once they&#8217;d been written up,  and then we double checked the &#8216;stories&#8217; against our proposed <em>user task scenarios</em> and the key content areas we&#8217;d prioritised.</p>
<p style="text-align:left;"><a href="http://afluxstate.files.wordpress.com/2011/11/personas1.jpg"><img class="aligncenter  wp-image-627" title="personas" src="http://afluxstate.files.wordpress.com/2011/11/personas1.jpg?w=384&#038;h=372" alt="" width="384" height="372" /></a><em></em></p>
<p>I found the &#8216;<em><em>An introduction to personas for technical authors</em></em>&#8216; <a href="http://www.slideshare.net/neiljamesturner/an-introduction-to-personas-for-technical-authors">presentation</a> and <a href="http://www.uxforthemasses.com/personas/">article</a> by <em>Neil Turner </em>a really useful tool for reflecting on what we did at this stage and why. It made me realise how this part of the process was key to actually supporting and encouraging UX design:</p>
<blockquote><p>&#8220;The  creation process forces people to think about and find out about users&#8221;</p></blockquote>
<p style="text-align:left;">I also thought the parameters he suggests below were a very simple and straightforward way to go about creating personas:</p>
<blockquote>
<p style="text-align:left;"><strong>About:</strong></p>
<ul>
<li>Who are they?</li>
<li>What is their background?</li>
<li>What is their context?</li>
<li>What’s important to them?</li>
<li>What are their pain points and frustrations?</li>
</ul>
<p><strong>Key goals &amp; needs:</strong></p>
<ul>
<li>Goals</li>
<li>Motivations</li>
<li>Drivers</li>
<li>Needs</li>
</ul>
</blockquote>
<p style="text-align:left;">Looking back on how we developed our <em>personas</em> from the <em>user research</em>, I think we had only loosely thought about these kind of parameters at the outset. Our process would have been more joined up if we&#8217;d thought about these parameters first and then developed our interview questions around them. It would have also provided us with a more structured way of analyzing the user responses. We did, however, eventually arrive at a similar destination despite our less structured journey.</p>
<p><strong>FROM USER TASK SCENARIOS TO USER JOURNEYS<br />
</strong>Much of what I read about <em>User Journeys</em> was aimed at <em>UX Practitioners</em> working at a much higher level than anything we&#8217;re doing on our project. One article that I did find helpful was<em></em><em> &#8216;An introduction to user journeys&#8217; </em>article on <a href="http://www.boxesandarrows.com/view/an_introduction_to_user_journeys">boxes and arrows</a>, as it helped clarify the difference between user journeys and &#8220;the interaction between a user and a system’s logic and processes&#8221;:</p>
<blockquote><p>&#8220;Pioneering web designer and artist Auriea Harvey (zentropy8) describes web design as “thought patterns, processes, paths.” User journeys tap directly into this model, reflecting the thoughts, considerations, and experiences that people go through in their daily lives, beyond the web.</p>
<p>Creating a user journey places a strong emphasis on personas and also merges the creation of scenarios and user flows. However, unlike user flows, hierarchies, or functional specs (which explain the interaction between a user and a system’s logic and processes), user journeys explore a user’s mental and lived “patterns, processes, and paths” and translate these into web-based experiences.&#8221;</p></blockquote>
<p style="text-align:left;">Everything started to click with regard to linking scenarios and user journeys to their goals and needs after having read<em> Leanne Byrom</em>&#8216;s <a title="What is a User Journey?" href="http://leannebyrom.com/2010/07/what-is-a-user-journey/">&#8216;<em>What is a User Journey</em>&#8216;</a> blog post:</p>
<blockquote>
<p style="text-align:left;">&#8220;Joe may well get diverted and do other things on the website, but here the user journey encapsulates all that Joe needed to achieve. This is why you need a scenario for your user journeys as well, as this is where you establish the goal/motivation for that user.&#8221;</p>
</blockquote>
<p style="text-align:left;">She doesn&#8217;t go into the use of primary, secondary and complementary personas, nor any detail about archetypes/typical users, but she does go almost step by step through the process we&#8217;d taken (see example below):</p>
<blockquote><p><strong>Primary Persona</strong>: Jack is from London but moved to Brighton to study last year&#8230; He is considering volunteering in the future for further work experience.</p>
<p style="text-align:left;"><strong>Primary Persona Scenario</strong>: Volunteer for the Food Coop</p>
<p style="text-align:left;"><strong>User Journey</strong>: Home → Volunteer → Form → End</p>
</blockquote>
<p style="text-align:left;">We sketched out 20 scenarios that we felt covered our key <em>user journeys</em>, having crossed-referenced these against our <em>persona</em> &#8216;stories&#8217; and the content requirement we&#8217;d developed as part of our <em>site objectives</em> brainstorming session. Some of the complementary persona journeys looked at back-office type administration which would be important considerations if we developed the site beyond the prototype. .</p>
<p style="text-align:left;">I then converted our <em>user journeys</em> into a series of flow-type diagrams, which I then used to create the hierarchy of our initial site map below:</p>
<div id="attachment_792" class="wp-caption aligncenter" style="width: 394px"><a href="http://afluxstate.files.wordpress.com/2011/11/journeys_to_map.jpg"><img class=" wp-image-792 " title="journeys_to_map" src="http://afluxstate.files.wordpress.com/2011/11/journeys_to_map.jpg?w=384&#038;h=102" alt="" width="384" height="102" /></a><p class="wp-caption-text">User Journeys and Initial Site Map</p></div>
<p><strong>REFLECTIONS</strong><br />
As mentioned above, I found this stage of the project the most engaging. I particularly found the research aspects interesting because as discussed in my <em><a title="Permalink to Initial Discovery Phase" href="../2011/11/19/initial-discovery-phase/" rel="bookmark">Initial Discovery Phase</a></em> post, I&#8217;d already identified these as being one of the two <em>UX Design Skills</em> that are most relevant to my experience and expertise:</p>
<div class="wp-caption aligncenter" style="width: 447px"><a href="http://afluxstate.files.wordpress.com/2011/11/ux_team_skills.jpg"><img title="UX Design Skill Set" src="http://afluxstate.files.wordpress.com/2011/11/ux_team_skills.jpg?w=437&#038;h=157" alt="" width="437" height="157" /></a><p class="wp-caption-text">UX Design Skill Set</p></div>
<p>What this stage of our project really helped me understand was where the creative thinking and problem solving techniques could be mostly usefully applied in the UX Design Process, i.e. <a href="http://www.ideo.com">IDEO&#8217;</a>s &#8216;Deep Dive&#8217; brainstorming process mentioned above. As Dave Armano&#8217;s Experience Map (see above) shows the best way of solving problems is to first carry out research (Uncover Stage) and define the problem that needs solving (Define Stage). Perhaps using these <em>Ideation</em> techniques here might be one way of avoiding the problem of &#8216;sameness&#8217; that I&#8217;d discussed in my <em>&#8216;<a title="Permalink to Thinking out of the Boxes and Arrrows" href="../2011/11/21/thinking-out-of-the-i-boxes-and-arrrows/" rel="bookmark">Thinking out of the Boxes and Arrrows</a>&#8216;</em> post, but it would need to go beyond simply finding innovative ways of representing <em>User Journeys (</em>see<em> user journey</em> category on <a href="http://wireframes.linowski.ca/tag/user-journey/">Wireframe Magazine</a>):</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/user_journeys.jpg"><img class="aligncenter  wp-image-662" title="user_journeys" src="http://afluxstate.files.wordpress.com/2011/11/user_journeys.jpg?w=360&#038;h=250" alt="" width="360" height="250" /></a></p>
<p>One thing I did notice during my research is that there seemed to be an almost infinite number of ways of representing <em>personas</em>, <em>scenarios</em> and user journeys. I particularly liked the graphic story-telling approach featured by<em> <a href="http://www.uxforthemasses.com/personas/">Neil Turner</a> </em>below. It&#8217;s one of the best examples I&#8217;ve seen so far of how the story-telling approaches I mentioned in my <em><a title="Permalink to Introduction and Group Project Proposal" href="../2011/11/19/introduction-and-group-project-proposal/" rel="bookmark">Introduction and Group Project Proposal</a> </em>might be applied as part of the UX Design Process:<em><br />
</em></p>
<p style="text-align:left;"><a href="http://www.slideshare.net/neiljamesturner/an-introduction-to-personas-for-technical-authors"><img class="aligncenter" title="engaging_personas" src="http://afluxstate.files.wordpress.com/2011/11/engaging_personas.jpg?w=360&#038;h=273" alt="" width="360" height="273" /></a><strong></strong></p>
<p style="text-align:left;"><strong>NEXT STEPS</strong><br />
In my next post, I&#8217;ll be look at how our Wire Frames were developed from the initial site map above, and how we went from these to our prototype after our initial <em>usability testing</em>.</p>
<p style="text-align:left;"><a href="http://www.wordle.net"><img class="aligncenter size-full wp-image-800" title="user_research_wordle" src="http://afluxstate.files.wordpress.com/2011/11/user_research_wordle.jpg?w=480" alt=""   /></a></p>
<p style="text-align:center;"><small><a href="http://www.wordle.net/">Wordle Page Analysis</a></small></p>
<p><strong>REFERENCES</strong></p>
<p>Soucy, K. (2009). <em>Understanding The Value Of User Research And Usability Testing <em></em> </em>[online] Available at: &lt;<a href="http://www.slideshare.net/usableinterface/understanding-the-value-of-user-research-and-usability-testing">http://www.slideshare.net/usableinterface/understanding-the-value-of-user-research-and-usability-testing</a>&gt; [Accessed 11 December 2011]</p>
<p>Rosenfeld, R. (2011). <em>Beyond User Research</em> [online] (Updated 11 November 2011) Available at: &lt;<a href="http://www.slideshare.net/lrosenfeld/beyond-user-research">http://www.slideshare.net/lrosenfeld/beyond-user-research</a>&gt; [Accessed 11 December 2011]</p>
<p>Bowles, C., Box, J. (2011).  <em>Undercover User Experience Design,</em> Chapter 2 Exploring the Problem</p>
<p>Laws, S., Harper, C., Marcus, R. (2003) <em>Research for development: a practical guide</em></p>
<p>Buley, L. (2008).<em> How to Be a UX Team of One </em>[online] Available at: &lt;<a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one</a>&gt; [Accessed 11 December 2011]</p>
<p>Baty, S. (2009). <em>User Research for Personas and Other Audience Models </em><em></em>[online] (UX Matters: Updated 27 April 209) Available at: &lt;<a href="http://www.uxmatters.com/mt/archives/2009/04/user-research-for-personas-and-other-audience-models.php">http://www.uxmatters.com/mt/archives/2009/04/user-research-for-personas-and-other-audience-models.php</a>&gt; [Accessed 11 December 2011]</p>
<p>Young, I. (2008). <em>Mental Models: Aligning design strategy with human behavior</em></p>
<p>Temkin, B. (2009)<em> LEGO’s Building Block For Good Experiences</em> [online] (Updated 3 March 2009) Available at: &lt;<a href="http://experiencematters.wordpress.com/2009/03/03/legos-building-block-for-good-experiences/">http://experiencematters.wordpress.com/2009/03/03/legos-building-block-for-good-experiences/</a>&gt; [Accessed 11 December 2011]</p>
<p>Armano, D., (2006). <em>The Experience Map </em>[online] (Updated 20 April 2006) Available at: &lt;<a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html">http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html</a>&gt; [Accessed 11 December 2011]</p>
<p>Turner, N. (2010). <em>Getting the most out of personas</em> [online] (UX for the masses: Updated 4 June 2010) Available at: &lt;<a href="http://www.uxforthemasses.com/personas/">http://www.uxforthemasses.com/personas/</a>&gt; [Accessed 11 December 2011]</p>
<p>Mind Tools. <em>Affinity Diagrams: Organizing ideas into common themes </em>[online] (Updated 4 June 2010) Available at: &lt;<a href="http://www.mindtools.com/pages/article/newTMC_86.htm">http://www.mindtools.com/pages/article/newTMC_86.htm</a>&gt; [Accessed 11 December 2011]</p>
<p>Hobbs, J. (2005). <em>An introduction to user journeys</em> <em></em>[online] (Boxes and Arrows: Updated 9 June 2005) Available at: &lt;<a href="http://www.boxesandarrows.com/view/an_introduction_to_user_journeys">http://www.boxesandarrows.com/view/an_introduction_to_user_journeys</a>&gt; [Accessed 11 December 2011]</p>
<p>Byrom, L. (2010). <em>What is a User Journey?</em> <em></em>[online] (Updated 24 July 2010) Available at: &lt;<a href="http://www.boxesandarrows.com/view/an_introduction_to_user_journeys">http://www.boxesandarrows.com/view/an_introduction_to_user_journeys</a>&gt; [Accessed 11 December 2011]</p>
<p>UX for the masses (2011). <em>What makes a good UX designer?</em> [online] (Updated on 11 Jan 2011) Available at: &lt;<a href="http://www.uxforthemasses.com/what-makes-good-ux-designer/">http://www.uxforthemasses.com/what-makes-good-ux-designer/</a>&gt; [Accessed 11 December 2011]</p>
<div></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/609/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/609/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/609/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/609/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/609/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/609/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/609/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/609/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/609/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/609/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/609/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/609/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/609/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/609/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=609&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/11/23/user-research-personas-scenarios-and-user-journeys/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/user_to_user.jpg" medium="image">
			<media:title type="html">user_to_user</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/market_user.jpg" medium="image">
			<media:title type="html">market_user</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/food_coop1.jpg" medium="image">
			<media:title type="html">food_coop</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/research_methods.jpg" medium="image">
			<media:title type="html">research_methods</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/key_persona_themes.jpg" medium="image">
			<media:title type="html">key_persona_themes</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/research_analysis2.jpg" medium="image">
			<media:title type="html">research_analysis</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/experience_map.jpg" medium="image">
			<media:title type="html">experience_map</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/personas1.jpg" medium="image">
			<media:title type="html">personas</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/journeys_to_map.jpg" medium="image">
			<media:title type="html">journeys_to_map</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ux_team_skills.jpg" medium="image">
			<media:title type="html">UX Design Skill Set</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/user_journeys.jpg" medium="image">
			<media:title type="html">user_journeys</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/engaging_personas.jpg" medium="image">
			<media:title type="html">engaging_personas</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/user_research_wordle.jpg" medium="image">
			<media:title type="html">user_research_wordle</media:title>
		</media:content>
	</item>
		<item>
		<title>Thinking out of the Boxes and Arrrows</title>
		<link>http://afluxstate.wordpress.com/2011/11/21/thinking-out-of-the-i-boxes-and-arrrows/</link>
		<comments>http://afluxstate.wordpress.com/2011/11/21/thinking-out-of-the-i-boxes-and-arrrows/#comments</comments>
		<pubDate>Mon, 21 Nov 2011 00:56:36 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>
		<category><![CDATA[IWM14 Assignment]]></category>
		<category><![CDATA[B.J. Fogg]]></category>
		<category><![CDATA[Behavioural Model]]></category>
		<category><![CDATA[business context]]></category>
		<category><![CDATA[Captology]]></category>
		<category><![CDATA[Computers As Persuasive Technologies]]></category>
		<category><![CDATA[Don Norman]]></category>
		<category><![CDATA[Fast Co Design]]></category>
		<category><![CDATA[group think]]></category>
		<category><![CDATA[Human-Centered Design]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Jason Furnell]]></category>
		<category><![CDATA[Persuasion Principles]]></category>
		<category><![CDATA[Robert Caldini]]></category>
		<category><![CDATA[Social iA]]></category>
		<category><![CDATA[system thinking]]></category>
		<category><![CDATA[user-centered design]]></category>
		<category><![CDATA[user-centric]]></category>
		<category><![CDATA[UX Design]]></category>
		<category><![CDATA[UX Magazine]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=542</guid>
		<description><![CDATA[INTRODUCTION As part of this project, I thought it would be interesting to seek out dissenting voices that were challenging accepted UCD wisdom because, as General Patton once said, &#8220;If everyone is thinking the same thing, someone is not thinking!&#8221; One article that seemed to cause some controversy in UX circles was &#8220;Companies should lead [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=542&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p style="text-align:left;"><strong>INTRODUCTION</strong><br />
As part of this project, I thought it would be interesting to seek out dissenting voices that were challenging accepted UCD wisdom because, as <em>General Patton</em> once said, &#8220;If everyone is thinking the same thing, someone is not thinking!&#8221;<small><em></em></small></p>
<p style="text-align:left;"><a href="http://afluxstate.files.wordpress.com/2011/11/think_different4.jpg"><img class="aligncenter  wp-image-547" title="Think_different" src="http://afluxstate.files.wordpress.com/2011/11/think_different4.jpg?w=307&#038;h=218" alt="" width="307" height="218" /></a></p>
<p style="text-align:left;"><span id="more-542"></span></p>
<p>One article that seemed to cause some controversy in UX circles was &#8220;<a href="http://www.fastcodesign.com/1663220/user-led-innovation-cant-create-breakthroughs-just-ask-apple-and-ikea"><em>Companies should lead their users, not the other way around</em></a><em>&#8220;</em> by Fast Co Design:</p>
<blockquote>
<p style="text-align:left;">&#8220;The user is king. It’s a phrase that’s repeated over and over again as a mantra: Companies must become user-centric. But there’s a problem: It doesn’t work. Here’s the truth: Great brands lead users, not the other way around.&#8221;</p>
<p style="text-align:left;"><small>Hansen, R. B., Skibsted, J.M. (2010).,<em> <a href="http://www.fastcodesign.com/1663220/user-led-innovation-cant-create-breakthroughs-just-ask-apple-and-ikea">User-Led Innovation Can&#8217;t Create Breakthroughs; Just Ask Apple and Ikea</a></em></small></p>
</blockquote>
<p style="text-align:left;">Perhaps more surprising was the essay by the author, usability engineer and former advocate of <em>user-centered design </em>philosphy<em>,</em> <em>Don Norman</em>, where he argues that the related <em>Human-Centered Design</em> principles can be harmful:</p>
<blockquote>
<p style="text-align:left;">&#8220;Human-Centered Design has become such a dominant theme in design that it is now accepted by interface and application designers automatically, without thought, let alone criticism. That’s a dangerous state — when things are treated as accepted wisdom. &#8230; These [Human-Centered Design] principles, I suggest, can be helpful, misleading, or wrong. At times, they might even be harmful.&#8221;</p>
<p style="text-align:center;"><small>Norman, D. (2005). <em><a href="http://www.jnd.org/dn.mss/human-centered_design_considered_harmful.html">Human-Centered Design Considered Harmful</a></em></small></p>
</blockquote>
<p style="text-align:left;"><strong>CROSS CUTTING THEMES</strong><br />
Looking at dissenting voices has helped me define some of the cross-cutting themes which I will explore as part of this project:</p>
<ol>
<li><strong>Aligning business and user goals</strong> or how UX Design does not exist in isolation of the business context:<br />
<blockquote>
<p style="text-align:center;">“a website should simply and clearly embody the business model<br />
that its supporting”<br />
<small>Furnell, J. (2011).<em> <a href="http://jasonfurnell.wordpress.com/2010/10/14/so-whats-the-business-model-the-business-model-canvas/">So whats the business model? – The Business Model Canvas</a></em></small></p>
</blockquote>
</li>
<li><strong>How to avoid User-Centred Design leading to sameness</strong>:
<p style="text-align:center;">&#8220;a user-centric design focus creates sameness and<br />
stifles creativity and innovation&#8221;<br />
<em><small>Hansen, R. B., Skibsted, J.M, 2010.,<em> <a href="http://www.fastcodesign.com/1663220/user-led-innovation-cant-create-breakthroughs-just-ask-apple-and-ikea">User-Led Innovation Can&#8217;t Create Breakthroughs; Just Ask Apple and Ikea</a></em></small></em></p>
</li>
<li><strong>The rise of Social iA</strong>: a more social and fragmented web poses new and interesting IA/UX challenges:<br />
<blockquote><p>&#8220;Social Information Architecture, also known as Social iA has become more relevant because of the rise of social media and Web 2.0 in recent times&#8221;<em> <a href="http://en.wikipedia.org/wiki/Social_information_architecture">Wikipedia</a></em></p></blockquote>
</li>
</ol>
<p><strong>ALIGNING BUSINESS AND USER GOALS<br />
</strong>In the <em>Reflections</em> section of my <em><a href="http://afluxstate.wordpress.com/2011/11/19/initial-discovery-phase/">Initial Discovery Phase</a> </em> post I mentioned that it had taken me some time to understand how <em>Peter Morville</em>&#8216;s <a href="http://semanticstudios.com/publications/semantics/000029.php"><em>User Experience Honeycomb</em></a> diagram was a means of thinking about how the user experience could be improved to help the client achieve their objectives. I&#8217;d also found the <em><a href="http://www.uxforthemasses.com/blog/wp-content/uploads/2011/01/UX-designer-skill-set.pdf" target="_blank">A good UX designer’s T-shaped skill set</a></em> diagram on <em><a href="http://www.uxforthemasses.com/">UX for the masses</a></em> useful, particularly when I mapped it unto the <a href="http://electricelephant.com/uni/IWM14/design%20process%20diagram.png">UCD Process</a> we&#8217;re following on this project.</p>
<div id="attachment_720" class="wp-caption aligncenter" style="width: 394px"><a href="http://afluxstate.files.wordpress.com/2011/11/ucd_process_skills2.jpg"><img class=" wp-image-720 " title="UCD_Process_skills" src="http://afluxstate.files.wordpress.com/2011/11/ucd_process_skills2.jpg?w=384&#038;h=329" alt="" width="384" height="329" /></a><p class="wp-caption-text">UCD Process Skill Set</p></div>
<p>I concluded that both the business and user focus would need to be taken into account at every stage of the process, and that the customer experience would also need to be looked at more holistically, i.e. beyond the problems that can be solved by UCD and UXD alone. Apple are a good example of this more holistic thinking, and perhaps because Steve Jobs was not only CEO, but head of product development, customer experience, etc:</p>
<blockquote>
<p style="text-align:center;">“Steve did his market research by looking into the mirror every morning”<br />
<a href="http://www.rogerhamilton.com/new/?p=227">Apple’s head of marketing, Mike Murray</a></p>
</blockquote>
<p><strong>AVOIDING SAMENESS<br />
</strong>Thinking about how to align client and user goals doesn&#8217;t really address the issue raised by <em>Jens Skibsted</em> and <em>Rasmus Hansenon</em> on<em> <a href="http://www.fastcodesign.com/1663220/user-led-innovation-cant-create-breakthroughs-just-ask-apple-and-ikea">Fast Co Design</a></em> about how a user-centric design focus is creating sameness and and stifling creativity and innovation. The counter-argument by <em>Lawrence Kitson</em> on <em><a href="http://uxmag.com">UX Magazine</a></em> is that &#8220;User-Centered Does Not Equal What the User Wants&#8221;:</p>
<blockquote><p>&#8220;But UX professionals already know the risks associated with improper research methods and the dubious value of such information. This approach of taking raw findings and applying them directly to designs or products is called <em>user-led design</em>, and its weakness is in failing to use the skills of experts to verify and extract user <em>needs</em>.&#8221;</p>
<p style="text-align:center;"><small>Kitson, L. (2011). <a href="http://uxmag.com/articles/user-led-does-not-equal-user-centered"><em>User-Led Does Not Equal User-Centered</em></a></small></p>
</blockquote>
<p style="text-align:left;">Interestingly, <em>adaptive path</em>&#8216;s founder <em><a href="http://adaptivepath.com/about/team/peter-merholz">Peter Merholz</a></em> acknowledges UCD&#8217;s shortcomings but still finds it useful:</p>
<blockquote>
<p style="text-align:left;">&#8220;&#8230; user-centered design practice is often guilty of what people claim it is often guilty of, but which UCD practitioners typically deny: it&#8217;s fine for improving existing products, but poor at generating interesting new products and services that can satisfy unmet needs. (As a consultant and supposed thought leader, I am now obliged to mention faster horses.) Now, I think that user-centered design can be successfully used to chart future paths, but it requires a more open, expansive, and playful mindset than is usually employed.&#8221;</p>
<p style="text-align:left;"><small>Merholz, P. (2011). <a href="http://adaptivepath.com/ideas/how-do-you-know-when-the-market-is-ready-skype-video-calls-and-ucds-shortco"><em>How Do You Know When the Market is Ready? Skype, Video Calls, and UCD’s Shortcomings</em></a></small></p>
</blockquote>
<p>There hasn&#8217;t really been a chance  to employ a more &#8220;open, expansive, and playful mindset&#8221; on this project.  We do get a chance to think more freely and creatively on the <em>DM19 Creative Design Module</em>, but it&#8217;s carried out as part of idea generation on &#8216;fantasy&#8217; projects. So it was interesting to see <em>David Armano</em>&#8216;s <a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html">Experience Map</a>, which attempts to &#8220;illustrate what an &#8220;ideal&#8221; scenario might look like when planning, architecting and designing an interactive experience&#8221;:</p>
<div id="attachment_722" class="wp-caption aligncenter" style="width: 394px"><a href="http://afluxstate.files.wordpress.com/2011/11/ideation.jpg"><img class=" wp-image-722 " title="Experience Map" src="http://afluxstate.files.wordpress.com/2011/11/ideation.jpg?w=384&#038;h=253" alt="" width="384" height="253" /></a><p class="wp-caption-text">Modified Experience Map</p></div>
<p style="text-align:center;"><small>Armano, D., 2006. <a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html"><em>Experience Map?</em></a><small></small></small></p>
<p>I&#8217;ve modified the diagram to highlight both the <em>Uncover </em>and<em> Ideate </em>stages<em>. </em>The<em> uncover </em>stage is where problems and solutions are identified, so that &#8216;business and user goals can be aligned&#8217;. But it&#8217;s the creative problem solving during the <em>Ideate </em>stage where sameness can be avoided in <em>User-Centric Design</em>. I&#8217;ve linked these stages as I think they are two sides of the same coin, i.e. the <em>Ideate</em> stage should be where the creative thinking occurs in order to try and develop solutions to problems identified in the <em>Uncover</em> stage.</p>
<p><strong>Mind Mapping Experiment</strong><br />
With the above in mind I thought it would be interesting to see if I could try and think differently about our project. The mind map below was just a little dot-joining experiment that provided me with a framework for reflecting on the themes above. I was also trying to both define the problem and think more creatively about the solution:</p>
<blockquote>
<p style="text-align:center;">“Whoever is best able to describe the problem<br />
is the person most likely to solve it.” Dan Roam</p>
<p style="text-align:center;"><small><a href="http://undercoverux.com/">Going Under Cover: <em>Undercover User Experience Design</em></a></small></p>
</blockquote>
<div id="attachment_553" class="wp-caption aligncenter" style="width: 452px"><a href="http://afluxstate.files.wordpress.com/2011/11/newmindmap.jpg"><img class=" wp-image-553   " title="newmindmap" src="http://afluxstate.files.wordpress.com/2011/11/newmindmap.jpg?w=442&#038;h=350" alt="" width="442" height="350" /></a><p class="wp-caption-text">The Bigger Picture?</p></div>
<p>I&#8217;m not actually trying to solve the <em>Food Co-op</em>&#8216;s real problems here, but thinking as if I am helps me get a better understand of the practical application of UCD and its limitations.</p>
<p>Although a detailed answer to this question is not within the scope of this project, it did point me to an interesting space called <em><a href="http://en.wikipedia.org/wiki/Captology">Captology</a></em> (Computers as Persuasive Technologies) where social science overlaps with interactive design. UX Magazine recently looked at how <em>B.J. Fogg’s <a href="http://behaviormodel.org/">Behavioural Model</a> </em><em></em><em>and Caldini</em>‘s ‘<em><a href="http://en.wikipedia.org/wiki/Robert_Cialdini">Persuasion Principles&#8217;</a></em> fit into a simplified history of user experience:</p>
<blockquote>
<ul>
<li><strong>Human-computer interaction</strong> is about paying attention to people and their relationship with computing.</li>
<li><strong>Information architecture</strong> is about making things findable.</li>
<li><strong>Interaction design</strong> is about making things usable.</li>
<li><strong>Content strategy</strong> is about making things meaningful.</li>
<li><strong>Experience design</strong> is about making things seamless.</li>
<li><strong>Persuasive design</strong> is about making things influential.</li>
</ul>
</blockquote>
<p>The theory being that the &#8220;trend goes towards deeper meanings and bigger impacts&#8221;:</p>
<p style="text-align:center;"><img class="aligncenter" title="Influencing behaviour through Persuasive Design" src="http://uxmag.com/uploads/baxterpersuasivedesign/chart.png" alt="" width="442" height="122" /><small>Baxter, L. (2011) <em><a href="http://uxmag.com/articles/why-persuasive-design-should-be-your-next-skill-set">Why Persuasive Design Should Be Your Next Skill Set </a></em></small></p>
<p>One simple way we might have been able to experiment with this kind of psychologically informed design approach would have been to have used something like <em>Stephen Anderson</em>’s <em><a href="http://www.getmentalnotes.com/" target="_blank">Mental Notes cards</a></em>. The idea being to use the cards as a brainstorming tool to explore how insights into human behavior can be practically applied as part of the web design and application development process.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/11/mental_note_cards.jpg"><img class="aligncenter  wp-image-845" title="mental_note_cards" src="http://afluxstate.files.wordpress.com/2011/11/mental_note_cards.jpg?w=360&#038;h=328" alt="" width="360" height="328" /></a></p>
<p><strong>THE RISE OF SOCIAL iA</strong><br />
Another aspect of the <em>Food Co-op</em> project that fascinated me, and that was how the majority of the communication between organisers and members happened face-to-face or via Twitter and Facebook rather than their blog. The rise of social media poses challenges for Information Architecture and UCD, often described as issues of Social Information Architecture or Social IA. In this context I found Gene Smith&#8217;s <em><a href="http://nform.com/publications/social-software-building-block">social software honeycomb</a></em> diagram useful. It was also interesting to compare <em>Smith</em>&#8216;s honeycomb diagram with <em>Peter Morville</em>&#8216;s &#8216;<a href="http://semanticstudios.com/publications/semantics/000029.php">user experience</a>&#8216; one. <em>Morville</em>&#8216;s diagram is a way of illustrating &#8220;the facets of user experience&#8221;, whereas <em>Smith</em>&#8216;s is a framework for &#8220;thinking about how social software works&#8221;. So the two are not directly comparable, but I felt that looking at both, as well as the earlier Information Architecture diagram, helped me make sense of what we&#8217;re doing as a group and why, as well as where things might be heading.</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/ia_ux_social_ia.jpg"><img class="aligncenter size-full wp-image-606" title="ia_ux_social_ia" src="http://afluxstate.files.wordpress.com/2011/11/ia_ux_social_ia.jpg?w=480" alt=""   /></a></p>
<p>At times it did seem like diagrams were talking to diagrams, similar to the way that <em>Umberto</em> <em>Eco</em> writes about book talking to books in <em>Foucault&#8217;s Pendulum </em>(see <em>The Guardian</em> <a href="http://www.guardian.co.uk/books/1989/oct/12/fiction.jonathancoe1">review</a>). I was hoping that using these diagrams as a means of thinking differently about the project might lead to the kind of <em>Innovation by Boundary Shifting</em> that <em><a href="http://en.wikipedia.org/wiki/John_Christopher_Jones">John Christopher Jones</a></em> discusses in his <em>Design Methods </em>book. The mind mapping process mentioned above was actually more helpful in this respect.</p>
<p><strong>REFLECTIONS<br />
</strong>As mentioned above, my mind map was really a do- joining exercise, which was in part inspired by <em>Harry Beck</em>&#8216;s <a href="n.wikipedia.org/wiki/Tube_map">London Underground map</a>. The process helped me see that the answer to to the <em>Co-op</em>&#8216;s problems might be the use of social influencers rather than just incorporating <em>Persuasive Design</em> as part of the UX Design Process (see <em><a href="http://www.fastcompany.com/1694127/cool-teenagers-use-peer-pressure-to-prevent-smoking">Cool Teenagers Use Peer Pressure to Prevent Smoking</a>, </em>Fast Company 2010).</p>
<p>Using creative thinking and problem solving techniques in the mind mapping process also helped me look at the problem of &#8216;sameness&#8217; in a different way. It helped me look at the cross-cutting themes and our project outside the confines of structures, hierarchies, user mental models, and tasks, etc.</p>
<div id="attachment_752" class="wp-caption aligncenter" style="width: 460px"><a href="http://afluxstate.files.wordpress.com/2011/11/gestalt1.jpg"><img class="size-full wp-image-752" title="gestalt" src="http://afluxstate.files.wordpress.com/2011/11/gestalt1.jpg?w=480" alt=""   /></a><p class="wp-caption-text">A Line of Enquiry?</p></div>
<p style="text-align:left;">Lastly, the exercise made me realise that there is an interesting space to investigate where where <em>Business</em> or <em>Social Context</em>, <em>Captology</em> and <em>Social iA</em> overlap (see diagram below). I could see how<em> David Armano</em>&#8216;s &#8216;Experience Map&#8217;, mentioned above, might map onto it, which helped me understand how <em>Captology</em> could be incorporated as part of an <em>Interdisciplinary</em> team during the <em>Ideation</em> process. My diagrams now seemed to be not only talking to those that I&#8217;ve seen, but also each other. Perhaps I will be able to pursue this line of enquiry in another module, or in independent research.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/11/out_of_the_box.jpg"><img class="aligncenter size-full wp-image-836" title="out_of_the_box" src="http://afluxstate.files.wordpress.com/2011/11/out_of_the_box.jpg?w=480" alt=""   /></a><small><a href="http://www.wordle.net/">Wordle Page Analysis</a></small></p>
<p style="text-align:left;"><strong>REFERENCES</strong><br />
Hansen, R. B., Skibsted, J.M. (2010)., U<em>ser-Led Innovation Can&#8217;t Create Breakthroughs; Just Ask Apple and Ikea</em>  [online] (Updated 15 Feb 2011) Available at: &lt;<a href="http://www.fastcodesign.com/1663220/user-led-innovation-cant-create-breakthroughs-just-ask-apple-and-ikea">http://www.fastcodesign.com/1663220/user-led-innovation-cant-create-breakthroughs-just-ask-apple-and-ikea</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Norman, D. (2005). <em>Human-Centered Design Considered Harmful</em> [online] Available at: &lt;<a href="http://www.jnd.org/dn.mss/human-centered_design_considered_harmful.html">http://www.jnd.org/dn.mss/human-centered_design_considered_harmful.html</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Furnell, J. (2010). <em>So whats the business model ? – The Business Model Canvas </em>[online] (Updated on 14 October 2010) Available at: &lt;<a href="http://jasonfurnell.wordpress.com/2010/10/14/so-whats-the-business-model-the-business-model-canvas/">http://jasonfurnell.wordpress.com/2010/10/14/so-whats-the-business-model-the-business-model-canvas/</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Wikipedia (2011). <em>Social information architecture</em> [online] (Updated on 2 Dec 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Social_information_architecture">http://en.wikipedia.org/wiki/Social_information_architecture</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Morville, P., (2004). <em>User Experience Design </em>[online] (Update 21 June 2004) Available at: &lt;<a href="http://semanticstudios.com/publications/semantics/000029.php">http://semanticstudios.com/publications/semantics/000029.php</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">UX for the masses (2011). <em>What makes a good UX designer?</em> [online] (Updated on 11 Jan 2011) Available at: &lt;<a href="http://www.uxforthemasses.com/what-makes-good-ux-designer/">http://www.uxforthemasses.com/what-makes-good-ux-designer/</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Kitson, L. (2011). <em>User-Led Does Not Equal User-Centered</em> [online] (UX Magazine: Updated on 17 March 2011) Available at: &lt;<a href="http://uxmag.com/articles/user-led-does-not-equal-user-centered">http://uxmag.com/articles/user-led-does-not-equal-user-centered</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Merholz, P. (2011). <em>How Do You Know When the Market is Ready? Skype, Video Calls, and UCD’s Shortcomings  </em>[online] (Updated on 26 May 2011) Available at: &lt;<a href="http://adaptivepath.com/ideas/how-do-you-know-when-the-market-is-ready-skype-video-calls-and-ucds-shortco">http://adaptivepath.com/ideas/how-do-you-know-when-the-market-is-ready-skype-video-calls-and-ucds-shortco</a>&gt; [Accessed 11 December 2011]<em></em></p>
<p style="text-align:left;"><em>Armano, D., (2006). <em>The Experience Map </em></em>[online] (Updated 20 April 2006) Available at: &lt;<a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html">http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Bowles, C., Box, J. (2011).  <em>Undercover User Experience Design,</em> Chapter 2 Exploring the Problem</p>
<p style="text-align:left;">Wikipedia (2011). <em>Captology</em> [online] (Updated on 9 Nov 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Captology">http://en.wikipedia.org/wiki/Captology</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Fogg, B.J. (2010).<em> BJ Fogg&#8217;s Behavior Model</em> [online] Available at: &lt;<a href="http://behaviormodel.org/">http://en.wikipedia.org/wiki/Captology</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Wikipedia (2011). <em>Robert Caldini</em> [online] (Updated on 17 Oct 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Robert_Cialdini">http://en.wikipedia.org/wiki/Robert_Cialdini</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Baxter, R. (2011). <em>Why Persuasive Design Should Be Your Next Skill Set </em>[online] (UX Magazine: Updated on 7 June 2011) Available at: &lt;<a href="http://uxmag.com/articles/why-persuasive-design-should-be-your-next-skill-set">http://uxmag.com/articles/why-persuasive-design-should-be-your-next-skill-set</a>&gt; [Accessed 11 December 2011]</p>
<p style="text-align:left;">Smith, G., (2007). <em>Social Software Building Blocks</em> [online] (Updated 4 April 2007) Available at: &lt;<a href="http://nform.com/publications/social-software-building-block">http://nform.com/publications/social-software-building-block</a>&gt; [Accessed 11 December 2011]</p>
<p>Coe, J. (1989). <em>The heights of lowdown &#8216;Foucault&#8217;s Pendulum&#8217; by Umberto Eco translated by William Weaver</em>. The Guardian [online] (Updated on 12 October 2011) Available at: &lt;<a href="http://www.guardian.co.uk/books/1989/oct/12/fiction.jonathancoe1">http://www.guardian.co.uk/books/1989/oct/12/fiction.jonathancoe1</a>&gt; [Accessed 11 December 2011]</p>
<p>Jone, J.C. (1992) <em>Design Methods</em>. p. 101</p>
<p>Wikipedia (2011). <em>Robert Caldini</em> [online] (Updated on 7 December 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Tube_map">http://en.wikipedia.org/wiki/Tube_map</a>&gt; [Accessed 11 December 2011]</p>
<p>Nerenberg, J. (2010). <em>Cool Teenagers Use Peer Pressure to Prevent Smoking</em> [online] (Fast Company: Updated on 11 October 2010) Available at: &lt;<a href="http://www.fastcompany.com/1694127/cool-teenagers-use-peer-pressure-to-prevent-smoking">http://www.fastcompany.com/1694127/cool-teenagers-use-peer-pressure-to-prevent-smoking</a>&gt; [Accessed 11 December 2011]</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/542/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/542/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/542/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/542/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/542/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/542/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/542/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/542/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/542/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/542/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/542/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/542/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/542/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/542/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=542&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/11/21/thinking-out-of-the-i-boxes-and-arrrows/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/think_different4.jpg" medium="image">
			<media:title type="html">Think_different</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ucd_process_skills2.jpg" medium="image">
			<media:title type="html">UCD_Process_skills</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ideation.jpg" medium="image">
			<media:title type="html">Experience Map</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/newmindmap.jpg?w=1024" medium="image">
			<media:title type="html">newmindmap</media:title>
		</media:content>

		<media:content url="http://uxmag.com/uploads/baxterpersuasivedesign/chart.png" medium="image">
			<media:title type="html">Influencing behaviour through Persuasive Design</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/mental_note_cards.jpg" medium="image">
			<media:title type="html">mental_note_cards</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ia_ux_social_ia.jpg" medium="image">
			<media:title type="html">ia_ux_social_ia</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/gestalt1.jpg" medium="image">
			<media:title type="html">gestalt</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/out_of_the_box.jpg" medium="image">
			<media:title type="html">out_of_the_box</media:title>
		</media:content>
	</item>
		<item>
		<title>Competitive Analysis and Site Objectives</title>
		<link>http://afluxstate.wordpress.com/2011/11/19/competitive-analysis-and-site-objectives/</link>
		<comments>http://afluxstate.wordpress.com/2011/11/19/competitive-analysis-and-site-objectives/#comments</comments>
		<pubDate>Sat, 19 Nov 2011 23:12:40 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>
		<category><![CDATA[IWM14 Assignment]]></category>
		<category><![CDATA[Boxes and Arrows]]></category>
		<category><![CDATA[Comparable Analyses]]></category>
		<category><![CDATA[concept mapping tool]]></category>
		<category><![CDATA[content inventory]]></category>
		<category><![CDATA[information architecture process]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[legend]]></category>
		<category><![CDATA[Mapping an Information Space]]></category>
		<category><![CDATA[nformation Architecture for the World Wide Web]]></category>
		<category><![CDATA[Paparazzi]]></category>
		<category><![CDATA[Rosenfeld & Morville]]></category>
		<category><![CDATA[screenshot utility]]></category>
		<category><![CDATA[Site Diagrams]]></category>
		<category><![CDATA[Sitemaps]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[touchpoints]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=507</guid>
		<description><![CDATA[INTRODUCTION Following on from the Initial Discovery Phase, I&#8217;ll now look at our Competitive Analysis. The ‘UX Team of One‘ Framework I&#8217;m using for this analysis, splits this stage into the following activities: Identify Competitors Identify Comparators Do an audit Evaluate structure, segments, ease of use, quality of content, unique features &#8230; EXISTING SITE ANALYSIS I&#8217;ve [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=507&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>INTRODUCTION</strong><br />
Following on from the <a href="../">Initial Discovery Phase</a>, I&#8217;ll now look at our <em>Competitive Analysis</em>. The ‘<em></em><a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one"><em>UX Team of One</em></a>‘ Framework I&#8217;m using for this analysis, splits<em></em> this stage into the following activities:</p>
<ul>
<li>Identify Competitors</li>
<li>Identify Comparators</li>
<li>Do an audit</li>
<li>Evaluate structure, segments, ease of use, quality of content, unique features &#8230;</li>
</ul>
<div id="attachment_430" class="wp-caption aligncenter" style="width: 298px"><a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one"><img class=" wp-image-430  " title="competitive_analysis" src="http://afluxstate.files.wordpress.com/2011/10/competitive_analysis.jpg?w=288&#038;h=285" alt="" width="288" height="285" /></a><p class="wp-caption-text">UX Design Process: Competitive Analysis</p></div>
<p style="text-align:left;"><span id="more-507"></span></p>
<p><strong>EXISTING SITE ANALYSIS</strong><br />
I&#8217;ve included our <em>Analysis of the existing site</em> as part of my reflection because I&#8217;d originally thought it was going to inform our <em>competitive review</em> together with other findings from the initial <em>Discovery</em> stage:</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/10/arrows.jpg"><img class="aligncenter" title="arrows" src="http://afluxstate.files.wordpress.com/2011/10/arrows.jpg?w=300&#038;h=83" alt="" width="300" height="83" /></a><br />
In the end things weren&#8217;t quite as integrated at this stage as I&#8217;d originally imagined because the list of items we chose to analyse on our <em>competitive review</em> wasn&#8217;t based on the findings from the <em>existing site analysis</em>. This was partly to do with the limited nature of the <em>UoB Food Co-op</em>&#8216;s blog. The findings from both were, however, compared later in the project when we were developing our <em>personas</em> and their <em>task scenarios</em>.</p>
<p>There were a number of different frameworks for site analysis to choose from. I chose a top-down hierarchical approach because as Rosenfeld &amp; Morville explain in their <cite>Information Architecture for the World Wide Web</cite> book, hierarchies are &#8220;usually a good place to start the information architecture process&#8221; as they &#8220;provide a simple and familiar way to organize information&#8221;:</p>
<blockquote><p>&#8220;The top-down approach allows you to quickly get a handle on the scope of the web site without going through an extensive content inventory process. You can begin identifying the major content areas and exploring possible organization schemes that will provide access to that content.&#8221; (First Edition, February 1998; p. 33)</p></blockquote>
<p>I also looked at other ways of mapping the pages and content of the <em>U0B Food Coop Site</em>, including:</p>
<ul>
<li><a href="http://www.boxesandarrows.com/view/the_lazy_ia_s_guide_to_making_sitemaps">Boxes and Arrows: The Lazy IA&#8217;s Guide to Making Sitemaps</a></li>
<li><a href="http://boxesandarrows.com/view/site_diagrams_mapping_an_information_space">Boxes and Arrows: Site Diagrams: Mapping an Information Space</a></li>
<li><a href="http://www.jjg.net/ia/visvocab/">Jesse James Garrett: A visual vocabulary for describing information architecture and interaction design</a></li>
</ul>
<p>There seemed to be different conventions for numbering levels and displaying pages, such as using rectangles with rounded edges for dynamic pages, brackets for outbound links, etc. I  opted for a map that was as simple as possible in order to reflect the limited nature of the site and show how the <em>Food Co-op</em>&#8216;s web presence is fragmented across a number of social media touchpoints.</p>
<div class="wp-caption aligncenter" style="width: 390px"><a href="http://afluxstate.files.wordpress.com/2011/10/uob_foodcoop_site_map2.jpg"><img title="Uob Food Co-op Site Map" src="http://afluxstate.files.wordpress.com/2011/10/uob_foodcoop_site_map2.jpg?w=380&#038;h=262" alt="" width="380" height="262" /></a><p class="wp-caption-text">Uob Food Co-op Site Map</p></div>
<p>I also experimented with a site map made up of screen shots in order to analyse key screens and processes, and as part of creating a content inventory.</p>
<div class="wp-caption aligncenter" style="width: 356px"><a href="http://afluxstate.files.wordpress.com/2011/10/foodco-op-map.jpg"><img class=" " title="UoB Food Co-op Alternative Site Map" src="http://afluxstate.files.wordpress.com/2011/10/foodco-op-map.jpg?w=346&#038;h=173" alt="" width="346" height="173" /></a><p class="wp-caption-text">UoB Food Co-op Alternative Site Map</p></div>
<p>The simple content inventory I produced from these two maps, has been submitted as part of the group deliverables. At the same time, I also analysed the <em>Food Co-op</em>&#8216;s other online (social media) touch points as part of a broader look at their content, communication activities and other interactions with users. This additional research has also been added to the group deliverables.</p>
<p>It was interesting to see how much they relied on free social media tools like Twitter, Facebook and Gmail for their communication and interaction with members. This pointed to some of the challenges posed by the rise of social media, particularly when it comes to designing <em>personalised</em> user experiences. I&#8217;ll explore this theme in another post, but it was interesting to note that it was an information architect who coined the term <a href="http://en.wikipedia.org/wiki/Web_2.0">Web 2.0</a>. Darcy DiNucci&#8217;s may not have used the term as it is currently understood, but her &#8220;Fragmented Future&#8221; article from 1999 did hint at the design challenges posed by the evolving web and emerging technologies.</p>
<p><strong>COMPETITORS AND COMPARATORS</strong><br />
I spent quite a bit of time researching competitive review approaches. I found <em>Rosenfeld &amp; Morville</em>’s distinction between <em>Competitive</em> and <em>Comparable</em> <em>Analysis</em> a really useful way of evaluating our <em>competitive review</em> choices<cite><em> (</em></cite><em><cite>Information Architecture for the World Wide Web</cite>, </em>Second Edition, <a href="http://books.google.co.uk/books?id=2d2Ry2hZc2MC&amp;pg=PA374&amp;lpg=PA374&amp;dq=information+architecture+competitor+site+review&amp;source=bl&amp;ots=olcjup0Py9&amp;sig=1wiWn4ftFmHh5g8ngGwihW2AvmE&amp;hl=en&amp;ei=IYegTr7AEIKi8QPLmYnZBQ&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=3&amp;ved=0CFAQ6AEwAg#v=onepage&amp;q=information%20architecture%20competitor%20site%20review&amp;f=false">p. 374-375</a>).</p>
<p><a href="http://www.abelandcole.co.uk">Abel &amp; Cole</a>, <a href="http://www.infinityfoods.co.uk">Infinity Foods</a>, <a href="http://www.milkandmore.co.uk">Milk &amp; More</a> and <a href="http://www.barcombenurseries.co.uk">Barcombe Nurseries</a> may all provide <em>comparable</em> fruit and veg boxes, healthy food or delivery services, but none are actually <em>competitors</em>. In hindsight I think we should have probably only chosen one of these sites, perhaps the market leader <em>Abel &amp; Cole</em>. It&#8217;s just that there are possibly better <em>comparator</em> sites to have chosen, such as another student food co-op facing similar challenges, e.g. <em><a title="SOAS Food Co-op" href="http://soasfoodcoop.wordpress.com/" rel="home">SOAS Food Co-op</a>.</em></p>
<p>As far as competitors are concerned, then <em>Asda</em> was chosen because it&#8217;s another supplier of cheap fruit and veg. <em>Dominos Pizza</em> was chosen because it seemed to fit the &#8220;Good to have a very different to you&#8221; example from Cath Jones&#8217; <em><a href="http://electricelephant.com/uni/IWM14/Competitor%20reviews.docx">competitor review</a></em> exercise. I&#8217;d suggested <em>Dominos</em> after seeing a banner ad on the Student Union website. In addition, I&#8217;d seen research which suggested that the <em>UoB Food Co-op</em> is really competing against the fast food food industry, not other suppliers of more expensive organic fruit and veg boxes (see <em><a href="http://www.guardian.co.uk/education/2010/nov/09/male-students-eating-habits">&#8216;Male students eschew balanced diet in favour of supplements</a>&#8216;</em>, <a href="http://www.guardian.co.uk/theguardian">The Guardian</a>, 9/11/2010).<br />
<em></em></p>
<p><strong>AUDIT METHODOLOGY AND EVALUATION ANALYSIS</strong><br />
The problem I found with the <em>Competitive Analysis</em> stage is that there&#8217;s an infinite amount of ways by which to compare sites:</p>
<blockquote><p>“They can be as broad as the main navigation categories, or as narrow as the label on a button in a particular area of the site. You’ve made conscious decisions to include certain criteria—maybe they are a standard set used by your client or your company, maybe they were defined ahead of time by the stakeholders, or maybe you devised a special list just for this project.”<small><a href="http://www.digital-web.com/articles/competitive_analysis/"><br />
</a>Brown, D. (2006). <em></em><a href="http://www.digital-web.com/articles/competitive_analysis/"><em>Communicating Design: Developing Web Site Documentation for Design and Planning</em></a></small></p></blockquote>
<p>The challenge was trying to find a way that suited our project. We initially evaluated <em>Competitors and Comparators</em> visually on a computer screen:</p>
<div class="wp-caption aligncenter" style="width: 394px"><a href="http://afluxstate.files.wordpress.com/2011/10/visual_comparison.jpg"><img class=" " title="Visual Comparison" src="http://afluxstate.files.wordpress.com/2011/10/visual_comparison.jpg?w=384&#038;h=186" alt="" width="384" height="186" /></a><p class="wp-caption-text">Visual Comparison</p></div>
<p>These site were then compared and contrasted, in order to produce a list of audit criteria based on the following categories/themes:</p>
<blockquote><p>Home page | Navigation | Platforms | Online Ordering | Product Info | Contact Us/Feedback | Recipes | Search |Site Map | Accessibility | Social Media | About | Blog/News/Editorial | Help/FAQ | Promotions | Links | Community | Health | Eco Info | Registration/Customer Journey | Multimedia | Terms and conditions | Jobs/volunteer/get involved | Organisation | Readability/aesthetics | Performance | Content</p></blockquote>
<p style="text-align:left;">There were a number of problems with this more qualitative research approach, not least because we hadn&#8217;t agreed on a common evaluation approach. As a result, some evaluations were considerably more detailed than others. So we ended up with a large spreadsheet of data, which wasn&#8217;t easy to use for comparing and contrasting sites at a glance:</p>
<div id="attachment_340" class="wp-caption aligncenter" style="width: 330px"><a href="http://afluxstate.files.wordpress.com/2011/10/competitive_review.jpg"><img class=" wp-image-340 " title="competitive_review" src="http://afluxstate.files.wordpress.com/2011/10/competitive_review.jpg?w=320&#038;h=286" alt="" width="320" height="286" /></a><p class="wp-caption-text">Competitor Analysis</p></div>
<p>I looked at a number of alternative options we could have used instead (see sources below), including:</p>
<blockquote>
<ul>
<li>condensed or split categories, e.g. content and functionality.</li>
<li>opt for more general criteria</li>
<li>use simple Yes/No comparison criteria</li>
<li>use more quantitative ranking and ratings</li>
<li>create specific criteria set</li>
</ul>
<ol>
<li><strong>IBM</strong>: <em><a href="http://www.ibm.com/developerworks/webservices/library/us-analysis.html">How to conduct a Web site competitive analysis</a></em></li>
<li><strong>Boxes and Arrows</strong>: <a href="http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context">&#8216;<em>Competitive Analysis: Understanding the Market Context</em></a></li>
<li><strong>Dan Brown</strong>: <em><a href="http://www.digital-web.com/articles/competitive_analysis/">Comparing Pet Web Sites with More Specific Criteria</a></em></li>
</ol>
</blockquote>
<p style="text-align:left;">In hindsight I think the most simple and useful way to have carried out our analysis would have been to compare our existing site with <em>Comparator</em>s and <em>Competitors</em> using the kind of <em>Problem Statements and Responses</em> approach shown below :</p>
<blockquote>
<table border="0" cellspacing="1" cellpadding="4" bgcolor="#cccccc">
<caption>Table 5.7: Problem Statements and Responses</caption>
<tbody>
<tr valign="top">
<th align="left" bgcolor="#bbd9ee">Good Problem Statement</th>
<th align="left" bgcolor="#bbd9ee">Good Answer</th>
</tr>
<tr valign="top">
<td bgcolor="#ffffff">Our site has a feature for allowing customers to add tags to our products. What interface elements do other sites use to support this feature?</td>
<td bgcolor="#ffffff">Sites with tagging features overwhelmingly use a simple text field and ask users to separate tags with spaces. Since tagging is relatively new, nearly every competitor includes a “what is this?” link adjacent to the text field. Upon pressing Return (or Enter), the user gets immediate feedback from the interface that their tags have been added.</td>
</tr>
</tbody>
</table>
</blockquote>
<p style="text-align:center;"><small>(Table 5.7: <a href="http://www.digital-web.com/articles/competitive_analysis_part_2/">Competitive Analysis, Part 2</a>, Dan Brown 2006)</small></p>
<p><strong>SITE OBJECTIVES<br />
</strong>Having compiled our separate reviews of <em>competitor</em> and <em>comparator</em> sites, we then had a brainstorming session where we discussed what we liked and disliked about what we had seen. This session was based on IBM&#8217;s &#8216;<a href="http://www.ibm.com/developerworks/webservices/library/us-analysis.html"><em>How to conduct a Web site competitive analysis</em></a> &#8216; article I&#8217;d seen, which lists a number of items including: <strong></strong>navigation, site organization, links and labels, readability and content. We also looked at other issues, such as aesthetics, multimedia inclusion, online ordering processes, social media and community integration. We then compiled our findings as a set of site requirements.</p>
<div id="attachment_780" class="wp-caption aligncenter" style="width: 334px"><a href="http://afluxstate.files.wordpress.com/2011/11/siterequirements.jpg"><img class=" wp-image-780  " title="siterequirements" src="http://afluxstate.files.wordpress.com/2011/11/siterequirements.jpg?w=324&#038;h=157" alt="" width="324" height="157" /></a><p class="wp-caption-text">Site Requirements</p></div>
<p>These site requirements were then used as part of a role playing exercise I&#8217;d suggested, where we acted as potential ‘end client’ using <em>Clearleft</em>‘s <em><a href="http://clearleft.s3.amazonaws.com/client-worksheet.rtf">‘Client Ideas Sheet</a></em>&#8216; to help define our site objectives. Lastly, I found a &#8216;Project Overview&#8217; and &#8216;Project Definition and Scope&#8217; template document on the <a href="http://iainstitute.org/tools/">tools</a> page of  <em>The Institute of Information Architecture </em>site, which I proposed we modify for our final Site Objectives submission.</p>
<div id="attachment_781" class="wp-caption aligncenter" style="width: 334px"><a href="http://afluxstate.files.wordpress.com/2011/11/site_objectives2.jpg"><img class=" wp-image-781  " title="site_objectives" src="http://afluxstate.files.wordpress.com/2011/11/site_objectives2.jpg?w=324&#038;h=376" alt="" width="324" height="376" /></a><p class="wp-caption-text">Site Objectives</p></div>
<p><strong>CONCLUSION/REFLECTIONS</strong><br />
The <em>Uob Food Co-Op</em>&#8216;s site just isn&#8217;t developed enough to carry the kind of heuristic evaluation recommended by the likes of <em>Cennydd Bowles and James Box</em> in their &#8216;<em><a href="http://undercoverux.com/">Undercover User Experience Design</a></em>&#8216; book (2011), e.g. evaluate structure, segments, ease of use, quality of content, unique features. A simple Problem Statements and Responses approach might have worked better. This would have helped ensure that our <em> exiting site analysis</em> was more integrated with the subsequent comparison and contrasting of the <em>competitors</em> and <em>comparators</em>.</p>
<p>Despite some of the problems mentioned above, conducting this <em>existing site analysis</em> and <em>competitive review process</em> has been a useful learning experience. It&#8217;s helped me understand that there&#8217;s a toolbox of evaluation tools that could be used depending on the project scope:</p>
<ul>
<li> <a href="http://iainstitute.org/tools/">The Information Architecture Institute&#8217;s Tools project</a></li>
<li><em></em><em><a href="http://www.digital-web.com/articles/competitive_analysis">&#8216;Competitive Analysis</a>&#8216;,</em> Dan Brown (2006)</li>
</ul>
<p>It&#8217;s also reinforced the importance of understanding the business context that I discussed in the <em><a title="Permanent Link to Initial Discovery Stage" href="../2011/10/20/initial-discovery-stage/" rel="bookmark">Initial Discovery Stage</a></em> post, particularly with regard to identifying <em>competitors</em> and <em>comparators</em>:</p>
<blockquote><p>“While user-centered design focuses on user needs/tasks, and information architecture focuses on content, these two aspects alone offer an incomplete picture. What is missing is the context: the environment in which the website or web application is used as well as the market in which it exists”</p></blockquote>
<p style="text-align:center;"><small>Withrow, J. (2006) .<a href="http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context"><em>Competitive Analysis: Understanding the Market Context</em></a></small></p>
<p>I found the competitive analysis process we used too constraining. It did not allow us to &#8220;expand the dialogue and the possibilities&#8221;:</p>
<blockquote>
<blockquote><p>&#8220;The final benefit comes from expanded dialogue within the development team, and with other units in your company, about what competitive data means to your strategic direction. Such dialogue can open up new options that would not otherwise have been considered.&#8221;</p>
<p style="text-align:center;"><small>Withrow, J., 2006.<a href="http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context"><em>Competitive Analysis: Understanding the Market Context</em></a></small></p>
</blockquote>
</blockquote>
<p>I felt boxed in by the UX Design Process, and could see why critics might argue that &#8220;a user-centric design focus creates sameness and stifles creativity and innovation&#8221; (Kitson, L., 2011. <a href="http://uxmag.com/articles/user-led-does-not-equal-user-centered"><em>User-Led Does Not Equal User-Centered</em></a>). In conclusion I would say that how to avoid User-Centred Design leading to sameness might be an interesting theme to explore in future posts.</p>
<p style="text-align:center;"><a href="http://www.wordle.net/create"><img class="aligncenter  wp-image-867" title="competitive_review" src="http://afluxstate.files.wordpress.com/2011/11/competitive_review.jpg?w=360&#038;h=207" alt="" width="360" height="207" /></a><small><a href="http://www.wordle.net/">Wordle Page Analysis</a></small></p>
<p><strong>REFERENCES</strong><br />
Buley, L. (2008).<em> How to Be a UX Team of One </em>[online] Available at: &lt;<a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one</a>&gt; [Accessed 11 December 2011]</p>
<p>Rosenfeld, L., Morville, P. (1998). <em>Information Architecture for the World Wide Web, </em>First Edition, p. 33</p>
<p>Boxes and Arrows<a> (2006). <em>The Lazy IA&#8217;s Guide to Making Sitemaps</em></a> <em></em>[online] (Updated: 30 Jan 2011) Available at: &lt;<a href="http://www.boxesandarrows.com/view/the_lazy_ia_s_guide_to_making_sitemaps">http://www.boxesandarrows.com/view/the_lazy_ia_s_guide_to_making_sitemaps</a>&gt; [Accessed 13 December 2011]</p>
<p>Boxes and Arrows (2004): <em>Site Diagrams: Mapping an Information Space</em> [online] (Updated: 30 August 2004) Available at: &lt;<a href="http://boxesandarrows.com/view/site_diagrams_mapping_an_information_space">http://boxesandarrows.com/view/site_diagrams_mapping_an_information_space</a>&gt; [Accessed 13 December 2011]</p>
<p>Jesse James Garrett (2002): <em>A visual vocabulary for describing information architecture and interaction design</em> [online] (Updated: 6 March 2002) Available at: &lt;<a href="http://www.jjg.net/ia/visvocab/">http://www.jjg.net/ia/visvocab/</a>&gt; [Accessed 13 December 2011]</p>
<p>Wikipedia (2011). <em>Web 2.0</em> [online] (Updated on 13 December 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Web_2.0">http://en.wikipedia.org/wiki/Web_2.0</a>&gt; [Accessed 13 December 2011]</p>
<p>DiNucci, Darcy (1999). <em>Fragmented Future</em> [online] Available at: &lt;<a href="http://darcyd.com/fragmented_future.pdf">http://darcyd.com/fragmented_future.pdf</a>&gt; [Accessed 13 December 2011]</p>
<p>The Guardian (2010).<em> Male students eschew balanced diet in favour of supplements&#8217;</em> [online] (Updated on 9 November 2010) Available at: &lt;<a href="http://www.guardian.co.uk/education/2010/nov/09/male-students-eating-habits">http://www.guardian.co.uk/education/2010/nov/09/male-students-eating-habits</a>&gt; [Accessed 13 December 2011]</p>
<p>Brown, D. (2006). <em>Communicating Design: Developing Web Site Documentation for Design and Planning </em>[online] (Updated on 21 August 2006) Available at: &lt;<a href="http://www.digital-web.com/articles/competitive_analysis/">http://www.digital-web.com/articles/competitive_analysis/</a>&gt; [Accessed 13 December 2011]</p>
<p>IBM (2002). <em>How to conduct a Web site competitive analysis </em>[online] (Updated on 1 Oct 2002) Available at: &lt;<a href="http://www.ibm.com/developerworks/webservices/library/us-analysis.html">http://www.ibm.com/developerworks/webservices/library/us-analysis.html</a>&gt; [Accessed 13 December 2011]<em></em></p>
<p>Boxes and Arrows (2006): <em>Competitive Analysis: Understanding the Market Context</em> [online] (Updated on 2 February 2006) Available at: &lt;<a href="http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context">http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context</a>&gt; [Accessed 13 December 2011<a href="http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context">]</a></p>
<p>Brown, D. (2006). <em><a href="http://www.digital-web.com/articles/competitive_analysis/">Comparing Pet Web Sites with More Specific Criteria</a></em> [online] (Updated on 21 August 2006) Available at: &lt;<a href="http://www.digital-web.com/articles/competitive_analysis/">http://www.digital-web.com/articles/competitive_analysis/</a>&gt; [Accessed 13 December 2011]</p>
<p>Brown, D. (2006). <em>Competitive Analysis, Part 2</em> [online] (Updated on 2 October 2006) Available at: &lt;<a href="http://www.digital-web.com/articles/competitive_analysis_part_2/">http://www.digital-web.com/articles/competitive_analysis_part_2/</a>&gt; [Accessed 13 December 2011]</p>
<p>Clearleft (2011) <em>Client Ideas Sheet </em>[online] Available at: &lt;<a href="http://clearleft.s3.amazonaws.com/client-worksheet.rtf">http://clearleft.s3.amazonaws.com/client-worksheet.rtf</a>&gt; [Accessed 13 December 2011]</p>
<p>The Information Architecture Institute (2011). <em>Tools project</em> [online] Available at: &lt;<a href="http://iainstitute.org/tools/">http://iainstitute.org/tools/</a>&gt; [Accessed 13 December 2011]</p>
<p>Brown, D. (2006).<em> Competitive Analysis </em>[online] (Updated on 2 October 2006) Available at: &lt;<a href="http://www.digital-web.com/articles/competitive_analysis">http://www.digital-web.com/articles/competitive_analysis</a>&gt; [Accessed 13 December 2011]</p>
<p>Withrow, J. (2006). <em>Competitive Analysis: Understanding the Market Context</em> <em></em>[online] (Updated on 27 February 2006) Available at: &lt;<a href="http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context">http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context</a>&gt; [Accessed 13 December 2011]</p>
<p>Bowles, C., Box, J. (2011). <em>Undercover User Experience Design,</em> Chapter 2 Exploring the Problem</p>
<p>Kitson, L. (2011). <em>User-Led Does Not Equal User-Centered</em> [online] (UX Magazine: Updated on 17 March 2011) Available at: &lt;<a href="http://uxmag.com/articles/user-led-does-not-equal-user-centered">http://uxmag.com/articles/user-led-does-not-equal-user-centered</a>&gt; [Accessed 11 December 2011]<br />
<a href="http://www.boxesandarrows.com/view/competitive_analysis_understanding_the_market_context"><em><br />
</em></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/507/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/507/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/507/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/507/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/507/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/507/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/507/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/507/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/507/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/507/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/507/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/507/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/507/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/507/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=507&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/11/19/competitive-analysis-and-site-objectives/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/competitive_analysis.jpg" medium="image">
			<media:title type="html">competitive_analysis</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/arrows.jpg" medium="image">
			<media:title type="html">arrows</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/uob_foodcoop_site_map2.jpg" medium="image">
			<media:title type="html">Uob Food Co-op Site Map</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/foodco-op-map.jpg" medium="image">
			<media:title type="html">UoB Food Co-op Alternative Site Map</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/visual_comparison.jpg" medium="image">
			<media:title type="html">Visual Comparison</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/competitive_review.jpg" medium="image">
			<media:title type="html">competitive_review</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/siterequirements.jpg" medium="image">
			<media:title type="html">siterequirements</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/site_objectives2.jpg" medium="image">
			<media:title type="html">site_objectives</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/competitive_review.jpg" medium="image">
			<media:title type="html">competitive_review</media:title>
		</media:content>
	</item>
		<item>
		<title>Initial Discovery Phase</title>
		<link>http://afluxstate.wordpress.com/2011/11/19/initial-discovery-phase/</link>
		<comments>http://afluxstate.wordpress.com/2011/11/19/initial-discovery-phase/#comments</comments>
		<pubDate>Sat, 19 Nov 2011 18:52:42 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>
		<category><![CDATA[IWM14 Assignment]]></category>
		<category><![CDATA[Human Computer Interface]]></category>
		<category><![CDATA[Malcolm Gladwell]]></category>
		<category><![CDATA[Blink: The Power of Thinking Without Thinking]]></category>
		<category><![CDATA[thin slice]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Business Model Canvas]]></category>
		<category><![CDATA[Jason Furnell]]></category>
		<category><![CDATA[Rosenfeld & Morville]]></category>
		<category><![CDATA[Leah Burley]]></category>
		<category><![CDATA[SWOT Reviews]]></category>
		<category><![CDATA[Stakeholder Interviews]]></category>
		<category><![CDATA[Literature Review]]></category>
		<category><![CDATA[Heuristic Review]]></category>
		<category><![CDATA[Secondary Research]]></category>
		<category><![CDATA[Clearleft]]></category>
		<category><![CDATA[field research]]></category>
		<category><![CDATA[ethnographic research]]></category>
		<category><![CDATA[mental models]]></category>
		<category><![CDATA[Undercover User Experience Design]]></category>
		<category><![CDATA[UX Discovery Stage]]></category>
		<category><![CDATA[Client Ideas Sheet]]></category>
		<category><![CDATA[Ethnography]]></category>
		<category><![CDATA[UX matters]]></category>
		<category><![CDATA[Downloadable Facilitator Cards]]></category>
		<category><![CDATA[Cennydd Bowles and James Box]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=493</guid>
		<description><![CDATA[INTRODUCTION As mentioned in my &#8216;Introduction and Group Project Proposal&#8216; post, I&#8217;m using a simple framework for my reflection and analysis, which was inspired by Leah Buley&#8216;s &#8216;How to Be a UX Team of One&#8216; presentation: She breaks up the initial UX Discovery stage, as follows: SWOT Reviews Stakeholder Interviews Literature Review Heuristic Review Secondary Research SWOT [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=493&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>INTRODUCTION</strong><br />
As mentioned in my <em>&#8216;<a title="Introduction and Group Project Proposal" href="../2011/11/19/introduction-and-group-project-proposal/">Introduction and Group Project Proposal</a></em>&#8216; post, I&#8217;m using a simple framework for my reflection and analysis, which was inspired by <em>Leah Buley</em>&#8216;s <a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">&#8216;<em>How to Be a UX Team of One</em></a>&#8216; presentation:</p>
<div class="wp-caption aligncenter" style="width: 284px"><a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one"><img title="UX Discovery Stage" src="http://afluxstate.files.wordpress.com/2011/10/discovery.jpg?w=274&#038;h=247&#038;h=247" alt="" width="274" height="247" /></a><p class="wp-caption-text">UX Discovery Stage</p></div>
<p>She breaks up the initial <em>UX Discovery</em> stage, as follows:</p>
<ul>
<li>SWOT Reviews</li>
<li>Stakeholder Interviews</li>
<li>Literature Review</li>
<li>Heuristic Review</li>
<li>Secondary Research</li>
</ul>
<p><span id="more-493"></span></p>
<p><strong>SWOT REVIEWS AND STAKEHOLDER ANALYSIS</strong><br />
As this is not a commissioned redesign of the <em>Food Co-op</em>&#8216;s website, there wasn&#8217;t an opportunity to conduct a fully fledged <em>stakeholder analysis</em> or indepth <em>contextual interviews </em>with the site owners. What I did do instead is suggest that our group use role play as potential &#8216;end client&#8217; using <em>Clearleft</em>&#8216;s <em><a href="http://clearleft.s3.amazonaws.com/client-worksheet.rtf">&#8216;Client Ideas Sheet</a>&#8216;</em> to help define our site objectives. I also contacted the<em> <a href="http://uobfoodcoop.wordpress.com/">UoB Food Co-Op</a></em> organisers and carried out some informal interviews about their strategic planning considerations:</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/10/plan1.jpg"><img class="aligncenter size-full wp-image-210" title="plan" src="http://afluxstate.files.wordpress.com/2011/10/plan1.jpg?w=480&#038;h=193" alt="" width="480" height="193" /></a></p>
<p>This <a href="http://en.wikipedia.org/wiki/Thin-slicing">thin-slice</a> <em></em>was about as close to a <em>SWOT analysis </em>as we got in terms of their &#8216;business&#8217; objectives and goals, but I was actually more interested in seeing how our group&#8217;s second guessed assumptions compared to the real challenges being faced by the <em>Co-op</em>:</p>
<blockquote>
<p style="text-align:center;">Truly successful decision-making relies on a balance<br />
between deliberate and instinctive thinking.”<br />
<small><em><a title="Malcolm Gladwell" href="http://en.wikipedia.org/wiki/Malcolm_Gladwell">Gladwell, M.</a>, </em>(2005)<em>.<a href="http://en.wikipedia.org/wiki/Blink_%28book%29"> Blink: The Power of Thinking Without Thinking</a></em></small></p>
</blockquote>
<p style="text-align:left;">I did carry out some follow-up research on &#8216;<a href="http://www.onextrapixel.com/2011/02/07/use-swot-analysis-for-your-next-design-project/"><em>SWOT Analysis for Designers</em></a><em>&#8216;</em>, as well as look at the wider <em>&#8216;Defining The Problem&#8217;</em> that <em>Cennydd Bowles and James Box</em> discuss in their <em><a href="http://undercoverux.com/">Undercover User Experience Design</a></em> book. It was also interesting to read interviews with Industry experts on <a href="http://www.smashingmagazine.com/smashing-book-1/learning-from-experts-interviews-and-insights-part-2-of-4/"><em>Smashing Magazine</em></a> about the challenge of translating client business goals into a set of design objectives:</p>
<blockquote>
<p style="text-align:left;">&#8220;<strong>Chris Coyier:</strong> Defining goals is the ideal way to start. It’s so tempting to jump right in and start designing stuff and laying stuff out. You can build a beautiful website jumping right in, but beautiful doesn’t necessarily sell products or inform visitors or build community or accomplish whatever goals the client really wants to achieve.</p>
<p style="text-align:left;">The challenge is that clients may not be able to articulate what those goals are very well. As designers, as people with experience in building websites, we need to help them along in figuring out those goals. If you do this and then accomplish and exceed those goals, you will have some seriously happy clients.&#8221;</p>
</blockquote>
<p><strong><strong>PRIMARY RESEARCH: </strong>FIELD AND ETHNOGRAPHIC RESEARCH</strong><br />
Perhaps the most enjoyable aspect at this stage of the project was having the chance to conduct some <em>field and ethnographic research.  </em>As mentioned in a previous post, I&#8217;d read the<a href="http://uxmatters.com/mt/archives/2010/06/ethnography-in-ux.php"> <em>Ethnography in UX</em></a> article on UX  matters, which explained that ethnographic research was an important technique for getting insights about the &#8220;social interactions rather than observation of a human-computer interface&#8221;. So I conducted some very low-level experiments just to see what might actually be involved, including:</p>
<ul>
<li>Observing members, joining Co-op, ordering and collecting boxes, as well as their interaction with the Co-op&#8217;s organisers through the Co-op&#8217;s social media channels.</li>
<li>Observing Co-op organisers and volunteers through the delivery, packing and distribution/collection processes, as well as their interaction with existing and prospective members at promotional events (i.e. Fresher&#8217;s Fair, etc)</li>
<li>Joining, ordering, collection and service enquiry processes as <em>mystery shopper</em>.</li>
</ul>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/field_research1.jpg"><img class="aligncenter size-full wp-image-634" title="field_research" src="http://afluxstate.files.wordpress.com/2011/11/field_research1.jpg?w=480" alt=""   /></a><a href="http://afluxstate.files.wordpress.com/2011/11/field_research.jpg"><br />
</a>This purposes of the exercise was to simply experiment with the kind of undercover research that&#8217;s mentioned in <em>Cennydd Bowles and James Box</em>&#8216;s <em><a href="http://undercoverux.com/">Undercover User Experience Design</a></em> book. The insights gained from going &#8216;undercover&#8217; did play a small part during the analysis of our <em>user research</em> and the brainstorming of our <em>user personas</em> and their <em>task scenarios</em>. The undercover research also helped inform the analysis of the existing site. I will submit details of how it contributed in later posts.</p>
<p><strong>HEURISTIC REVIEW</strong><br />
As the <em>Food Co-op</em> only have a blog at present, which isn&#8217;t updated very much, there isn&#8217;t enough content and functionality to enable a full-blown heuristic review. However, I did look into the following as I thought it would be useful background information for any usability testing later in the project:</p>
<ul>
<li><strong>Jakob Nielsen</strong>: <a href="http://www.useit.com/papers/heuristic/heuristic_list.html">Ten Usability Heuristics</a><br />
<strong></strong></li>
<li><strong>ux for the masses</strong>: <a href="http://www.uxforthemasses.com/usability-reviews/" rel="nofollow">A guide to carrying out usability reviews</a></li>
<li><strong>STC</strong>:<a href="http://www.stcsig.org/usability/topics/articles/he-checklist.html" rel="nofollow"> Heuristic Evaluation Questions</a></li>
<li><strong>Smashing Magazine</strong>: <a href="http://uxdesign.smashingmagazine.com/2011/10/20/comprehensive-review-usability-user-experience-testing-tools/">Comprehensive Review Of Usability And User Experience Testing Tools</a></li>
</ul>
<p><strong>LITERATURE REVIEW: SECONDARY RESEARCH AND LITERATURE REVIEW</strong><br />
For my secondary research I looked at a case study by <em>Melissa Ann Martin</em>. She was responsible for the &#8220;mental models, information architecture and collaboratively outlining of the UX strategy and system framework design&#8221; for the <a href="http://www.melissaannmartin.com/home/sony/">redesign of Sony.com</a><em></em>. It was interesting to read about how she went about primary and secondary research in the real world, as well as see a <a href="http://www.melissaannmartin.com/home/files/ResearchDeliverable_sample.pdf" target="_blank">sample report</a>.</p>
<div class="wp-caption aligncenter" style="width: 382px"><a href="http://www.melissaannmartin.com/home/sony/"><img class=" " src="http://www.melissaannmartin.com/home/wp-content/uploads/2011/11/researchmontage.jpg" alt="" width="372" height="180" /></a><p class="wp-caption-text">Sony UX Research &amp; Strategy Development</p></div>
<p style="text-align:left;">Whilst I didn&#8217;t have all the information required for a similar analysis of the <em>Food Co-op site</em>, it did provide me with a useful framework to assess the broader Food Co-op arena, and find out where the <em>UoB Food Co-op</em> fits in. This proved useful when thinking about the difference between <em>competitive</em> and <em>comparable analysis</em>, of which more in later posts.</p>
<p style="text-align:left;"><strong>REFLECTIONS</strong><br />
During the discovery stage I had a brief glimpse of how the UX Design Process as a whole was greater than the sum of the parts. <em>Leah Buley&#8217;s </em>framework was a great place to start, as it provides a really useful way of examining the initial Discovery stage. In addition, I found the <em><a href="http://undercoverux.com/">Undercover User Experience Design</a></em> book a good way of looking at the detail as well as thinking about what could be realistically achieved on a relatively small project like ours.<em><br />
</em></p>
<p><a href="http://en.wikipedia.org/wiki/Business_Model_Canvas"><img class="aligncenter" title="Business Model Canvas Template" src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/10/Business_Model_Canvas.png/800px-Business_Model_Canvas.png" alt="" width="480" height="320" /></a></p>
<p><em>Clearleft</em>&#8216;s <em><a href="http://clearleft.s3.amazonaws.com/client-worksheet.rtf">&#8216;Client Ideas Sheet</a></em>&#8216; also helped me think about the project from a client perspective. However, what it doesn&#8217;t do is provide a more 360 view of the business context. For this you need a strategic planning tool like <em><a href="http://en.wikipedia.org/wiki/Business_Model_Canvas">Business Model Canvas</a></em> (Osterwalder, Pigneur &amp; al. 2010)<em></em>, which as UX Designer <a href="http://jasonfurnell.wordpress.com/2010/10/14/so-whats-the-business-model-the-business-model-canvas/"><em>Jason Furnell</em></a> explains is a means of &#8220;rapidly exposing all the moving parts of the business&#8221;. Understanding the bigger picture strikes me as being essential if, as <em>Furnell,</em> argues a website is going to &#8220;simply and clearly embody the business model that it&#8217;s supporting&#8221;. Thus, UX design needs to be thought about in terms of if, and how, it can help align both the user and client goals.</p>
<div id="attachment_635" class="wp-caption aligncenter" style="width: 370px"><a href="http://semanticstudios.com/publications/semantics/000029.php"><img class=" wp-image-635 " title="ia2ux" src="http://afluxstate.files.wordpress.com/2011/11/ia2ux.jpg?w=360&#038;h=182" alt="" width="360" height="182" /></a><p class="wp-caption-text">From IA to UX?</p></div>
<p>It was interesting to see how <em>Peter Morville</em> had evolved this client &#8216;context&#8217; in the diagrams above. In the earlier  <em>3 circles of Information Architecture</em> Venn Diagram he developed with <em>Louis Rosenfeld</em>, the business or client &#8216;Context&#8217; appears to play a much bigger role. His later <a href="http://semanticstudios.com/publications/semantics/000029.php"><em>User Experience Honeycomb</em></a> didn&#8217;t seem to express this as clearly. But everything started to click once I saw the following business objectives in the <em>Defining the Problem</em> section in<em> <em><a href="http://undercoverux.com/">Undercover User Experience Design</a></em></em> book:</p>
<ul>
<li>Reduce shopping-cart abandonment by 15 percent within a month</li>
<li>Increase customer repeat business by 10 percent by Christmas</li>
<li>Reduce log-in errors to 10 per day throughout February</li>
</ul>
<p>I suddenly understood how <em>Morville&#8217;</em>s honeycomb was a means of thinking about how the user experience could be improved to help the client achieve their objectives.</p>
<p>The business objectives above, however, seemed to be lot more focused than anything we were planning to do on our project. So it was good to have read the <a href="http://www.uxforthemasses.com/what-makes-good-ux-designer/"><em>What makes a good UX designer?</em></a> article on <a href="http://www.uxforthemasses.com/">UX for the masses</a>, as this helped me get a better perspective from a more generic business point of view:</p>
<blockquote><p>&#8220;It’s also important to remember that behind every design there’s a set of business goals and objectives, such as selling more products, or converting more customers. UX designers need to be able to understand and interpret what the ultimate goal of a design is and be able to communicate this back to the bean counters in the business.&#8221;</p></blockquote>
<p>Fortunately we&#8217;ve no bean counters to report back to on this project. We do have to build a site together as a group for our assignment, so I found the diagram below from the <em>UX for the masses</em> article particularly informative:</p>
<div id="attachment_701" class="wp-caption aligncenter" style="width: 394px"><a href="http://www.uxforthemasses.com/what-makes-good-ux-designer/"><img class=" wp-image-701 " title="ux_team_skills" src="http://afluxstate.files.wordpress.com/2011/11/ux_team_skills.jpg?w=384&#038;h=138" alt="" width="384" height="138" /></a><p class="wp-caption-text">UX Design Skill Set</p></div>
<p>This diagram shows that there are six sets of skills required in a UX Design team. I&#8217;d already realised there wasn&#8217;t going to be the opportunity to look at the business analysis side of things on this project, regardless of how much I wanted to experiment with <em>Furnell</em>&#8216;s <em><a href="http://jasonfurnell.files.wordpress.com/2010/12/business_model_canvas_facilitator_cards1.pdf">Business Model Canvas Facilitator Cards</a></em>.</p>
<p>Where the diagram really helped though was to clarify my role in the team, particularly given my interests and skills. I wish I&#8217;d found it earlier because I think it might have helped us avoid some of the tensions that emerged. We&#8217;re quite a diverse bunch with some forceful personalities, including myself. That said we&#8217;ve got a good mix of analytical, creative, design and technical skills. The only thing missing was a little bit of guidance at the onset about working together as a team. We seemed to have come together after a few fits and starts, so maybe there&#8217;s something in the old adage &#8220;no pain, no gain&#8221;.</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/wordle21.jpg"><img class="aligncenter size-full wp-image-744" title="wordle2" src="http://afluxstate.files.wordpress.com/2011/11/wordle21.jpg?w=480" alt="Wordle Page Analysis"   /></a></p>
<p style="text-align:center;"><small><a href="http://www.wordle.net/">Wordle Page Analysis</a></small></p>
<p><strong>REFERENCES</strong><br />
Buley, L. (2008).<em> How to Be a UX Team of One </em>[online] Available at: &lt;<a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one</a>&gt; [Accessed 11 December 2011]</p>
<p>Clearleft (2011) <em>Client Ideas Sheet </em>[online] Available at: &lt;<a href="http://clearleft.s3.amazonaws.com/client-worksheet.rtf">http://clearleft.s3.amazonaws.com/client-worksheet.rtf</a></p>
<p>Gladwell, M., (2005). <em>Blink: The Power of Thinking Without Thinking</em></p>
<p>Wikipedia (2011). <em>Thin Slicing</em> [online] (Updated on 24 July 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Thin-slicing">http://en.wikipedia.org/wiki/Thin-slicing</a>&gt; [Accessed 11 December 2011]</p>
<p>Liquori, E. (2011). <em>Use SWOT Analysis for Your Next Design Project</em> <em></em>[online] (Onextrapixel: Updated: 7 Feb 2011 Available at: &lt;<a href="http://www.onextrapixel.com/2011/02/07/use-swot-analysis-for-your-next-design-project/">http://www.onextrapixel.com/2011/02/07/use-swot-analysis-for-your-next-design-project/</a>&gt; [Accessed 11 December 2011]</p>
<p>Bowles, C., Box, J. (2011).  <em>Undercover User Experience Design,</em> Chapter 2 Exploring the Problem</p>
<p>Smashing Magazine (2011)<em> The Smashing Book – Learning from Experts: Interviews and Insights (part 2 of 4) </em>[online] (Updated on 5 October 2011) Available at: &lt;<a href="http://www.smashingmagazine.com/smashing-book-1/learning-from-experts-interviews-and-insights-part-2-of-4/">http://en.wikipedia.org/wiki/Thin-slicing</a>&gt; [Accessed 11 December 2011]<em></em></p>
<p><em>Boehm, N. (2010). <em>Ethnography in UX</em> </em>[online] (UX Matters: Updated on 21 June 2010 Available at: &lt;<a href="http://uxmatters.com/mt/archives/2010/06/ethnography-in-ux.php">http://uxmatters.com/mt/archives/2010/06/ethnography-in-ux.php</a>&gt; [Accessed 11 December 2011]</p>
<p>Morville, P., (2004). <em>User Experience Design </em>[online] (Update 21 June 2004) Available at: &lt;<a href="http://semanticstudios.com/publications/semantics/000029.php">http://semanticstudios.com/publications/semantics/000029.php</a>&gt; [Accessed 11 December 2011]</p>
<p>Jakob Nielsen (2005). <em>Ten Usability Heuristics </em>[online] Available at: &lt;<a href="http://www.useit.com/papers/heuristic/heuristic_list.html">http://www.useit.com/papers/heuristic/heuristic_list.html</a>&gt; [Accessed 11 December 2011]</p>
<p>The Society for Technical Communication. <em>Heuristic Evaluation &#8211; A System Checklist</em> <em></em>[online] Available at: &lt;<a href="http://www.stcsig.org/usability/topics/articles/he-checklist.html">http://www.stcsig.org/usability/topics/articles/he-checklist.html</a>&gt; [Accessed 11 December 2011]</p>
<p>UX for the masses (2011). <em>A guide to carrying out usability reviews</em> [online] (Updated on 11 Feb 2011 Available at: &lt;<a href="http://www.uxforthemasses.com/usability-reviews/">http://www.uxforthemasses.com/usability-reviews/</a>&gt; [Accessed 11 December 2011]</p>
<p>Chapman, C. (2011). <em>Comprehensive Review Of Usability And User Experience Testing Tools</em> [online] (Smashing Mgazine: Updated on 11 20 Oct 2011) Available at: &lt;<a href="http://uxdesign.smashingmagazine.com/2011/10/20/comprehensive-review-usability-user-experience-testing-tools/">http://uxdesign.smashingmagazine.com/2011/10/20/comprehensive-review-usability-user-experience-testing-tools/</a>&gt; [Accessed 11 December 2011]</p>
<p>Martin, M. (2010). <em>Sony</em> [online] Available at: &lt;<a href="http://www.melissaannmartin.com/home/sony/">http://www.melissaannmartin.com/home/sony/</a>&gt; [Accessed 11 December 2011]</p>
<p>UX for the masses (2011). <em>What makes a good UX designer?</em> [online] (Updated on 11 Jan 2011) Available at: &lt;<a href="http://www.uxforthemasses.com/what-makes-good-ux-designer/">http://www.uxforthemasses.com/what-makes-good-ux-designer/</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Business Model Canvas</em> [online] (Updated on 25 October 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Business_Model_Canvas">http://en.wikipedia.org/wiki/Business_Model_Canvas</a>&gt; [Accessed 11 December 2011]</p>
<p>Furnell, J. (2010). <em>So whats the business model ? – The Business Model Canvas </em>[online] (Updated on 14 October 2010) Available at: &lt;<a href="http://jasonfurnell.wordpress.com/2010/10/14/so-whats-the-business-model-the-business-model-canvas/">http://jasonfurnell.wordpress.com/2010/10/14/so-whats-the-business-model-the-business-model-canvas/</a>&gt; [Accessed 11 December 2011]</p>
<p>Furnell, J. (2010). <em>Business Model Canvas – Facilitator Cards </em>[online] (Updated on 2 Decemeber 2010) Available at: &lt;<a href="http://jasonfurnell.wordpress.com/2010/12/02/business-model-canvas-facilitator-cards/">http://jasonfurnell.wordpress.com/2010/12/02/business-model-canvas-facilitator-cards/</a>&gt; [Accessed 11 December 2011]</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/493/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/493/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/493/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/493/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/493/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/493/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/493/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/493/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/493/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/493/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/493/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/493/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/493/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/493/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=493&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/11/19/initial-discovery-phase/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/discovery.jpg?w=274&#038;h=248&#038;h=247" medium="image">
			<media:title type="html">UX Discovery Stage</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/plan1.jpg" medium="image">
			<media:title type="html">plan</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/field_research1.jpg" medium="image">
			<media:title type="html">field_research</media:title>
		</media:content>

		<media:content url="http://www.melissaannmartin.com/home/wp-content/uploads/2011/11/researchmontage.jpg" medium="image" />

		<media:content url="http://upload.wikimedia.org/wikipedia/commons/thumb/1/10/Business_Model_Canvas.png/800px-Business_Model_Canvas.png" medium="image">
			<media:title type="html">Business Model Canvas Template</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ia2ux.jpg" medium="image">
			<media:title type="html">ia2ux</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/ux_team_skills.jpg" medium="image">
			<media:title type="html">ux_team_skills</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/wordle21.jpg" medium="image">
			<media:title type="html">wordle2</media:title>
		</media:content>
	</item>
		<item>
		<title>Readability Research</title>
		<link>http://afluxstate.wordpress.com/2011/11/19/readability-research/</link>
		<comments>http://afluxstate.wordpress.com/2011/11/19/readability-research/#comments</comments>
		<pubDate>Sat, 19 Nov 2011 17:24:06 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>
		<category><![CDATA[IWM14 Assignment]]></category>
		<category><![CDATA[Jakob Nielsen]]></category>
		<category><![CDATA[Readability]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=482</guid>
		<description><![CDATA[INTRODUCTION I&#8217;d originally used the The Morning After WordPress theme for my blog. I ended up changing it after module leader Cath Jones had said that she was having trouble with the readability of the Main Content area. She also gave me some pointers about style and tone (brevity), as well as some ideas about what she [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=482&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>INTRODUCTION</strong><br />
I&#8217;d originally used the <a href="http://theme.wordpress.com/themes/themorningafter/">The Morning After</a> <em>WordPress </em>theme for my blog<em>.</em> I ended up changing it after module leader <em>Cath Jones</em> had said that she was having trouble with the readability of the Main Content area. She also gave me some pointers about style and tone (brevity), as well as some ideas about what she was looking for reflection-wise.</p>
<h4 style="text-align:center;"><a href="http://blueprintds.com/2008/12/30/anatomy-of-a-web-page/"><img title="optimum_page_width" src="http://afluxstate.files.wordpress.com/2011/10/optimum_page_width.jpg?w=300&#038;h=288" alt="" width="300" height="288" /></a><small><a href="http://blueprintds.com/2008/12/30/anatomy-of-a-web-page/"><br />
Original Image Source: Blueprint Design Studio &#8211; Anatomy of a Page</a></small></h4>
<p><span id="more-482"></span></p>
<p><strong>READABILITY RESEARCH</strong><br />
I realised that I would have to consider how my blog would be <a href="http://www.electricelephant.com/uni/IWM14/assignment.htm">evaluated</a> on readability, contents, style, tone, and page design. So I decided to carry out some background <a href="http://en.wikipedia.org/wiki/Usability">usability</a> research on <a href="http://en.wikipedia.org/wiki/Readability">readability</a>. I found an article by <em>Jakob Nielsen</em> on <a href="http://www.useit.com/alertbox/9710a.html">&#8216;<em>How Users Read on the Web</em></a>&#8216; (Alertbox 1997). He explains that <a href="http://www.useit.com/papers/webwriting/">research on how people read websites</a> shows that users &#8220;rarely read Web pages word by word, instead they scan the page, picking out individual words and sentences&#8221;</p>
<blockquote><p>&#8220;we found that 79 percent of our test users always scanned any new page they came across; only 16 percent read word-by-word&#8221;</p></blockquote>
<p>He makes a number of recommendations about creating web pages with scannable text, so I tried experimenting with a few of these, including his suggestion of highlighting keywords. But having sought feedback from <em>Cath</em> and my group, the general consensus was that it didn&#8217;t work well in the context of this journal.<strong></strong></p>
<p><strong>OPTIMUM WIDTH FOR WEB PAGE/BLOG POST</strong><br />
I also looked into the optimum width for blog/web page post content, but couldn&#8217;t find any definitive answers. Opinions seem to range from somewhere between 480 and 600 pixels. As Word Press doesn&#8217;t provide access to the Custom Design (CSS) area, I decided to use a methodology based on Cath Jones&#8217; competitor review exercise. This involved looking at pixel widths on a number of blogs and sites mostly in the UX/Information Architecture space (see sites and widths below).</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/11/main_column_width.jpg"><img class="aligncenter size-full wp-image-827" title="main_column_width" src="http://afluxstate.files.wordpress.com/2011/11/main_column_width.jpg?w=480" alt=""   /></a></p>
<p>Pixel widths ranged widths from 460 to 830 with Usability Guru <em>Jakon Nielsen</em>&#8216;s <a title="Author biography" href="http://www.useit.com/jakob/">useit.com</a> and the popular <a href="http://iaslash.org/">iaslash</a> Information Architecture sites being wider than the 752 pixels on the <em>Morning After</em> Theme I&#8217;d originally chosen. Another approach would be to use the methodology mentioned in Nielsen&#8217;s <em><a href="http://www.useit.com/alertbox/readingmetrics.html">&#8216;Measuring the Usability of Reading on the Web&#8217;</a></em>. Given the restrictions of Word Press I opted for the <em><a href="http://iaslash.org/">Simpla </a></em> theme which was, as it says, clean and simple, and only 478 pixels wide.</p>
<p>The free <em>Simpla</em> theme doesn&#8217;t allow font size and colour to be specified. Instead, I have tried to make my blog more readable by having clear headlines, short and concise paragraphs of text with links to relevant background material. I&#8217;ve also included images and diagrams to make my posts more visually interesting as well as emphasise the points I&#8217;m trying to make.</p>
<p><strong>REFLECTION</strong><br />
The exercise not only provided me with an opportunity to research online <a href="http://en.wikipedia.org/wiki/Readability">readability</a>, but also experiment with how any findings could be applied to this blog and our project.  In addition, the site/blog review process allowed me to find out more about current Industry thinking, as well as familiarise myself with relevant UCD/UXD concepts and the terminology being used.</p>
<p><strong>BLOG/SITE MAIN CONTENT COLUMN WIDTH REVIEW</strong>:</p>
<ol>
<li>Google Blog Search: &#8220;<a href="http://www.google.co.uk/search?tbm=blg&amp;hl=en&amp;source=hp&amp;biw=1235&amp;bih=640&amp;q=informatio+Architecture&amp;btnG=Search#hl=en&amp;tbm=blg&amp;sa=X&amp;ei=AMuaTrKbMMix8QOrnInpBQ&amp;ved=0CCcQvwUoAQ&amp;q=information+Architecture&amp;spell=1&amp;bav=on.2,or.r_gc.r_pw.,cf.osb&amp;fp=4400cbea2f791784&amp;biw=1235&amp;bih=640">Information Architecture</a>&#8220;:
<ul>
<li><a href="http://iaslash.org/">iaslash</a> (912 pixels)</li>
<li><a href="http://andrearesmini.com/">andrea resmini :: <em>information architect</em> </a>(556)</li>
<li><a href="http://www.eleganthack.com/">Eleganthack</a> (257)</li>
<li><a href="http://www.uxmatters.com/mt/archives/2011/09/framing-the-practice-of-information-architecture.php">UXmatters</a> (499)</li>
</ul>
</li>
<li>Usability/UX (User Experience) Design Blogs:
<ul>
<li><a href="http://andybudd.com/">Andy Budd</a> (692)</li>
<li><a href="http://www.disambiguity.com/">Disambiguity</a> (570)</li>
<li><a title="Author biography" href="http://www.useit.com/jakob/">Jakob Nielsen (useit.com)</a> (797)</li>
</ul>
</li>
<li>News Blogs with large reach:
<ul>
<li><a href="http://www.bbc.co.uk/news/correspondents/robertpeston/">BBC: Robert Peston Blog</a> (462)</li>
<li><a href="http://www.guardian.co.uk/news/blog">Guardian News Blog</a> (460)</li>
</ul>
</li>
</ol>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/11/readability_research1.jpg"><img class="aligncenter size-full wp-image-824" title="readability_research" src="http://afluxstate.files.wordpress.com/2011/11/readability_research1.jpg?w=480" alt=""   /></a><small><small>Page Analysis</small>: <a href="http://www.wordle.net/">Wordle</a></small></p>
<p><strong>REFERENCES<br />
</strong>Nielsen, J. (1997). <em>How Users Read on the Web</em><em> </em>[online] (Update 1 Oct 1997) Available at: &lt;<a href="http://www.useit.com/alertbox/9710a.html">http://www.useit.com/alertbox/9710a.html</a>&gt; [Accessed 11 December 2011]</p>
<p>Nielsen, J. (1997). <em>How to write for the Web<strong> (</strong></em><em> </em>[online] Available at: &lt;<a href="http://www.useit.com/papers/webwriting/">http://www.useit.com/papers/webwriting/</a>&gt; [Accessed 11 December 2011]</p>
<p>Remick, J. (2008). <em>Anatomy of a Web Page</em> [online] (Update 30 Dec 2008) Available at: &lt;<a href="http://blueprintds.com/2008/12/30/anatomy-of-a-web-page/">http://blueprintds.com/2008/12/30/anatomy-of-a-web-page/</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Usability</em> [online] (Updated on 11 December 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Usability">http://en.wikipedia.org/wiki/Usability</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Readability</em> [online] (Updated on 25 Novemeber 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Readability">http://en.wikipedia.org/wiki/Readability</a>&gt; [Accessed 11 December 2011]</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/482/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/482/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/482/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/482/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/482/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/482/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/482/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/482/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/482/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/482/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/482/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/482/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/482/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/482/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=482&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/11/19/readability-research/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/optimum_page_width.jpg?w=300" medium="image">
			<media:title type="html">optimum_page_width</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/main_column_width.jpg" medium="image">
			<media:title type="html">main_column_width</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/readability_research1.jpg" medium="image">
			<media:title type="html">readability_research</media:title>
		</media:content>
	</item>
		<item>
		<title>Introduction and Group Project Proposal</title>
		<link>http://afluxstate.wordpress.com/2011/11/19/introduction-and-group-project-proposal/</link>
		<comments>http://afluxstate.wordpress.com/2011/11/19/introduction-and-group-project-proposal/#comments</comments>
		<pubDate>Sat, 19 Nov 2011 12:26:14 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18]]></category>
		<category><![CDATA[IWM14 Assignment]]></category>
		<category><![CDATA[Brand Narrative]]></category>
		<category><![CDATA[C2 llc]]></category>
		<category><![CDATA[ethnographic research]]></category>
		<category><![CDATA[Iterative design]]></category>
		<category><![CDATA[Jakob Nielsen]]></category>
		<category><![CDATA[Leah Burley]]></category>
		<category><![CDATA[Lean UX]]></category>
		<category><![CDATA[Smashing Magazine]]></category>
		<category><![CDATA[story telling]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[User Design Interface]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user testing]]></category>
		<category><![CDATA[UX Design Process]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=448</guid>
		<description><![CDATA[INTRODUCTION One of the areas I was hoping to look into as part of this project was if and how brand narrative development, or a storytelling approach, might be used as part of the User-Centred Design process. I&#8217;d seen a little booklet called The story book (How to succeed at competing) by Brand Narrative Consultants [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=448&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>INTRODUCTION</strong><br />
One of the areas I was hoping to look into as part of this project was if and how brand narrative development, or a storytelling approach, might be used as part of the <em>User-Centred Design</em> process. I&#8217;d seen a little booklet called <em><a href="http://www.c2llc.com/C2story">The story book (How to succeed at competing)</a></em> by Brand Narrative Consultants C2 LLC from San Francisco<em></em>.</p>
<p style="text-align:center;"><a href="http://www.c2llc.com/C2story"><img class="aligncenter  wp-image-473" title="The Story Book C2 LLC" src="http://afluxstate.files.wordpress.com/2011/11/storytelling3.jpg?w=320&#038;h=226" alt="" width="320" height="226" /></a></p>
<p style="text-align:center;"><span id="more-448"></span></p>
<p>In it they suggest that organisations should start by asking &#8220;three deceptively simple questions&#8221;: <img title="More..." src="http://afluxstate.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<ul>
<li>Who are we?</li>
<li>What do we do?</li>
<li>Why does it matter?</li>
</ul>
<p>Their questions made me think that it might be a good idea to give you some background about why I chose this programme and what I hope to get out it.</p>
<p>In summary, I&#8217;m a digital consultant who specialises in more connected and user-led approaches to business and marketing. Despite being <a href="http://www.amazon.co.uk/Connected-Marketing-Viral-Mouth-Revolution/dp/075066634X">published</a> I don&#8217;t have any academic qualifications and so wanted to take some time out to improve my credentials. At the same time, I thought it would be an opportunity to critically explore more <em>User-Led</em> and <em>User-Centric</em> design approaches, so that I could better understand where and how they might be practically applied.</p>
<p>Hopefully, this gives you some context about what I&#8217;ve reflected on as part of this project and why. What I hope to do next is explain how our group (MAIS 4) approached this project, the framework I plan to reflect on it, and our actual project proposal.</p>
<p><strong>DESIGN PROCESS</strong><br />
My first step was to research the prescribed <a href="http://en.wikipedia.org/wiki/User-centered_design">User-Centred Design (UCD)</a> process on this module. I wanted to try and understand more about what we were going to be doing and why. I also wanted to understand the difference between UCD and <a href="http://en.wikipedia.org/wiki/User_experience_design">User Experience Design (UXD</a>), as well as what part the likes of <a title="Information architecture" href="http://en.wikipedia.org/wiki/Information_architecture">Information Architecture</a> and <a href="http://en.wikipedia.org/wiki/Usability">Usability</a> have to play and where.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/11/the_territory.jpg"><img class="aligncenter  wp-image-690" title="the_territory" src="http://afluxstate.files.wordpress.com/2011/11/the_territory.jpg?w=360&#038;h=278" alt="" width="360" height="278" /></a></p>
<p>I found a whole host of articles and diagrams that discussed both UCD and UXD processes, as well as Information Architecture, Usability etc. What I couldn&#8217;t really find was anything that actually compared and contrasted UCD and UXD. After my trawl through various online resources I was left with the impression that UCD was as much a design philosophy as it is a process, or a way of thinking at each stage of the design process. UXD, on the other hand, seemed more like a design discipline, or a way of actually going about the design process:</p>
<p style="text-align:center;">&#8220;I&#8217;m still not convinced UCD exists outside the realm of theory,<br />
but I practice user experience design every day.&#8221;</p>
<p style="text-align:center;"><small>Morville, P. (2004). <a href="http://semanticstudios.com/publications/semantics/000029.php"><em>User Experience Design</em></a></small></p>
<p>Thinking about UXD as a way of going about the design process made me wonder whether we&#8217;d be able to adopt the kind of more Lean and Agile UX approach I&#8217;d read about during my research:</p>
<div class="wp-caption aligncenter" style="width: 451px"><a href="http://uxdesign.smashingmagazine.com/2011/03/07/lean-ux-getting-out-of-the-deliverables-business/"><img title="Lean UX Iluustration" src="http://media.smashingmagazine.com/wp-content/uploads/2011/01/process_graphic.gif" alt="" width="441" height="158" /></a><p class="wp-caption-text">Lean UX</p></div>
<blockquote><p>&#8220;Lean UX is the practice of bringing the true nature of our work to light <strong>faster</strong>, with less emphasis on deliverables and greater focus on the <strong>actual experience</strong> being designed.&#8221;</p>
<p style="text-align:center;"><small>Smashing magazine, (2011): <em><a href="http://uxdesign.smashingmagazine.com/2011/03/07/lean-ux-getting-out-of-the-deliverables-business/">Lean UX: Getting Out Of The Deliverables Business</a></em></small></p>
</blockquote>
<p>From what I&#8217;d read, this meant adopting a more <a href="http://en.wikipedia.org/wiki/Iterative_design">iterative</a> design process, where we&#8217;d be carrying out the ongoing testing and refining of our designs with users in order to improve usability:</p>
<p style="text-align:center;">&#8220;Redesigning user interfaces on the basis of user testing<br />
can substantially improve usability.&#8221;</p>
<p style="text-align:center;"><small>Nielsen, J. (1993). <a href="http://www.useit.com/papers/iterative_design/"><em>Iterative User Interface Design</em></a></small></p>
<div class="wp-caption aligncenter" style="width: 394px"><a href="http://uxdesign.com/ux-defined"><img title="UX Design Process Diagram" src="http://uxdesign.com/assets/ux-defined/ux-process-diagram.jpg" alt="" width="384" height="288" /></a><p class="wp-caption-text">Iterative UX Design Process</p></div>
<p style="text-align:center;"><small>Cummings, M., (2010). <a href="http://uxdesign.com/ux-defined"><em>UX Design Defined</em></a></small></p>
<p>The nature of this student project actually dictates a <a href="http://en.wikipedia.org/wiki/Waterfall_development">waterfall</a>-type development process. However, there seem to be a couple of opportunities to carry out usability testing. Firstly, we could test our Wireframe designs (if we could find a way of making these interactive), and we could also test our prototype site.</p>
<p style="text-align:center;">Define → Design → Test → Develop → Test → Deploy</p>
<p><strong>REFLECTION FRAMEWORK</strong><br />
The part I struggled with most on this project was finding a framework for my reflections. I decided to use a very simple one inspired by <em>Leah Buley</em>&#8216;s <em>&#8216;<a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">How to Be a UX Team of One</a></em><em></em>&#8216; presentation<em></em><em></em>:</p>
<div class="wp-caption aligncenter" style="width: 370px"><a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one"><img title="UX Team of One - UX Design Process" src="http://afluxstate.files.wordpress.com/2011/10/ux_territory.jpg?w=360&#038;h=254" alt="" width="360" height="254" /></a><p class="wp-caption-text">UX Design Process</p></div>
<p>I used the  headings from the picture above to provide me with a simple structure for analysing the various phases of our project and highlighting areas for further research.</p>
<p><strong>GROUP PROJECT PROPOSAL AND PROCESSES</strong><br />
I proposed that our group look at the <em><a href="http://uobfoodcoop.wordpress.com/">University of Brighton Food Co-Op Society</a> </em>site for our project. As I&#8217;d found out when trying to join their fruit and veg box initiative, their current site isn&#8217;t very informative. I thought it would be interesting to see whether we could use the UX Design process to improve it.</p>
<p>At the same time, the oganisers were also on campus, so it looked like the project provided an opportunity for some ethnographic research. This was something I was interested in exploring as part of the <em>User Research</em> stage having read the <em>UX matters</em>&#8216; article on <em> <a href="http://uxmatters.com/mt/archives/2010/06/ethnography-in-ux.php">&#8216;Ethnography in UX&#8217;</a>. </em></p>
<p><a href="http://uobfoodcoop.wordpress.com"><img class="aligncenter" title="food_coop_logo" src="http://afluxstate.files.wordpress.com/2011/10/food_coop_logo.jpg?w=300&#038;h=83" alt="" width="300" height="83" /></a>Fortunately my colleagues agreed with my suggestion. This offered an opportunity for some limited, informal research in the field which I will describe in subsequent posts.</p>
<p><strong>NEXT STEPS</strong><br />
In my next post I&#8217;ll be looking at the initial discovery phase of project. I&#8217;ll also be posting about other related activities, research and experiments that I&#8217;ve carried out along the way.</p>
<p style="text-align:center;"><a href="http://afluxstate.files.wordpress.com/2011/11/wordle1.jpg"><img class="aligncenter size-full wp-image-697" title="wordle1" src="http://afluxstate.files.wordpress.com/2011/11/wordle1.jpg?w=480" alt=""   /></a><small><small>Page Analysis</small>: <a href="http://www.wordle.net">Wordle<br />
</a></small></p>
<p><strong>REFERENCES</strong></p>
<p>C2LLC. <em>The story book: How to succeed at competing </em>[online] Available at: &lt;<a href="http://www.c2llc.com/C2story">http://www.c2llc.com/C2story</a>&gt; [Accessed 11 December 2011]<em><br />
</em></p>
<p>Kirby, J., Marsden, P. (2006). <em>Connected Marketing: the viral, buzz and word of mouth revolution</em>.</p>
<p>Wikipedia (2011). <em>User-centered design</em> [online] (Updated on 23 November 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/User-centered_design">http://en.wikipedia.org/wiki/User-centered_design</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>User experience design</em> [online] (Updated on 23 November 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/User_experience_design">http://en.wikipedia.org/wiki/User_experience_design</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Information architecture</em> [online] (Updated on 23 November 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Information_architecture">http://en.wikipedia.org/wiki/Information_architecture</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Usability</em> [online] (Updated on 6 December 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Usability">http://en.wikipedia.org/wiki/Usability</a>&gt; [Accessed 11 December 2011]</p>
<p>Morville, P., (2004). <em>User Experience Design </em>[online] (Updated 21 June 2004) Available at: &lt;<a href="http://semanticstudios.com/publications/semantics/000029.php">http://semanticstudios.com/publications/semantics/000029.php</a>&gt; [Accessed 11 December 2011]</p>
<p>McCauley, M., (2010). <em>Eskimos Penguins And The User Centred Design</em> [online] (Updated 15 June 2010) Available at: &lt;<a href="http://digitaleskimo.tumblr.com/post/702724443/eskimos-penguins-and-the-user-centred-design">http://digitaleskimo.tumblr.com/post/702724443/eskimos-penguins-and-the-user-centred-design</a>&gt; [Accessed 11 December 2011]</p>
<p>Smith, G., (2007). <em>Social Software Building Blocks</em> [online] (Updated 4 April 2007) Available at: &lt;<a href="http://nform.com/publications/social-software-building-block">http://nform.com/publications/social-software-building-block</a>&gt; [Accessed 11 December 2011]</p>
<p>Armano, D., (2006). <em>The Experience Map </em>[online] (Updated 20 April 2006) Available at: &lt;<a href="http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html">http://darmano.typepad.com/logic_emotion/2006/04/experience_map.html</a>&gt; [Accessed 11 December 2011]</p>
<p>Beaird, J. (2011). <em>Information Architecture as Part of the Web Design Process </em>[online] (Updated 20 Jan 2011) Available at: &lt;<a href="http://designfestival.com/information-architecture-as-part-of-the-web-design-process/">http://designfestival.com/information-architecture-as-part-of-the-web-design-process/</a>&gt; [Accessed 11 December 2011]</p>
<p>Cummings, M. (2010). <em>UX Design Defined</em> [online] (Updated 16 August 201o) Available at: &lt;<a href="http://uxdesign.com/ux-defined">http://uxdesign.com/ux-defined</a>&gt; [Accessed 11 December 2011]</p>
<p>Kimmy Paluch, K. (2006). <em>What Is User Experience Design </em>[online] (Updated 10 October 2006) Available at: &lt;<a href="http://www.montparnas.com/articles/what-is-user-experience-design">http://www.montparnas.com/articles/what-is-user-experience-design</a>&gt; [Accessed 11 December 2011]</p>
<p>Saffer, D. (2008). <em>The Disciplines of User Experience </em>(Updated 2009) Available at: &lt;<a href="http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/">http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/</a>&gt; [Accessed 11 December 2011]</p>
<p>Boniface, M.<strong></strong> (2010). <em>Definition of a great user experience? No one notices it…</em> <em></em><em></em>[online] (Updated 5 July 2010) Available at: &lt;<a href="http://www.bonimedia.com/definition-of-a-great-user-experience-no-one-notices-it/">http://www.bonimedia.com/definition-of-a-great-user-experience-no-one-notices-it/</a>&gt; [Accessed 11 December 2011]</p>
<p>Garrett, J. (2000). <em>The Elements of User Experience<br />
</em></p>
<p>Garrett, J. (2000). <em>The Elements of User Experience Diagram</em> [online] Available at: &lt;<a href="http://www.jjg.net/elements/pdf/elements.pdf">http://www.jjg.net/elements/pdf/elements.pdf</a>&gt; [Accessed 11 December 2011]</p>
<p>Armano, D. (2007). <em>Social Media + The Customer Experience</em> [online] (Updated 5 July 2010) Available at: &lt;<a href="http://darmano.typepad.com/logic_emotion/2007/06/social_media_th.html">http://darmano.typepad.com/logic_emotion/2007/06/social_media_th.html</a>&gt; [Accessed 11 December 2011]</p>
<p>Pemberton, L. (2011). <em>IDM22 Interaction &amp; Information Design: Information Design </em>(Slide3: How do the design disciplines work together?)</p>
<p>Gothelf, J. (2011) <em>Lean UX: Getting Out Of The Deliverables Business</em> [online] (Smashing Magazine: Updated 7 March 2011) Available at: &lt;<a href="http://uxdesign.smashingmagazine.com/2011/03/07/lean-ux-getting-out-of-the-deliverables-business/">http://uxdesign.smashingmagazine.com/2011/03/07/lean-ux-getting-out-of-the-deliverables-business/</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Iterative design</em> [online] (Updated on 31 May 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Iterative_design">http://en.wikipedia.org/wiki/Iterative_design</a>&gt; [Accessed 11 December 2011]</p>
<p>Nielsen, J. (1993). <em>Iterative User Interface Design</em>. IEEE Computer Vol. 26, No. 11, pp. 32-41 Available at: &lt;<a href="http://www.useit.com/papers/iterative_design">http://www.useit.com/papers/iterative_design</a>&gt; [Accessed 11 December 2011]</p>
<p>Wikipedia (2011). <em>Waterfall Development</em> [online] (Updated on 21 November 2011) Available at: &lt;<a href="http://en.wikipedia.org/wiki/Waterfall_development">http://en.wikipedia.org/wiki/Waterfall_development</a>&gt; [Accessed 11 December 2011]</p>
<p>Buley, L. (2008).<em> How to Be a UX Team of One </em>[online] Available at: &lt;<a href="http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one">http://www.slideshare.net/ugleah/how-to-be-a-ux-team-of-one</a>&gt; [Accessed 11 December 2011]</p>
<p>Boehm, N. (2010). <em>Ethnography in UX</em> [online] (UX Matters: Updated on 21 June2010 Available at: &lt;<a href="http://uxmatters.com/mt/archives/2010/06/ethnography-in-ux.php">http://uxmatters.com/mt/archives/2010/06/ethnography-in-ux.php</a>&gt; [Accessed 11 December 2011]</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/448/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/448/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/448/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/448/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/448/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/448/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/448/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/448/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/448/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/448/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/448/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/448/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/448/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/448/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=448&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/11/19/introduction-and-group-project-proposal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/storytelling3.jpg" medium="image">
			<media:title type="html">The Story Book C2 LLC</media:title>
		</media:content>

		<media:content url="http://afluxstate.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" medium="image">
			<media:title type="html">More...</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/the_territory.jpg" medium="image">
			<media:title type="html">the_territory</media:title>
		</media:content>

		<media:content url="http://media.smashingmagazine.com/wp-content/uploads/2011/01/process_graphic.gif" medium="image">
			<media:title type="html">Lean UX Iluustration</media:title>
		</media:content>

		<media:content url="http://uxdesign.com/assets/ux-defined/ux-process-diagram.jpg" medium="image">
			<media:title type="html">UX Design Process Diagram</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/ux_territory.jpg" medium="image">
			<media:title type="html">UX Team of One - UX Design Process</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/food_coop_logo.jpg?w=300" medium="image">
			<media:title type="html">food_coop_logo</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/11/wordle1.jpg" medium="image">
			<media:title type="html">wordle1</media:title>
		</media:content>
	</item>
		<item>
		<title>GROUP COMMUNICATION, PROJECT MANAGEMENT AND COLLABORATIVE LEARNING</title>
		<link>http://afluxstate.wordpress.com/2011/11/11/group-communication-project-management-and-collaborative-learning/</link>
		<comments>http://afluxstate.wordpress.com/2011/11/11/group-communication-project-management-and-collaborative-learning/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 18:35:52 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18 Web Development]]></category>
		<category><![CDATA[Module Notes]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=406</guid>
		<description><![CDATA[GROUP COMMUNICATION, PROJECT MANAGEMENT AND COLLABORATIVE LEARNING The communication and project management requirements of this collaboration were also discussed by the group. I looked at 37 Signals online project collaboration tool Basecamp as an option, but Drop Box was chosen after being recommended by Cath Jones. I also set-up a secret Facebook Group for group [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=406&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>GROUP COMMUNICATION, PROJECT MANAGEMENT AND COLLABORATIVE LEARNING<br />
</strong>The<strong><em> communication</em></strong> and <strong><em>project management</em> requirements</strong> of this collaboration were also discussed by the group. I looked at <a href="http://37signals.com/">37 Signals</a> online <strong>project collaboration tool</strong> <a href="http://basecamphq.com/">Basecamp</a> as an option, but <a href="http://www.dropbox.com">Drop Box</a> was chosen after being recommended by Cath Jones. I also set-up a secret <em></em> <strong><a href="http://www.facebook.com/groups">Facebook Group</a></strong> for group communication and collaborative learning, and am using <a href="http://www.facebook.com/RSS.Graffiti">RSS Graffiti</a> to link the RSS feeds from both the <a href="http://afluxstate.wordpress.com/category/assignments/idm18-web-development-assignment/">assignment</a> and <a href="http://afluxstate.wordpress.com/category/module-notes/idm18-web-development/">notes</a> posts from this module (see diagram below.</p>
<p>I&#8217;m also experimenting with <strong><a href="http://delicious.com/juzzie">delicious</a></strong> to support my own learning, but also see whether <strong><a href="http://en.wikipedia.org/wiki/Social_bookmarking">social bookmarking</a></strong> could support <strong><a href="http://en.wikipedia.org/wiki/Collaborative_learning">collaborative learning</a></strong>.</p>
<p><a href="http://afluxstate.files.wordpress.com/2011/10/collaboration.jpg"><img class="aligncenter" title="collaboration" src="http://afluxstate.files.wordpress.com/2011/10/collaboration.jpg?w=213&#038;h=300" alt="" width="213" height="300" /></a><strong><br />
</strong></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/406/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/406/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/406/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/406/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/406/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/406/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/406/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/406/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/406/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/406/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/406/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/406/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/406/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/406/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=406&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/11/11/group-communication-project-management-and-collaborative-learning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/collaboration.jpg?w=213" medium="image">
			<media:title type="html">collaboration</media:title>
		</media:content>
	</item>
		<item>
		<title>Week 3 (Part B): Initial User Research</title>
		<link>http://afluxstate.wordpress.com/2011/10/31/week-3-part-b-initial-user-research-2/</link>
		<comments>http://afluxstate.wordpress.com/2011/10/31/week-3-part-b-initial-user-research-2/#comments</comments>
		<pubDate>Mon, 31 Oct 2011 17:01:29 +0000</pubDate>
		<dc:creator>juzzie</dc:creator>
				<category><![CDATA[IDM18 Web Development]]></category>
		<category><![CDATA[Customer advocacy metrics]]></category>
		<category><![CDATA[Don Norman]]></category>
		<category><![CDATA[Human centred design processes for interactive systems]]></category>
		<category><![CDATA[Human-Centered Design]]></category>
		<category><![CDATA[ISO 13407]]></category>
		<category><![CDATA[Net Promoter Score]]></category>
		<category><![CDATA[scenarios]]></category>
		<category><![CDATA[Smashing Magazine]]></category>
		<category><![CDATA[Understanding The Value Of User Research And Usability Testing]]></category>
		<category><![CDATA[Usability And User Experience Testing Tools]]></category>
		<category><![CDATA[Usability Testin]]></category>
		<category><![CDATA[user journeys]]></category>
		<category><![CDATA[user personas]]></category>
		<category><![CDATA[User-Centred Design Process]]></category>
		<category><![CDATA[User-led]]></category>
		<category><![CDATA[UX Magazine]]></category>

		<guid isPermaLink="false">http://afluxstate.wordpress.com/?p=308</guid>
		<description><![CDATA[Following on from the Analysis of existing site/system and Competitor Reviews we moved on to the Contextual user research stage. Having analysed the Uob Food Coop&#8216;s existing site and other online touchpoints (e.g. Twitter, Facebook, etc) it was decided that there wasn&#8217;t enough web presence to carry out any actual observation of users, despite having identified a [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=308&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Following on from the <a title="Permanent Link to Week 2 (Part B): Analysis of existing site/system" href="../2011/10/30/week-2-part-b-analysis-of-existing-site-system/" rel="bookmark">Analysis of existing site/system</a> and <a title="Permanent Link to Week 3 (Part A): Competitor Reviews" href="../2011/10/31/week-3-part-a-competitor-reviews/" rel="bookmark">Competitor Reviews</a> we moved on to the <a href="http://www.electricelephant.com/uni/IWM14/User%20research.docx">Contextual user research</a> stage. <strong>Having analysed the <a href="http://uobfoodcoop.wordpress.com/">Uob Food Coop</a>&#8216;s existing site and other online touchpoints</strong> (e.g. Twitter, Facebook, etc) it was <strong>decided that there wasn&#8217;t enough web presence to carry out any actual observation of users</strong>, despite having identified a whole host of <strong><a href="http://uxdesign.smashingmagazine.com/2011/10/20/comprehensive-review-usability-user-experience-testing-tools/">Usability And User Experience Testing Tools</a></strong> on the <strong><em>Smashing Magazine</em></strong> web site that would have been <strong>interesting to experiment with</strong>.<br />
<a href="http://afluxstate.files.wordpress.com/2011/10/research_phase.jpg"><img class="aligncenter size-full wp-image-396" title="research_phase" src="http://afluxstate.files.wordpress.com/2011/10/research_phase.jpg?w=480" alt=""   /></a></p>
<p><strong>Instead we decided to conduct some initial exploratory research with users</strong>. This is <strong>first time we actively involve users in our project</strong>, which is an <strong>important part of the <a href="http://www.electricelephant.com/uni/IWM14/design%20process%20diagram.png">User-Centred Design Process</a></strong> as explained in the definition I found below for <a href="http://www.usabilitynet.org/tools/13407stds.htm">Human centred design processes for interactive systems ISO 13407</a> (see <a href="http://www.usabilitynet.org/tools/13407stds.htm">Slideshare: Understanding The Value Of User Research And Usability Testing</a>): <span id="more-308"></span></p>
<div id="attachment_355" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.slideshare.net/usableinterface/understanding-the-value-of-user-research-and-usability-testing"><img class="size-full wp-image-355" title="ucd_design" src="http://afluxstate.files.wordpress.com/2011/10/ucd_design.jpg?w=480" alt="User Centered Design (UCD) Definition"   /></a><p class="wp-caption-text">User Centered Design (UCD) Definition</p></div>
<p><strong>USER RESEARCH CONSIDERATIONS</strong>:</p>
<p>The<strong> existing site analysis</strong> and <strong>competitor reviews have informed our research questions</strong>. For example, the <strong>analysis</strong> of the <strong> <a href="http://uobfoodcoop.wordpress.com/">UoB Food Coop</a></strong> site <strong>and their business contex</strong>t, has shown that it&#8217;s <strong>difficult to separate out the service from the site</strong>, not least because their site is limited as it currently stands and their online presence is fragmented. At the same time, the <strong>site should be ideally be supporting the service/business model,</strong> (see <em>Lesson 3: Importance of Understanding Market Context</em> in <a title="Permanent Link to Week 3 (Part A): Competitor Reviews" href="../2011/10/31/week-3-part-a-competitor-reviews/" rel="bookmark">Week 3 (Part A): Competitor Reviews</a>) so we <strong>need some idea of what the members/users think about the service</strong> as well as the existing site as this <strong>may inform our thinking</strong> about how we might redevelop the site. <img title="More..." src="http://afluxstate.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<p>We also have to consider how these <strong>initial user interviews </strong>are a <strong>means to an end</strong> in this <strong><a href="http://www.electricelephant.com/uni/IWM14/User%20research.docx">contextual user research</a></strong>, seeing that we will be<strong> using the responses to help us develop</strong> our <strong>user <a href="http://www.electricelephant.com/uni/IWM14/personas.docx">personas</a></strong> and <a href="http://www.electricelephant.com/uni/IWM14/scenarios.docx"><strong>scenarios</strong></a> before moving on to define the <a href="http://www.electricelephant.com/uni/IDM01/User_journeys.docx"><strong>user journeys</strong></a>.</p>
<p><strong>Our research covered 3 main areas: the service, the site and user demographics</strong>. Our <strong>interviews were conducted face to face</strong> and <strong></strong>limited to only <strong>5 people </strong>who <strong>we hoped would ideally represent a mix of the coop members</strong> of various ages, e.g. male/female, part-time/full-time and student/university employee. We used an <strong>open, explorative qualitative research methodology</strong> having sought advice from a research professional about how to conduct this kind of <strong>quick and dirty research and still get meaningful responses we could analyse</strong>. We also considered how <strong>responses from this initial research could be used to create a more structured survey</strong> if we planned to <strong>interview a wider group of members and non-members in future</strong>.</p>
<p><strong>RESEARCH QUESTIONS, RATIONALE AND ANALYSIS</strong></p>
<p>The following looks at the<strong> questions we asked, the research rationale </strong>and<strong> the analysis of the responses </strong>(A PDF which includes the responses as well as the following can be downloaded <a href="http://afluxstate.files.wordpress.com/2011/10/iwm14_idm18_research1.pdf">here</a><strong></strong>):<strong><br />
</strong></p>
<p><strong>About the Service:</strong></p>
<p><strong><em>1.) How did you find out about scheme?</em></strong></p>
<p><em> Rationale</em>: We used an <strong>open ended question</strong> and suggested using <strong>prompting</strong> to find out <strong>how users might find out about the service</strong>, not least to see what part the web site played. Suggestions included: at Freshers Fair, via Word of Mouth, saw stall in reception, found via website etc.</p>
<p><strong></strong><em>Analysis</em>: <strong>Students</strong> had mainly f<strong>ound out about service through word of mouth</strong> or through <strong>seeing stall set up </strong>in the student union. <strong>Staff</strong> had mainly <strong>found out about the service through University Email Announcement</strong>.</p>
<p><strong><em>2.) Why did you join?</em></strong></p>
<p><em>Rationale</em>: <strong>Open question with promoting</strong> in order to <strong>identify the value propositions</strong>,  e.g. price, eco, organic, local, convenience, etc.<br />
<em></em></p>
<p><em>Analysis</em>: <strong>Price/Value for money was key value proposition</strong>, but <strong>also quality, variety, local, challenge/convenience of choice being made for you</strong>, because it had been recommended, and collection location was convenient.</p>
<p><strong><em>3.) What do you think of the service?</em></strong><em></em></p>
<p><em>Rationale</em>: This <strong>open question</strong> replaces the suggested Net Promoter Score one as analysis of recommendation rates would not be valid with sample of 5 customers (see <a href="http://www.dmc.co.uk/wp-content/uploads/2010/10/AdmapAdvocacy.pdf"><em>‘Customer advocacy metrics: the NPS theory in practice’</em> </a>, Kirby, J., Samson, A., Admap 2008). <strong>Promoting</strong> was suggested to <strong>find out whether candidates thought service was good/bad and could be improved</strong>.</p>
<p><em>Analysis</em>: <strong>Prices, quality, selection and convenience of being able to collect from university</strong> were considered <strong>good</strong>. <strong>Lack of choice and stables, and collection/delivery options</strong> were considered <strong>bad</strong> and also reason for switching to another service. <strong>Key improvement was delivery service</strong>.</p>
<p><strong>About the site:</strong></p>
<p><strong><em>1.) Have you visited web site?</em></strong><strong></strong></p>
<p><em>Rationale</em>: <strong>Open question</strong> with <strong>probing</strong> suggested to see <strong>what pages site visitors had looked at</strong>. It was also suggested that prompting might be required with regard to whether candidates had followed social media links, read blog posts, etc</p>
<p>In addition, it was suggested that those <strong>candidates that hadn&#8217;t visited the site</strong> where probed <strong>to find out why</strong>, e.g. didn&#8217;t know it existed, didn&#8217;t need further info, don&#8217;t like using internet, don&#8217;t have access etc.</p>
<p>Lastly, <strong>probing</strong> was suggested to see <strong>how often candidates had visited site</strong> to get an <strong>idea</strong> if just to <strong>get initial information</strong>, or <strong>regularly to read about different features</strong> etc:</p>
<p><em>Analysis</em>: Of 15-20 potential interview candidates <strong>only a handful had visited the site</strong>, and of these it was often referred to as a blog. <strong>Key reasons for visiting site/blog</strong> was <strong>to volunteer and to get recipes</strong>.</p>
<p><strong> </strong></p>
<p><strong>2.) <em>Why did you visit?</em></strong></p>
<p><em>Rationale:</em><strong> </strong>Question 2 was really <strong>follow-up question</strong> to find out <strong>more info about what information users were looking for</strong>, what kind of recipes they were looking for and why, e.g. To Join up, Get Information, Look For Recipes, Other.</p>
<p><em>Analysis</em>: <strong>Question was a bit redundant</strong> as answers had already been made as part of question 1 although the further <strong>probing did reveal that joining coop was another key reason for visiting site</strong>.</p>
<p><strong> </strong></p>
<p><strong>3.) <em>What five features in would you like to see on the web site</em></strong><em>?</em></p>
<p><em>Rationale</em>: <strong>Open question</strong> with <strong>probing</strong> was also suggested <strong>for features and info wanted</strong>, e.g. what&#8217;s in this weeks veg box, what do with veg (recipes), background info, where stuff comes from, how to get more involved, contact info if you can&#8217;t pick box up, etc</p>
<p><em>Analysis</em>: Answers to this <strong>question were perhaps the most useful</strong> with regard to <strong>benchmarking our own assumptions</strong> about w<strong>hat users might want on a redeveloped site with what the users actually want</strong>. <strong>Suggestions</strong>, included: <strong>More Product Info</strong>, <strong>Seasonal Info</strong>, <strong>More Recipes</strong>, <strong>More Choice/Select Likes and Dislikes</strong>/<strong>Product Suggestions</strong>, <strong>Online Ordering/Payment</strong>, <strong>Volunteer Online</strong></p>
<p><strong>4.) <em>Did you have any problems?</em></strong></p>
<p><em>Rationale</em>: <strong>Open question</strong> looking for <strong>user problems that we hadn’t considered</strong> and <strong>ones that we might be able to solve</strong> (see <em><strong>Problem Statements and Responses </strong></em>comparison criteria<strong></strong> from <strong>Lesson 5: Visual Comparison are essential part of competitive review </strong><a title="Permanent Link to Week 3 (Part A): Competitor Reviews" href="../2011/10/31/week-3-part-a-competitor-reviews/" rel="bookmark">Week 3 (Part A): Competitor Reviews</a>):</p>
<p><em>Analysis</em>: <strong>Problems related to choice</strong> and <strong>difficulty in finding site through Google,</strong> which <strong>when found wasn&#8217;t very informative</strong>.</p>
<p><strong>5.) <em>If you were recommending the service to a friend, would you refer them to the website?</em></strong></p>
<p><em>Rationale</em>: This open <strong>question question</strong> replaced Net Promoter Score question because as mentioned about any analysis of recommendation rates based on a sample of 5 users would not be statistically valid. <strong>Probing</strong> was recommended for to find out <strong>why candidates did or did not recommend site</strong>.</p>
<p><em>Analysis</em>: <strong>Majority wouldn&#8217;t recommend site</strong>, although no feedback on why. However, the <strong>service is more likely to be recommended</strong>.</p>
<p><strong>6.) <em>Do you think there is enough information on the website for a new user of the service?</em></strong></p>
<p><em>Rationale</em>: <strong>If Candidates answered No</strong>, <strong>probing</strong> was recommended to <strong>find out what more is needed</strong>.</p>
<p><em>Analysis</em>: <strong>answers were mostly no or not sure due to so few of the candidates having actually visited the site</strong>. Feedback from candidate that had visited site thought there was a <strong>requirement for a site rather than blog</strong>, which <strong>needed proper home page with more information about the service and joining</strong>.</p>
<p><strong> 7.) <em>Would you like updates from the service?</em></strong></p>
<p><em>Rationale</em>: We wanted to <strong>see not only whether Candidates wanted updates but through what channel</strong>. e.g., twitter, mobile, facebook, blog, other</p>
<p><em>Analysis</em>: Interestingly, the <strong>majority of candidates didn&#8217;t want updates</strong> with one preferring face to face contact. <strong>Facebook, Twitter, Email and Blog Posts were preferred formats</strong>.</p>
<p><strong>Demographics</strong>:<br />
<em>Rationale</em>: Having sought professional research advice we were informed that it was customary to ask the most important and interesting questions at the beginning and to save demographic questions at the end which are less important, and can be off putting. It was also recommended that research should be anonymous unless we wanted to follow up findings with the candidates. This allows the respondent to feel free to give negative feedback.</p>
<ul>
<li><em><strong>Age</strong></em>: It was suggested to ask about age ranges, rather than actual age.</li>
<li><em><strong>Occupation</strong></em>: We wanted to separate out <strong>t</strong>he following<strong> PT Student, FT Student, PT Staff, FT Staff, Other</strong> and well as ask <strong>how many days are they on this part of campus</strong></li>
<li><em><strong>Gender</strong></em>: to see if there were any significant differences between male and female users.</li>
<li><em><strong>Size of Household</strong></em>: We also suggested about whether they use box individually or share with other members of household. This might give useful feedback about tailoring service for individual in week, e.g. one cabbage could be a lot for an individual</li>
<li><em><strong>Dietary requirements</strong></em>: Probed with regard to vegetarian/vegan/allergic/etc. Could be important for recipes, and box choices.</li>
</ul>
<p><em>Analysis:</em> We had quite a good mix of male/female, FT/PT Staff/Students with different dietary requirements at this exploratory stage. Sample would need to be increased to be more valid, but is useful litmus test that can be used for the purposes of developing personas and scenarios.</p>
<p><strong>RESEARCH SUMMARY AND CONCLUSION<br />
</strong></p>
<p>As with the existing site analysis and competitive review process, <strong>lessons were learnt and insight gained</strong> not just from the research findings, but also as a result of speaking to Food Coop and potential interview candidates about the research. For example, the <strong>Food Coop has grown to 170+ members</strong>, with the majority joining in last 10 months <strong>due to word of mouth</strong>. The <strong>biggest issue facing the Food Coop is the recruitment of more volunteer</strong>s as they expand.</p>
<p>We also found out that just over <strong>10 per cent of members</strong> we spoke to as part of recruiting interview candidates <strong>only about 15-20% of them had actually visited the site</strong>. Those that had often referred to it as a blog, and talked about the various online touchpoints (i.e. Facebook, Twitter, Google Docs, etc) that are not part of the blog/site. This <strong>reinforces our findings from the existing site analysis</strong> about the fragmented nature of their online presence (see <a title="Permanent Link to Week 2 (Part B): Analysis of existing site/system" href="../2011/10/30/week-2-part-b-analysis-of-existing-site-system/" rel="bookmark">Week 2 (Part B): Analysis of existing site/system)</a>.</p>
<p>Within the context of this project it&#8217;s not our job to look in any detail at the promotion of their site, but it is <strong>important finding from our &#8216;quick and dirty&#8217; research</strong> and one that&#8217;s worth bearing in mind <strong>when thinking about what new features and content to included</strong>. Certainly, the fragmented aspects of the online touch points are something we can look to integrate more.</p>
<p>What <strong>we haven&#8217;t really looked at</strong> as part of this research is <strong>why people don&#8217;t use service,</strong> or any real analysis of <strong>why only less than 40 per cent of members are buying a box every week</strong> given the Food Coop had a record week of 69 boxes recently for around 176 members. It maybe actually be less as some buy more than one box, but it would be interesting to see how long a box lasts one person as this might require rethinking the actual product offering. At the same time, <strong>we haven&#8217;t looked in any great depth about why users might stop using service or switch to another supplier</strong>.</p>
<p>I&#8217;m not suggesting we need to ask these questions as part of this project, only that this kind of <strong>market research should be informing the UCD Process</strong> and that we might also want to <strong>think about how the Coop can connect and collaborate with their members to both spread the word, expand membership and improve the service</strong>.</p>
<div id="attachment_360" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.slideshare.net/usableinterface/understanding-the-value-of-user-research-and-usability-testing"><img class="size-full wp-image-360" title="Market Research versus User Research" src="http://afluxstate.files.wordpress.com/2011/10/ucd2.jpg?w=480" alt=""   /></a><p class="wp-caption-text">Market Research versus User Research</p></div>
<p>In reality, it&#8217;s <strong>unlikely that the Food Coop</strong> will require any <strong>indepth Usability Testing</strong>. However, <strong>integrating some feedback mechanism</strong> as part of the site development might provide an <strong>opportunity to blur the lines between user-led and user-centred design</strong> (see below).  Perhaps some kind of <strong>forum</strong> can be set-up where <strong>user suggestions</strong> can be made, and perhaps be voted on, <strong>before being incorporated as part of an ongoing iterative design and development process</strong>. The <strong>volunteering nature of the Food Coop</strong> will provide a <strong>good reality check on what&#8217;s feasible</strong> and what&#8217;s not as far as any developments are concerned.</p>
<p><strong>How </strong><strong>we analysed the research </strong>will be<strong> looked at on the following post about how we developed the personas and scenarios</strong>. The <strong>actual research was conducted rapidly</strong> with their being little more than an hour between the finalising the questions and finishing the interviews. With more time it would have be useful to carry out a more <strong>systematic </strong><strong>compiliation </strong>of some kind of <strong>meta analysis</strong> from the <strong>existing site analysis</strong>, <strong>competitor reviews</strong> and this <strong>initial user research</strong>. So wemay need to carry out a <strong>quick check</strong> of our <strong>user <a href="http://www.electricelephant.com/uni/IWM14/personas.docx">personas</a></strong> and <a href="http://www.electricelephant.com/uni/IWM14/scenarios.docx"><strong>scenarios</strong></a> to make sure we haven&#8217;t missed anything <strong>before moving on to define the <a href="http://www.electricelephant.com/uni/IDM01/User_journeys.docx">user journeys</a></strong>.</p>
<p><strong>USER-LED Vs USER-CENTRED APPROACHES:<br />
</strong></p>
<p><strong></strong>There <strong>isn&#8217;t the scope </strong>in this project<strong> to fully discuss User-led versus User-Centred approaches </strong>or whether the &#8220;<strong>user-led approach is fundamentally flawed</strong>&#8220;, e.g.  &#8220;listening to users is harmful&#8221; or that a &#8220;<strong>user-centric design focus creates sameness and stifles creativity and innovation</strong>&#8221; (see <a href="http://uxmag.com/articles/user-led-does-not-equal-user-centered">UX Magazine: User-Led Does Not Equal User-Centered</a>, <a href="http://www.fastcodesign.com/1663220/user-led-innovation-cant-create-breakthroughs-just-ask-apple-and-ikea">Fast Co-Design: User-Led Innovation Can&#8217;t Create Breakthroughs &#8211; Just Ask Apple and Ikea</a>,  <a href="http://www.jnd.org/dn.mss/human-centered_design_considered_harmful.html">Don Norman: Human-Centered Design Considered Harmful</a>).</p>
<p>It is, however, <strong>important to bear any critical analysis in mind as we carry out the User-Centred Process</strong> we are using on this project, particularly with regard to <strong>avoiding the pitfalls of &#8216;sameness&#8217;</strong> mentioned above. For example, it&#8217;s easy to see how the<strong> process of identifying good and best practice</strong> as part of the <strong><a title="Permanent Link to Week 3 (Part A): Competitor Reviews" href="../2011/10/31/week-3-part-a-competitor-reviews/" rel="bookmark">Competitor Reviews</a></strong> can easily <strong>lead to conformity and sameness </strong>along the lines of the proverbial snake eating its own tail.</p>
<div style="text-align:center;">
<dl>
<dt><a href="http://en.wikipedia.org/wiki/Ouroboros"><img class="aligncenter" title="Ouroboros - serpent eating its own tail" src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Ouroboros-simple.svg/200px-Ouroboros-simple.svg.png" alt="" width="200" height="200" /></a></dt>
<dd>Ouroboros &#8211; serpent eating its own tail</dd>
</dl>
</div>
<p>Perhaps there&#8217;s an opportunity to discuss the above more as part of the project conclusion. For now, it&#8217;s simply worth pointing out that <strong>our approach is not user-led</strong> because <strong>we are acting as experts who are putting <em>user-centred design</em> theories into practice through a UCD process that attempts to &#8220;verify and extract user <em>needs&#8221; </em></strong>(see <a href="http://uxmag.com/articles/user-led-does-not-equal-user-centered">UX Magazine: User-Led Does Not Equal User-Centered</a>).</p>
<p>However, in order to <strong>avoid the problem</strong> mentioned above of the <strong>UCD process stifling creativity and innovation</strong> we need to think about how we <strong> develop new options that haven’t been highlighted by the competitive review</strong> process or as<strong> part of this research and further development stages</strong> (see <em>Competitive Review Findings and Follow-up</em> in <a title="Permanent Link to Week 3 (Part A): Competitor Reviews" href="../2011/10/31/week-3-part-a-competitor-reviews/" rel="bookmark">Week 3 (Part A): Competitor Reviews</a>).</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/afluxstate.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/afluxstate.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/afluxstate.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/afluxstate.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/afluxstate.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/afluxstate.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/afluxstate.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/afluxstate.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/afluxstate.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/afluxstate.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/afluxstate.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/afluxstate.wordpress.com/308/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/afluxstate.wordpress.com/308/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/afluxstate.wordpress.com/308/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=afluxstate.wordpress.com&amp;blog=27904189&amp;post=308&amp;subd=afluxstate&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://afluxstate.wordpress.com/2011/10/31/week-3-part-b-initial-user-research-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d9eaaec9efa867927dade66ef44a60d3?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">juzzie</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/research_phase.jpg" medium="image">
			<media:title type="html">research_phase</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/ucd_design.jpg" medium="image">
			<media:title type="html">ucd_design</media:title>
		</media:content>

		<media:content url="http://afluxstate.wordpress.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" medium="image">
			<media:title type="html">More...</media:title>
		</media:content>

		<media:content url="http://afluxstate.files.wordpress.com/2011/10/ucd2.jpg" medium="image">
			<media:title type="html">Market Research versus User Research</media:title>
		</media:content>

		<media:content url="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Ouroboros-simple.svg/200px-Ouroboros-simple.svg.png" medium="image">
			<media:title type="html">Ouroboros - serpent eating its own tail</media:title>
		</media:content>
	</item>
	</channel>
</rss>
