<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Website Usability Testing: IntuitionHQ.com</title>
	
	<link>http://www.intuitionhq.com/blog</link>
	<description>Website Usability Testing: IntuitionHQ.com</description>
	<lastBuildDate>Tue, 03 Apr 2012 22:26:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/IntuitionHQ" /><feedburner:info uri="intuitionhq" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>IntuitionHQ</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>We talk user experience with Craig Tomlin</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/DQj7ly7AeB0/</link>
		<comments>http://www.intuitionhq.com/blog/2012/04/we-talk-user-experience-with-craig-tomlin/#comments</comments>
		<pubDate>Tue, 03 Apr 2012 22:26:47 +0000</pubDate>
		<dc:creator>timothy</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Interviews]]></category>
		<category><![CDATA[Tweets]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=2221</guid>
		<description><![CDATA[In today&#8217;s interview we&#8217;re going to talk with Craig Tomlin, one of the 3000 Certified Usability Analysts (CUA) in the world.  Craig is a very active blogger and has written dozens of blog posts about usability. Craig is an incredibly experienced usability expert, he&#8217;s vice-president of one of the largest independent search-driven marketing companies in the [...]]]></description>
			<content:encoded><![CDATA[<p>In today&#8217;s interview we&#8217;re going to talk with Craig Tomlin, one of the 3000 Certified Usability Analysts (CUA) in the world.  Craig is a very active blogger and has written dozens of <a href="http://www.usefulusability.com/">blog posts about usability</a>.</p>
<p>Craig is an incredibly experienced usability expert, he&#8217;s vice-president of one of the largest independent search-driven <a href="http://www.apogeeresults.com/">marketing companies</a> in the United States and has headed up some really impressive user experience projects.</p>
<p>So who better to explain usability than Craig.</p>
<h2 dir="ltr">The interview</h2>
<p><strong><strong>Would you give a brief introduction about you?<br />
</strong></strong>I’ve been in the online marketing and user experience space for over 15 years now. I started waaaay back in the days before there was a Google, or a Yahoo, or Mobile, and “broadband” meant you had the latest tool, a 56k dial up modem!  I’ve done web marketing, redesign or user experience projects for big and small companies over the years, including Blue Cross, Countrywide Home Loans, Disney, Kodak, Prudential Insurance and many more. I like to say that I’ve become quite good at what I do because I’ve learned from ‘experience,’ in other words I’ve made just about every mistake you could make and have learned what not to do!</p>
<p><strong><strong> As one of only 3,000 CUAs in the world, how did you initially get involved with usability?<br />
</strong></strong>Being a Certified Usability Analyst was a big deal for me because way back when I received my CUA there were very few courses focused on usability and user experience design that I could take. Most of the courses back then were PhD tracks, and were either focused on psychology, or on engineering.</p>
<p>HCI* had been around a long time, but with a full-time job I found it difficult to get a Masters and then Doctorate in HCI. I knew I needed education in UX and usability because I learned quickly that website design is far more than just a pretty website with brochureware. To create a successful web experience, you must know who’s trying to use the site, what critical tasks website visitors have, their “mental model” and much more.</p>
<p>All of that coming of course from understanding and applying user research and design best practices. The CUA courses and certification helped provide me that of training. But I fully recognize that the more I learn, the more I realize I don’t know! It’s an ever expanding subject.</p>
<p>* Human Computer Interaction</p>
<p><strong><strong> As vice president of Apogee Results you have studied, tested and honed the art of influencing people’s behavior. Which steps would you recommend to bulletproof an UX strategy?<br />
</strong></strong>The answer is somewhat simple, yet hard to execute: “know your users.” Strategy comes from identifying goals, both the goals of the business and the goals of the users. Good websites (or applications or devices) meet and hopefully beat users’ expectations and needs.  A successful UX strategy comes from applying those goals and expectations to a design based on:</p>
<ul>
<li>Using a unique understanding of who will be interacting with the experience</li>
<li>Identifying what their tasks and expectations are</li>
<li>Fully leveraging their mental map</li>
<li>Evaluating their domain expertise</li>
</ul>
<p>Good UX strategy fully uses that understanding to deliver an experience that meets, or hopefully beats, those expectations.</p>
<p><strong>On your blog <a href="http://www.usefulusability.com/">usefulusability.com</a> you address several usability topics.  What do you think is currently a hot trend that UX practitioners should be aware of?</strong><br />
Without a doubt the next hot trend we all must come to grips with when dealing with UX is understanding that “user experience” does not mean just “web site experience” or “mobile experience” or “phone experience” or “store experience.”  Separately, these are all experiences, that’s true, but sadly most companies design each experience in a vacuum, seldom putting together the holistic understanding of how users actually interact with Brands. But put them all together, and they represent the real “user experience,” which can be called the Brand Experience.</p>
<p>What’s a Brand Experience? Think about a person who wishes to purchase a car. She may go to several websites to evaluate prospective car brands. She may go into a showroom to test drive a couple cars. She may ask friends on Facebook or other social sites about their opinions. She may evaluate features of cars on her smart phone multiple times. Eventually she will go to the finalist car lot and interact with the dealer to purchase her car. Given that she has interactions that transcend any single experience, why would we design the user experience she has with the website without consideration of the other critical interactions she will have during her process of purchasing a car?</p>
<p>Good Brands, and good UX designers, understand the holistic nature of user experience and include multiple interaction points in their thought process as they develop their UX strategy. I think that’s the next big thing in UX.</p>
<p><strong>Can you tell us the difference between market segmentation and persona development?</strong><br />
Most marketing organizations in firms have a good sense of creating target markets based on market segmentation. They may use clustering to identify like-groups or set of prospects based on various data. The data is typically not task-specific, it may range from geographic information (all people living in New Zealand) to demographic (all people older than 30 years) to psychographic (all people who intend to purchase in less than 6 months). This data can then create a market segment that marketers can use to try to reach the intended audience (all people living in New Zealand, over age 30, who intend to purchase in less than 6 months).</p>
<p>Personas however are quite different. I like to think of a Persona as a fictional representation of a typical user, in which the common element that defines the Persona is a critical task (or tasks). Personas have names, they have faces, they have a story and a critical task. And Personas have the ability to be used broadly across an enterprise for purposes other than designing a website or mobile user experience. A good Persona, if done well, can be used to make design decisions across the holistic Brand Experience. For more information about Personas see my Useful Usability post on the <a href="http://www.usefulusability.com/personas/">Forrester report of Personas</a>.</p>
<p><strong>How can two, three, four or even five user profiles represent the entire user community?</strong><br />
This is a common question I receive from developers and those in I.T. I believe they confuse Personas with Use Cases. The most common question is; “If you’ve identified four Personas, does that mean I need four different websites?” The short answer is: Yes, and no.</p>
<p>Yes, in theory it would be great to have a website experience aligned directly to the needs of each Persona. However, often this is not possible from either a business or Brand standpoint.  So, one website has to fill the needs of all Personas.</p>
<p>But how? The answer is by making sure you address at least the initial critical task that each Persona is seeking on your home page and other pertinent pages. One website, if the information architecture and related navigation systems are set up correctly, can handle each of the needs of multiple Personas.</p>
<h2>What do you think?</h2>
<p>We want to thank Craig again for making time to answer our questions. His ideas on focussing more on the holistic understanding of how users interact with brands are definitely insightful and something we should be aware of as UX designers.</p>
<p>What do you think?  Do you use personas to represent your entire user community?  Feel free to share your opinions in the comments below, on Twitter @<a href="http://twitter.com/intuitionhq">IntuitionHQ</a> or at <a href="http://facebook.com/IntuitionHQ">Facebook.com/IntuitionHQ</a>.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/DQj7ly7AeB0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/04/we-talk-user-experience-with-craig-tomlin/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/04/we-talk-user-experience-with-craig-tomlin/</feedburner:origLink></item>
		<item>
		<title>Interview with Brad Frost</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/Sap0Smdl_uE/</link>
		<comments>http://www.intuitionhq.com/blog/2012/03/interview-with-brad-frost/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 21:33:55 +0000</pubDate>
		<dc:creator>timothy</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Interviews]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Usability Testing]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=2192</guid>
		<description><![CDATA[Does your site look great on mobile devices? Is it usable on mobile? Increasingly mobile devices are replacing our computers for daily tasks, and because of this web design and development is evolving further. Since Ethan Marcotte published his article in 2011 about responsive web design, we’ve entered a new phase in web design for [...]]]></description>
			<content:encoded><![CDATA[<p>Does your site look great on mobile devices? Is it usable on mobile? Increasingly mobile devices are replacing our computers for daily tasks, and because of this web design and development is evolving further.</p>
<p>Since <a href="http://ethanmarcotte.com/">Ethan Marcotte</a> published his article in 2011 about<a href="http://www.alistapart.com/articles/responsive-web-design/"> responsive web design</a>, we’ve entered a new phase in web design for mobile. Some might see responsive web design as just another trend, but here at<a href="http://www.intuitionhq.com/"> IntuitionHQ</a> we believe it’s more than just a trend, we believe responsive web design might just become one of the most important changes to web design in 2012.</p>
<p>But what does responsive web design really mean?  Time to ask an expert in this field &#8211; Brad Frost.  We first spoke with Brad a few months ago after reading his posts about responsive design and usability on his <a href="http://bradfrostweb.com/blog/">blog</a>.</p>
<p>Brad&#8217;s a very busy guy, aside from writing for <a href="http://www.alistapart.com/articles/for-a-future-friendly-web">A List Apart</a> and his<a href="http://bradfrostweb.com/"> blog</a>, doing interviews with IntuitionHQ and <a href="http://thenextweb.com/socialmedia/2012/03/06/tumblr-tuesday-celebrating-the-wtf-of-qr-codes-and-the-mobile-web/">thenextweb</a>, he&#8217;s also one of the speakers at the upcoming <a href="http://mobilism.nl/">Mobilism</a> conference on May 10th in Amsterdam!</p>
<p>We think his views on responsive web design offer great insight on this new trend.  So let’s talk responsive web design.</p>
<h2 dir="ltr">The interview</h2>
<p><strong id="internal-source-marker_0.7954322174191475">Could you give a brief introduction about you?<br />
</strong>I’m a mobile web strategist and front-end designer at<a href="http://www.rga.com/"> R/GA</a> in New York. I’ve been focusing on creating mobile-optimized websites for a few years now and spend a great deal of time learning and talking about what goes into good mobile web experiences. I made a<a href="http://mobilewebbestpractices.com/"> website</a> that tries to make sense of this stuff. I’m also a musician (primarily a bass player) and an artist. I live in Brooklyn with my wonderful wife. She’s just as busy as I am.<strong id="internal-source-marker_0.7954322174191475"></strong></p>
<p><strong>What is the biggest usability challenge for the mobile web?</strong><br />
I think the biggest challenge for the mobile web is achieving <a href="http://bradfrostweb.com/blog/mobile/content-parity">content parity</a>. For a long time the default mentality was that mobile users don’t want everything desktop users want. As a result, important content would get arbitrarily lopped off and mobile users were penalized for how they happened to be accessing the web. The biggest challenge then becomes to deliver a full experience while being mindful of the many constraints the mobile environment creates.</p>
<p><strong>Can you tell us a bit more about responsive web design?</strong><br />
<a href="http://ethanmarcotte.com/"> Ethan Marcotte</a> coined the term “responsive web design” and he broke it down to three components: fluid grids, flexible media and media queries.  However it’s evolved into something much bigger than that. It’s become a language with which to talk about designing beyond a singular screen size and context.</p>
<p>Before the term “responsive web design” was around, my colleague Jack Bishop and I were using the term “adaptive web design” as a way to talk about how an experience adapts to device features and browser capabilities. As it turns out, at the same time Aaron Gustafson was writing a book titled<a href="http://easy-readers.net/books/adaptive-web-design/"> Adaptive Web Design,</a> which dives deep into the concepts of progressive enhancement. And that’s what a lot of this is about, just applying those concepts to more contexts.<strong id="internal-source-marker_0.7954322174191475"></strong></p>
<p><strong>What does responsive design mean for the future web?</strong><br />
It’s becoming increasingly challenging to create and maintain separate experiences for different contexts. You turn your head for a second and BOOM—there’s fifteen new mobile devices announced—all with different screen sizes, form factors, browsers and more. Because devices, browsers and capabilities are such moving targets, we need to find solid ground to stand on.  That means focusing on creating flexible foundations that provide a good user experience to a number of different contexts. So instead of maintaining multiple websites that all essentially do the same thing, we’re trying to create smarter websites that have the power to go more places.</p>
<p>Looking down the road it becomes even harder to predict what’s coming down the pipes. Technology is constantly building on itself and we have to deal with the breakneck speed of innovation. Anyone who claims to know what the landscape is going to be like in five years is full of it. The fact that the future is so impossible to predict is why it becomes incredibly important to design experiences that are compatible with more scenarios—present and future.<strong id="internal-source-marker_0.7954322174191475"></strong></p>
<p><strong>What are some of the pitfalls responsive design is faced with?</strong><br />
There are plenty of pitfalls and challenges that responsive design faces. First, I think that responsive web design is viewed as a panacea for mobile design by a lot of people. It’s not and it never claimed to be. Creating contextually-aware experiences requires a hell of a lot more than just adjusting layout. Sure, it’s a piece of the puzzle, but there’s other things that need addressed. User goals can change dramatically based on context, so serving up a one-size-fits-all experience to mobile users runs the very real risk of not giving the user what they need.</p>
<p>For example, a blog’s content is to make a readable experience for as many screens as possible, but what about an e-commerce website?  A user could be at home on a laptop trying to buy a product, but what about a mobile user? Sure, they could be at home on the couch trying to buy the product too, but they could just as well be at the mall looking at the physical product and are trying to read reviews and compare prices. For that user, the “add to cart” button isn’t as important as quick and easy access to price, ratings and reviews. I feel that these are the things we need to consider when designing adaptive experiences. Ask yourself “Why might this mobile user be visiting this site right now? What are they trying to do and what can I do to help them?”</p>
<p>Another big challenge is performance. I mentioned before how we shouldn’t arbitrarily lop off content for mobile users. Well, responsive design fixes that problem (unless you’re using display: none; to hide content for small screens, which you shouldn’t be doing), but it can create big performance issues. Forcing mobile users to download a ton of scripts, media and content just doesn’t make a good experience. That’s why we advocate<a href="http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/"> mobile-first responsive web design</a>, which entails tackling the constraints of the mobile environment first then build up a core experience from there. Conditionally introduce heavier media and scripts when the scenario can accommodate them, instead of trying to cram a desktop site into a mobile-sized screen.</p>
<p>There’s a lot more challenges to responsive design as well: it’s costs more money to produce up front, it requires rethinking the design process, it’s hard to create truly great mobile experiences without compromising the larger screen experiences and vice-versa, etc.  There’s a lot of challenges, but that’s not a good reason to shy away from adaptive design. We just need to tackle these issues head on and collaborate to figure this stuff out. Because the other options simply don’t scale.<strong id="internal-source-marker_0.7954322174191475"></strong></p>
<p><strong>How do you approach the actual design when developing a responsive website?</strong><br />
Get designs into the browser as soon as possible. That’s not to say that you can’t use Photoshop or static wireframes, it’s just that those things don’t paint a realistic picture of how things will adapt.  We’ve traditionally followed a waterfall process, but you simply can’t do that for adaptive experiences.</p>
<p>Typically we map out the experience in wireframes and articulate where the experience will split based on the capabilities of the device/browser (for example, here’s how the carousel looks on non-touch devices, but here’s how the interaction changes when touch gestures are supported).</p>
<p>From there we’ll create a working prototype while the visual design team is in Photoshop creating the general look and feel. By the time the visual team has the look and feel in a good spot, the prototype team has the basic site architecture built. The prototype team starts implementing the look and feel while the visual team moves forward with the rest of the design. From there it becomes a series of iterations and back-and-forth between all the designers. The visual team is one step ahead of the prototype team, who’s focused on implementing the previous round of visual designs. It’s not this cut-and-dry though, because the prototype greatly influences the visual design and lots of things often need revisited. It’s all about back-and-forth.</p>
<p>Three things make a responsive process work: collaboration, collaboration, collaboration. It requires everyone being on board with the approach, tackling problems and being willing to revisit designs in order to make them work. This is much different than the traditional waterfall process, where developers working at the end of the line are left with a lot of the burden of figuring out how to make static designs work.</p>
<p><strong id="internal-source-marker_0.7954322174191475">Does responsive design influence content?<br />
</strong>Absolutely. All of a sudden, our content needs to be relevant to a whole lot more contexts. We need to be a lot more considerate about how we handle content hierarchy, media and interactions across a ton of screens and scenarios.</p>
<p>Are images still legible on mobile screens? Is there text in the images and is it still readable? Is the image a landscape image whose subject matter becomes tiny on a small screen? Data visualization is currently a hot trend right now, and whenever I fire up these massive JPEGS on my phone I can barely make out any of the text and charts.</p>
<p>Sara Wachter-Boettcher beautifully articulated the challenges of content hierarchy in her post<a href="http://sarawb.com/2012/03/07/content-strategy-responsive-design/"> Responsive-ready content</a>. She demonstrates how it’s natural to want to throw sidebar content underneath the main page info, but that it doesn’t necessarily make sense in all circumstances. How layout breaks can very much influence how the user receives the information, so we need to be thoughtful with regards to content hierarchy.</p>
<p>I think the best way to deal with all of this is again to start mobile-first and make sure that all the content on the page is relevant. The less moving parts we have to deal with, the better. Mobile is a great excuse to clean house and gut the bullshit. We have a tendency to fill space with something, anything, if we have the chance. Thankfully we don’t have that luxury on these mobile screens so we’re forced to make some hard decisions. Once that exercise is done, then think of how to take advantage of extra space as it becomes available.<br />
<strong id="internal-source-marker_0.7954322174191475"><br />
As one of the undersigned on <a href="http://futurefriend.ly/">Future friendly</a>, can you tell us a bit more about the idea behind the site?<br />
</strong>The idea behind the site is that the future is unpredictable, so we need to be more considerate of this change as we create web experiences. We shouldn’t bemoan the fact that there’s more connected devices we need to care about, but rather we should embrace this diversity and use it as an opportunity to reach more people.</p>
<p>The fact that no one knows what’s around the corner is why the site is intentionally ambiguous. When we all of came together, we realized that there’s no silver bullet to these problems.  We gave some ways people can<a href="http://futurefriend.ly/thinking.html"> think</a> differently in order to become more future friendly, but again, these aren’t prescriptive solutions. It was made more to capture a notion than to say “do this or else!” Ultimately, it’s just there to get people to be considerate and to get more brains working on these hard issues.<strong id="internal-source-marker_0.7954322174191475"></strong></p>
<p><strong>Any favorite sites or resources you’d like to share with us?</strong><br />
There’s no shortage of great resources out there, and I’ve been doing what I can to collect them on my<a href="http://mobilewebbestpractices.com/resources/"> Mobile Web Best Practices resources</a> site. I also think Twitter is such an invaluable tool for all this. There’s tons of wonderful people willing to share their experience, thoughts and resources. The collective conversation and collaboration that happens on a daily basis is essential to making sense of these really big challenges. It’s really exciting to listen and participate.</p>
<h2>What do you think? <strong id="internal-source-marker_0.7954322174191475"></strong></h2>
<p>Our thanks go to Brad for his time and insights.  We will be keeping an eye out for his upcoming speaking event at Mobilism.</p>
<p>We believe responsive design is a new and exciting trend we all need to be aware of.  With the growth of different mobile devices, we can no longer design for just one or two different mobile devices.</p>
<p>What do you think about responsive design?  Do you have any interesting insights to share? Feel free to let us know what you think about responsive design in the comments below, on Twitter @<a href="http://twitter.com/intuitionhq">IntuitionHQ</a> or at <a href="http://facebook.com/IntuitionHQ">Facebook.com/IntuitionHQ</a>.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/Sap0Smdl_uE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/03/interview-with-brad-frost/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/03/interview-with-brad-frost/</feedburner:origLink></item>
		<item>
		<title>Usability preference testing with IntuitionHQ</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/EKbWljJOtIs/</link>
		<comments>http://www.intuitionhq.com/blog/2012/03/usability-preference-testing-with-intuitionhq/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 20:10:13 +0000</pubDate>
		<dc:creator>Kirstin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Website Usability Testing]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=2216</guid>
		<description><![CDATA[Preference testing Usability preference testing is when two images/wireframes/screenshots are shown side by side, and users are asked to make a choice on which one they prefer based on the test criteria that you set for them – generally along the lines of a ‘which design do you prefer?&#8217;. Preference testing is really useful for testing a [...]]]></description>
			<content:encoded><![CDATA[<h2>Preference testing</h2>
<p>Usability preference testing is when two images/wireframes/screenshots are shown side by side, and users are asked to make a choice on which one they prefer based on the test criteria that you set for them – generally along the lines of a ‘which design do you prefer?&#8217;.</p>
<p>Preference testing is really useful for testing a range of different things: it can help you to better understand conventions in design (as shown in our <a href="http://spyrestudios.com/the-user-experience-and-psychology-of-colour/">‘The User Experience and Psychology of Colour’</a> article on <a href="http://spyrestudios.com/">Spyre Studios</a>), for example looking at preferences across cultures and understanding how small differences can affect your users. As with A/B usability tests, there is a huge range of different aspects you could test in this way, from colour palettes to navigation wording.</p>
<p>IntuitionHQ makes it simple to set up a preference usability test.  Here&#8217;s a step by step guide:</p>
<h3>Step 1 &#8211; Write your test</h3>
<p>Follow <a href="http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/">steps 1 and 2</a> from our IntuitionHQ quick guide post in order to set up your test. Once you are presented with the first &#8216;Question for task&#8217; screen enter a question worded to direct the user to click the screenshot they prefer for example:</p>
<p>Q.  Click on the image of the buttons you prefer.</p>
<p>Then upload a screenshot that displays each design side by side, in this example the screenshot and question are testing wording preferences on the buttons:</p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/usability-preference-testing-with-intuitionhq/screen-shot-2012-03-26-at-11-20-05-am/" rel="attachment wp-att-2220"><img class="aligncenter size-medium wp-image-2220" title="Preference test" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/Screen-Shot-2012-03-26-at-11.20.05-AM-578x414.png?9d7bd4" alt="" width="578" height="414" /></a></p>
<p>In this case the testers would be familiar with the site and the process the buttons represent. Using a preference test gives an idea of what works for users and helps confirm initial thoughts on design and structure.</p>
<h3>Step 2: Interpreting results</h3>
<p>As with other types of usability testing with IntuitionHQ, view the results on each question/task by clicking &#8216;replies&#8217; in the Project Overview:</p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/usability-preference-testing-with-intuitionhq/screen-shot-2012-03-27-at-11-01-47-am/" rel="attachment wp-att-2254"><img class="aligncenter" title="Screen Shot 2012-03-27 at 11.01.47 AM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/Screen-Shot-2012-03-27-at-11.01.47-AM-578x293.png?9d7bd4" alt="" width="578" height="293" /></a></p>
<p>Your results will show you where the majority of participants have clicked and therefore which design was preferred by participants.  You&#8217;ll also be able to see the average length of time participants took to respond. A lengthy average response time can indicate a couple of potential issues &#8211; either your question was confusing or the differences between designs were indistinct. Either way it&#8217;s definitely an indication that something hasn&#8217;t been clear to participants.</p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/usability-preference-testing-with-intuitionhq/screen-shot-2012-03-27-at-11-00-37-am/" rel="attachment wp-att-2255"><img class="aligncenter size-medium wp-image-2255" title="Screen Shot 2012-03-27 at 11.00.37 AM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/Screen-Shot-2012-03-27-at-11.00.37-AM-578x439.png?9d7bd4" alt="" width="578" height="439" /></a></p>
<p>With the rise and rise of mobile use and mobile applications, preference testing isn&#8217;t just for websites, consider testing your apps as well, here&#8217;s an example of a popular social networking site and how IntuitionHQ could be used to test user preference in navigation:</p>
<p>Q. Which navigation layout do you prefer?</p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/usability-preference-testing-with-intuitionhq/facebook-preference/" rel="attachment wp-att-2267"><img class="size-medium wp-image-2267 aligncenter" title="facebook-preference" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/facebook-preference-578x481.jpg?9d7bd4" alt="" width="347" height="289" /></a></p>
<p>Consulting users on their preference can be useful to either confirm the usability of your site or highlight areas in which there are problems. Once you have the results of your test you can decide if one route is more appropriate than another or make further changes and re test. Preference testing gives you an insight into what the user finds most effective.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/EKbWljJOtIs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/03/usability-preference-testing-with-intuitionhq/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/03/usability-preference-testing-with-intuitionhq/</feedburner:origLink></item>
		<item>
		<title>A quick guide to A/B testing with IntuitionHQ</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/e0qr63IFTxo/</link>
		<comments>http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/#comments</comments>
		<pubDate>Mon, 19 Mar 2012 20:42:02 +0000</pubDate>
		<dc:creator>Kirstin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Website Usability Testing]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=2119</guid>
		<description><![CDATA[A/B Testing for Usability A/B Testing is a method for testing variations in live sites; you can have two different variations of a text, button or other element and find out which one works best. You can easily create an A/B test using IntuitionHQ, this post gives you a step by step process to set up [...]]]></description>
			<content:encoded><![CDATA[<h2>A/B Testing for Usability</h2>
<p><a href="http://www.useit.com/alertbox/20050815.html">A/B Testing</a> is a method for testing variations in live sites; you can have two different variations of a text, button or other element and find out which one works best. You can easily create an A/B test using IntuitionHQ, this post gives you a step by step process to set up a test.</p>
<p>A/B testing is achieved by sending roughly 50% of the sites traffic to the different variations (either A or B – not both) and seeing which one works best by analysing the results. Whatever ideas you have to test, whatever variations you can think of, just upload them, set a task, and see which one works best. The great thing about this is you don’t need to make changes to your live site, and it’s easy to add multiple tasks to test different variations.</p>
<p>&nbsp;</p>
<h2>How to set up an A/B test</h2>
<p><strong>Step 1: Select A/B test </strong></p>
<p>Follow <a href="http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/">steps 1 and 2</a> from our IntuitionHQ quick guide post, then when you are presented with the first Question for task screen, select the link in red, &#8216;Click here to make an A/B test with two screenshots&#8217;:</p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/screen-shot-2012-03-07-at-10-15-46-am/" rel="attachment wp-att-2125"><img class="aligncenter size-medium wp-image-2125" title="Screen Shot 2012-03-07 at 10.15.46 AM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/Screen-Shot-2012-03-07-at-10.15.46-AM-578x371.png?9d7bd4" alt="" width="578" height="371" /></a></p>
<p>&nbsp;</p>
<p><strong>Step 2: Upload two screenshots</strong></p>
<p>You will then be presented with one question field and upload options for two screenshots, A and B:</p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/screen-shot-2012-03-07-at-10-20-10-am/" rel="attachment wp-att-2126"><img class="aligncenter size-medium wp-image-2126" title="Screen Shot 2012-03-07 at 10.20.10 AM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/Screen-Shot-2012-03-07-at-10.20.10-AM-578x578.png?9d7bd4" alt="" width="578" height="578" /></a></p>
<p>Enter your question, for example &#8217;Learn more about our project management approach. Upload the two screenshots.  When your participants take the test <span style="text-align: left;">50% of users will see the first screenshot and the question and the other 50% will see the second screenshot and question. </span></p>
<p>&nbsp;</p>
<p><strong>Step 3: Preview your A/B questions</strong></p>
<p><span style="text-align: left;">To view the questions with both screenshots present go to Project Overview &#8211; Tasks and click on the number adjacent to either A or B under the Replies column.</span></p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/screen-shot-2012-03-07-at-2-13-42-pm/" rel="attachment wp-att-2135"><img class="aligncenter size-medium wp-image-2135" title="Screen Shot 2012-03-07 at 2.13.42 PM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/Screen-Shot-2012-03-07-at-2.13.42-PM-578x482.png?9d7bd4" alt="" width="578" height="482" /></a><a href="http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/screen-shot-2012-03-07-at-10-26-51-am/" rel="attachment wp-att-2128"><br />
</a><a href="http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/screen-shot-2012-03-07-at-10-26-00-am/" rel="attachment wp-att-2127"><br />
</a>You&#8217;ll then be able to see your question with both screenshots displaying side by side.</p>
<p>&nbsp;</p>
<p><strong>Step 4: Interpreting the results of an A/B test</strong></p>
<p>To view your results go to the published project in your dashboard and click on the number under the Replies column:</p>
<p><a href="http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/screen-shot-2012-03-07-at-2-12-22-pm/" rel="attachment wp-att-2134"><img class="aligncenter" title="Screen Shot 2012-03-07 at 2.12.22 PM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/Screen-Shot-2012-03-07-at-2.12.22-PM-578x342.png?9d7bd4" alt="" width="578" height="342" /></a></p>
<p>From the results &#8211; we can see that on screenshot A, 25 of the participants clicked on the &#8216;working with Boost&#8217; navigation, whereas on screenshot B only 21 participants clicked the alternative navigation item -&#8217;agile&#8217;.  This A/B test result indicates that &#8216;working with Boost&#8217; works better as a navigation item than &#8216;agile&#8217;.</p>
<p>Following the steps above allows you to set up an A/B test to test variations within your site design. We hope you’ve found this quick guide useful and we’d be grateful for any feedback you have on creating an A/B test with IntuitionHQ.  You can comment via the comment box below or email us on <a href="mailto:info@intuitionhq.com">info@intuitionHQ.com</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/e0qr63IFTxo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/03/a-quick-guide-to-ab-testing-with-intuitionhq/</feedburner:origLink></item>
		<item>
		<title>Changes to IntuitionHQ plans</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/g7NJFtdD6Js/</link>
		<comments>http://www.intuitionhq.com/blog/2012/03/changes-to-intuitionhq-plans/#comments</comments>
		<pubDate>Wed, 14 Mar 2012 01:47:59 +0000</pubDate>
		<dc:creator>timothy</dc:creator>
				<category><![CDATA[Tweets]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=2148</guid>
		<description><![CDATA[Many of our users have upgraded to our monthly subscription plans since the introduction of monthly plans in December 2011.  Some of our users are still on the Pay per Test service and pay $9 per published test. After careful consideration we have decided to discontinue our Pay per Test service at the end of [...]]]></description>
			<content:encoded><![CDATA[<p>Many of our users have upgraded to our monthly subscription plans since the introduction of monthly plans in December 2011.  Some of our users are still on the Pay per Test service and pay $9 per published test. After careful consideration we have decided to discontinue our Pay per Test service at the end of March 2012 and move those users to our Free plan. Users who paid per test prior to the change over will still have access to all their previous tests and results.</p>
<p>A free plan allows you to have 1 live test at any given time, view results from 10 participants and have unlimited questions.  To increase the number of participants and live tests check out our <a href="http://www.intuitionhq.com/">other great plans</a>.</p>
<p>We&#8217;re changing from Pay per test to free plans for the following reasons:</p>
<ul>
<li>we believe the monthly pricing gives us the chance to provide a better service for all our users.</li>
<li>monthly pricing is perfect for users who run lots of tests.</li>
<li>it makes it easier for us to plan for future development when we have a clear view of our users and their IntuitionHQ plans.</li>
</ul>
<p>The transition to a free plan does not require any action from our Pay per Test users and will have no effect on previous paid tests.</p>
<p>We are committed to keeping our users happy so if you have any questions, comments or feedback about IntuitionHQ, feel free to let us know in the comments below, on Twitter @<a href="http://twitter.com/intuitionhq">IntuitionHQ</a> or at <a href="http://facebook.com/IntuitionHQ">Facebook.com/IntuitionHQ</a>.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/g7NJFtdD6Js" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/03/changes-to-intuitionhq-plans/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/03/changes-to-intuitionhq-plans/</feedburner:origLink></item>
		<item>
		<title>Improve design sign off with IntuitionHQ</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/i-uqI-JsN8o/</link>
		<comments>http://www.intuitionhq.com/blog/2012/03/nathan/#comments</comments>
		<pubDate>Tue, 06 Mar 2012 20:00:04 +0000</pubDate>
		<dc:creator>Kirstin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Usability Testing]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=1963</guid>
		<description><![CDATA[Use IntuitionHQ for usability testing to increase your team and your stakeholders&#8217; involvement in the design process. We&#8217;ll help you make the design approval process less painful by explaining how. We&#8217;ll also give you some ideas about how you can familiarise your team and stakeholders with your design as it evolves. The scenario You&#8217;ve met with your  client and their stakeholders and everyone has agreed [...]]]></description>
			<content:encoded><![CDATA[<p>Use <a href="http://www.intuitionHQ.com">IntuitionHQ</a> for <a href="http://en.wikipedia.org/wiki/Usability_testing">usability testing</a> to increase your team and your stakeholders&#8217; involvement in the design process. We&#8217;ll help you make the design approval process less painful by explaining how. We&#8217;ll also give you some ideas about how you can familiarise your team and stakeholders with your design as it evolves.</p>
<h3>The scenario</h3>
<p>You&#8217;ve met with your  client and their <a href="http://en.wikipedia.org/wiki/Project_stakeholder">stakeholders</a> and everyone has agreed what your site design needs to achieve. Armed with this information you have produced a design that you believe fulfills all requirements. Your client circulates your design to the highest level of stakeholder only to find that the person at the top of the chain doesn&#8217;t like it. You then spend additional time iterating the design until the senior stakeholder is happy. A process that should have been straightforward has now taken way longer than expected.</p>
<h3>What could you have done differently?</h3>
<ul>
<li>socialise your design</li>
<li>an IntuitionHQ usability test on your wireframes</li>
<li>your graphic design</li>
</ul>
<p><strong><strong>Socialising your design</strong><br />
</strong>Socialise your design, get your design out there at every opportunity you can. According to Wikipedia, the <a href="http://en.wikipedia.org/wiki/Mere-exposure_effect">mere-exposure effect</a> is a psychological phenomenon by which people tend to develop a preference for things merely because they are familiar with them, so expose the highest level stakeholders to the design right from the outset.</p>
<p><strong>Start with wireframes</strong><br />
Try starting right from the wireframe stage. Expose your wireframes to your senior stakeholders by creating a test in <a href="http://www.intuitionhq.com/" target="_blank">IntuitionHQ</a>. This involves stakeholders right from the start and lets them contribute to the design process by providing structured feedback.</p>
<p style="text-align: center;"><a href="http://www.intuitionhq.com/blog/2012/03/nathan/photo-1-2/" rel="attachment wp-att-2091"><img class="size-medium wp-image-2091 aligncenter" title="photo (1)" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/03/photo-1-578x458.jpg?9d7bd4" alt="" width="343" height="273" /></a></p>
<p>A <a href="http://www.intuitionhq.com/blog/2011/02/website-usability-testing-and-the-design-process/">usability test on your wireframes</a> also allows your senior stakeholder to start becoming familiar with the design as it evolves. You might like to produce an <a href="http://www.intuitionhq.com/blog/2011/04/ab-and-preference-testing-for-usability/">A-B test or a preference test</a>  using IntuitionHQ. In an A-B test 50% of your testers see one design and 50% the another so that you can use test results to gauge which design works best. In a preference test two versions of a design or aspects of a design are presented side by side  and the tester is asked to click on their preference.  A preference test can enable your testers/stakeholders to have a direct input to the design direction.</p>
<p><strong>Graphic design</strong><br />
Similarly once you have your graphic design make sure you expose it to the senior stakeholder as early and often as possible. Often people will become distracted by surface features (like colour) when feeding back on a design. If you&#8217;ve exposed your site design including navigation and layout as early and often as possible you&#8217;ll find your senior stakeholder will be engaged in how the design works for the user rather than becoming bogged down by personal colour preferences or particular graphic aspects. Think about displaying your design on a wall in the office, and have it present at each meeting during the design phase.</p>
<p>So get your design out there:</p>
<ul>
<li>start early, expose it often</li>
<li>have the stakeholder involved in testing</li>
<li>have stakeholders think about what the design needs to achieve rather than about colours and other design elements</li>
<li>present the design at each stage</li>
</ul>
<p>We&#8217;ve found the design process and design approval is a far smoother task when we involve the senior stakeholder early and often.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.intuitionhq.com/blog/2011/03/usability-ux-checklist/' title='Simple Usability/UX Checklist'>Simple Usability/UX Checklist</a></li>
<li><a href='http://www.intuitionhq.com/blog/2011/03/the-godaddy-ux-fail-results/' title='The Godaddy UX (Fail) &#8211; Results '>The Godaddy UX (Fail) &#8211; Results </a></li>
<li><a href='http://www.intuitionhq.com/blog/2011/01/usability-tweets-of-the-week-4/' title='Usability Tweets of the Week'>Usability Tweets of the Week</a></li>
<li><a href='http://www.intuitionhq.com/blog/2011/01/saving-time-with-usability-testing/' title='Saving time with usability testing'>Saving time with usability testing</a></li>
<li><a href='http://www.intuitionhq.com/blog/2010/12/tweets-of-the-week-december-10-2010/' title='Usability tweets of the week'>Usability tweets of the week</a></li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/i-uqI-JsN8o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/03/nathan/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/03/nathan/</feedburner:origLink></item>
		<item>
		<title>Increase your revenue with usability testing</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/qDOdvgRs4zk/</link>
		<comments>http://www.intuitionhq.com/blog/2012/02/increase-your-revenue-with-usability-testing/#comments</comments>
		<pubDate>Mon, 27 Feb 2012 20:56:35 +0000</pubDate>
		<dc:creator>Kirstin</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Usability Reviews]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Usability Testing]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=1904</guid>
		<description><![CDATA[Creating a new revenue stream using IntuitionHQ is easy. Offering quick and easy usability tests for your clients adds credibility to your business. We often add usability tests during the early design phase. Not only does this ensure that you catch any problems early, it shows the client that you are professional and proactive, adding to your [...]]]></description>
			<content:encoded><![CDATA[<p>Creating a new revenue stream using <a href="http://www.intuitionhq.com">IntuitionHQ</a> is easy. Offering quick and easy usability tests for your clients adds credibility to your business. We often add usability tests during the early design phase. Not only does this ensure that you catch any problems early, it shows the client that you are professional and proactive, adding to your credibility.</p>
<p>By running tests on your design work with real users as it&#8217;s in progress, you get instant feedback on where they&#8217;re succeeding and where they&#8217;re failing &#8211; information you can use to guide the next stage of design. Making usability testing a part of the project process means you can find out whether the design works or not before launch.</p>
<p>Usability results from testing an established website can ensure your design is continuing to serve the needs of users or can highlight the need for any site enhancements.  Results can also be very useful at the outset of a redesign in order to help inform requirements.</p>
<p>We suggest you take the following steps to provide 10 hours of usability testing to your client:</p>
<ul>
<li>Show your clients the value of usability testing</li>
<li>Create a usability test with IntuitionHQ</li>
<li>Report on test results</li>
</ul>
<h2>Step 1: Showing clients the value of usability testing</h2>
<p>The results of usability testing can provide valuable insights into the user experience on your client&#8217;s site at various stages, from the inception of a new website to post launch and beyond. Here are some suggestions for when and how usability testing can provide valuable feedback:</p>
<p><strong>As a part of the design process</strong><br />
Usability testing before the design is finalised and passed over to the developer can help spot potentially expensive oversights and mistakes before they&#8217;re built. It&#8217;s also an easy way for your clients to engage with the design process. They can share tests with stakeholders and key audiences just by sending out a link, and understand the results at a glance. It&#8217;s cost and time efficient for them and for you.</p>
<p><strong>When a client is considering a redesign/refresh</strong><br />
Usability consultancy based on your client&#8217;s current design will help to inform design decisions and concepts for a redesign/refresh prior to the start of design work. This a great starting point for the requirements gathering phase of a project using real life user feedback.</p>
<p><strong>Site tracking statistics analysis</strong><br />
Analysis of site tracking statistics can highlight issues in navigation and general usability. For example analysis of top searches may reveal that some navigation items need to be more prominent on the site. Usability testing results can inform the nature of the changes and testing of proposed changes can confirm the effectiveness of changes prior to any work taking place.</p>
<p><a href="http://www.intuitionhq.com/blog/2012/02/increase-your-revenue-with-usability-testing/screen-shot-2012-02-22-at-5-04-37-pm-2/" rel="attachment wp-att-1948"><img class="aligncenter size-full wp-image-1948" title="Screen Shot 2012-02-22 at 5.04.37 PM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/Screen-Shot-2012-02-22-at-5.04.37-PM1.png?9d7bd4" alt="" width="360" height="302" /></a></p>
<p><strong>Website feedback surveys</strong><br />
Incorporation of an IntuitionHQ usability test during a period of user consultation such as a feedback survey provides feedback on site structure and design, highlighting any potential issues.</p>
<h2>Step 2: Creating a test</h2>
<p><strong>Assess site aims </strong><br />
Sit down with your client and establish both their aims and their user&#8217;s aims for the website. These may have changed since the last time your client considered them. Check &#8216;<a href="http://www.intuitionhq.com/blog/2011/05/website-usability-testing-what-to-test/">What to test</a>&#8216; for ideas on what you should focus on during this discussion. The conclusions from this meeting will help inform the areas of the site to focus on while writing tasks in IntuitionHQ.</p>
<p><strong>Write your usability test using IntuitionHQ</strong><br />
Here&#8217;s a <a href="http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/">quick guide to setting up a test in IntuitionHQ</a>.</p>
<p>Using the conclusions drawn from meeting your client, gather your screenshots and write tasks that correlate to your client and user&#8217;s aims for the website. For some really useful insight on how to get started check out these <a href="http://www.stevebromley.com/blog/2009/11/11/7-aspects-of-successful-usability-questionnaires/">7 great tips for writing usability questions</a>.</p>
<div class="mceTemp mceIEcenter">
<dl id="attachment_1763" class="wp-caption aligncenter" style="width: 464px;">
<dt class="wp-caption-dt"><a href="http://www.intuitionhq.com/blog/?attachment_id=1763" rel="attachment wp-att-1763"><img class="size-medium wp-image-1763 " title="IntuitionHQ add a task and upload a screenshot" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/IntuitionHQ_addtasksdetails-567x578.png?9d7bd4" alt="IntuitionHQ add a task and upload a screenshot" width="454" height="462" /></a></dt>
<dd class="wp-caption-dd"></dd>
</dl>
</div>
<h2>Step 3: Report on test results</h2>
<p><strong>Produce a usability report</strong><br />
Produce a usability/user experience report for your client using test result screenshots and drawing conclusions from the tester interactions shown in test results. Make recommendations based on your conclusions. Recommendations can include changes in navigation, design changes and possibly new functionality. Here&#8217;s a <a href="http://www.intuitionhq.com/blog/2012/02/increase-your-revenue-with-usability-testing/usability-results-example-report/" rel="attachment wp-att-1912">Usability results example report</a>, produced using IntuitionHQ test results, to get you started.</p>
<p>In terms of value to your client the usability testing you provide will pay for itself by increasing user productivity on their site. The easier a site is to use, the faster a visitor can complete the task they came to do, and the happier they&#8217;ll be. Happy customers are repeat customers.</p>
<p>Using IntuitionHQ to carry out usability testing is simple and provides great value to your client, so why not get started!<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/qDOdvgRs4zk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/02/increase-your-revenue-with-usability-testing/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/02/increase-your-revenue-with-usability-testing/</feedburner:origLink></item>
		<item>
		<title>Recruiting usability test participants</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/OzEsc1XqhMo/</link>
		<comments>http://www.intuitionhq.com/blog/2012/02/recruiting-usability-test-participants/#comments</comments>
		<pubDate>Mon, 27 Feb 2012 04:45:42 +0000</pubDate>
		<dc:creator>Kirstin</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Website Usability Testing]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=2000</guid>
		<description><![CDATA[So you&#8217;ve set up your usability test in IntuitionHQ, what now?  The next step is to release your test into the wild and recruit people to take the test. We use the following ways to recruit users for usability testing: social media networks such as Twitter, Facebook and LinkedIn emailing internal networks and client&#8217;s email [...]]]></description>
			<content:encoded><![CDATA[<p>So you&#8217;ve set up your <a href="http://www.intuitionhq.com/blog/2011/05/10-great-reasons-to-usability-test/" target="_blank">usability test</a> in <a href="http://www.intuitionHQ.com" target="_blank">IntuitionHQ</a>, what now?  The next step is to release your test into the wild and recruit people to take the test.</p>
<p>We use the following ways to recruit users for usability testing:</p>
<ul>
<li>social media networks such as Twitter, Facebook and LinkedIn</li>
<li>emailing internal networks and client&#8217;s email subscriber lists</li>
<li>linking from existing websites</li>
<li>using a <a href="http://www.ethnio.com">web based recruiting tool</a></li>
</ul>
<p>Ideally you&#8217;ll want testers to include:</p>
<ul>
<li>potential site users</li>
<li>project stakeholders</li>
<li>project team members</li>
</ul>
<p>You&#8217;ll want as many testers as you can muster in order to gather useful results.</p>
<h3>Finding testers</h3>
<p>Chances are you already have access to a wide range of users and potential users through various web based networks, it&#8217;s just a matter of identifying your networks and publicising your IntuitionHQ test url through them.</p>
<p style="text-align: center;"><img class="size-full wp-image-2020 aligncenter" title="large_crowd_graphic_web" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/large_crowd_graphic_web.jpg?9d7bd4" alt="" width="300" height="130" /></p>
<p><strong>Social media channels</strong><br />
If you are part of an internal project team, utilise your company&#8217;s social network streams. Your Facebook, Twitter and LinkedIn followers will probably already be familiar with your company/website and it&#8217;s a great chance to involve them directly in testing a site they either already use or will use in the future.</p>
<p>Likewise if you&#8217;re a designer or user experience expert you&#8217;ve probably developed some substantial networks either on your personal social media streams or through your company&#8217;s streams. Usability testing is a great opportunity to utilise this access to a wide network of people to test your website design and structure.</p>
<p style="text-align: center;"><img class="size-full wp-image-2061 aligncenter" title="Screen Shot 2012-02-27 at 4.46.16 PM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/Screen-Shot-2012-02-27-at-4.46.16-PM1.png?9d7bd4" alt="" width="334" height="268" /></p>
<p>IntuitionHQ gives you the opportunity to publicise your finished test and encourage users in the wider world outside your organisation to participate in testing by including an option to publish on Facebook and Twitter when you publish your test. Your Facebook and Twitter accounts can be linked to your account via the account billing tab in IntuitionHQ, under &#8216;Connect to Social networks&#8217;.</p>
<p>We&#8217;ve included the ability to post directly to the more popular social networking sites within IntuitionHQ. Don&#8217;t forget to use any other networks you have access to, for example you could publish the test as a link on your LinkedIn profile or perhaps within an industry forum you participate in.</p>
<p><strong>By email</strong><br />
Copy and paste the url for your test from IntuitionHQ and send an email to your project stakeholders, project team members and your other colleagues inviting them to participate in the usability test. Use you or your client&#8217;s email subscriber lists to make the test available to a wider audience of users. You won&#8217;t need to include instructions, other than &#8216;click here&#8217;, IntuitionHQ takes care of all that.</p>
<p><strong>Linking from your own sites</strong><br />
You could also link to your test url from your website, intranet or blog. By linking from your existing website you can keep your users involved with a redesign process by allowing them to test designs and navigation changes prior to implementation.</p>
<p><strong>Web based tools</strong><br />
There are a number of sites that provide tools to help you recruit users. <a href="http://www.ethnio.com">Ethnio</a> allows you to create a &#8216;screener&#8217; to help you recruit users via your website or blog.</p>
<p style="text-align: center;"><img class="size-full wp-image-2071 aligncenter" title="screener1" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/screener12.jpg?9d7bd4" alt="" width="320" height="160" /></p>
<p>The screener will appear on your site when users hit the homepage.  In the example below the screener has been edited to include a link to an IntuitionHQ test.</p>
<p>Participation in a usability test is a great way of familiarising your users with a proposed new design prior to it&#8217;s launch, helping ensure that your design works for real life users.  It&#8217;s also a good way to engage your project stakeholders in the design process.</p>
<p>We hope you&#8217;ve found our tips for recruiting users helpful, good luck with your testing!</p>
<p>&nbsp;<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/OzEsc1XqhMo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/02/recruiting-usability-test-participants/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/02/recruiting-usability-test-participants/</feedburner:origLink></item>
		<item>
		<title>A quick guide to IntuitionHQ</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/JpMVpPXvm08/</link>
		<comments>http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 22:56:01 +0000</pubDate>
		<dc:creator>Kirstin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Usability Testing]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=1837</guid>
		<description><![CDATA[We&#8217;ve talked a lot about why you should undertake usability and user experience testing and what to consider when doing so, but we thought it was about time we gave you a quick guide to getting started with IntuitionHQ and how to set up a website usability test using IntuitionHQ . One of our aims when we built [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;ve talked a lot about why you should undertake usability and user experience testing and <a href="http://www.intuitionhq.com/blog/2011/05/10-quick-usability-testing-tips/">what to consider </a>when doing so, but we thought it was about time we gave you a quick guide to getting started with <a href="http://www.intuitionhq.com/">IntuitionHQ</a> and how to set up a <a href="http://www.intuitionhq.com/blog/2011/05/what-is-usability/">website usability</a> test using IntuitionHQ .</p>
<p>One of our aims when we built IntuitionHQ was ensuring that the tool itself made it straightforward to set up a usability test, we hope you agree that we&#8217;ve made it as simple and intuitive as we can.</p>
<h3>Step 1: Log into your account on IntuitionHQ</h3>
<p><strong></strong>Sign into your account by clicking on the right top corner &#8216;Login here&#8217;.</p>
<p><a href="http://www.intuitionhq.com/blog/?attachment_id=1815" rel="attachment wp-att-1815"><img class="aligncenter" title="homepage1" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/homepage1-578x574.jpg?9d7bd4" alt="" width="578" height="574" /></a></p>
<div>
<p>Complete your signup details and click  &#8217;Login&#8217;.</p>
<dl id="attachment_1747">
<dt><img class="aligncenter" title="IntuitionHQ login form" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/IntuitionHQ_login.png?9d7bd4" alt="IntuitionHQ login form" width="578" height="297" /></dt>
<dd></dd>
</dl>
<h3></h3>
<h3>Step 2: Setting up your test</h3>
<p>Once you’ve logged in to IntuitionHQ you’ll be directed to the dashboard. The dashboard displays 3 tables; Published projects, Draft projects and Finished projects. Tests are referred to as projects throughout the site. You can revisit the dashboard at any time via the navigation if you need to reference any of these categories.  Now though, we’re going to set up a new project.  Click the New project button:</p>
<p><img class="aligncenter" title="IntuitionHQ dashboard" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/IntuitionHQ_dashboard.png?9d7bd4" alt="IntuitionHQ dashboard" width="578" height="728" /></p>
<p>You’ll be presented with a screen showing a form to complete with information about your project:</p>
<div style="text-align: left;">
<dl>
<dt><img class="aligncenter" title="IntuitionHQ adding a new project" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/IntuitionHQ_newproject.png?9d7bd4" alt="IntuitionHQ adding a new project" width="578" height="927" /></dt>
<dt></dt>
</dl>
<p>&nbsp;</p>
<p>Enter a name for the project (the name will display on the resulting published test). The name will auto populate the completion of the test url in the next box, you can change this if you wish, this will form the unique url for your test and will be the web address you send to testers. The introduction field is already populated with generic text that can be edited using the WYSIWG editor. Similarly the Thank you message is also pre populated and editable.</p>
<h3>Step 3: Entering questions and screenshots</h3>
<p>Once you’ve set up your project you’ll be directed to the Project overview screen.You can add screenshots and tasks in any order you wish. For example you may want to enter all your screenshots first then write the associated tasks. However if you already have a good idea of the text for your tasks you can add a question and a screenshot at the same time.</p>
<p>Click Add task, write your task in the Question for task box and then either choose an existing screenshot (if you have already uploaded screenshots these will show in a dropdown) or upload one from your computer by clicking Choose file.  Then either save and return to the project overview screen or click Save &amp; new task to go directly to a new task screen.</p>
<div>
<div>
<dl id="attachment_1763">
<dt><img class="aligncenter" title="IntuitionHQ add a task and upload a screenshot" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/IntuitionHQ_addtasksdetails.png?9d7bd4" alt="IntuitionHQ add a task and upload a screenshot" width="578" height="589" /></dt>
<dd> </dd>
</dl>
</div>
<p>Save your task or add another task to your project by clicking Save &amp; New Task:</p>
<div>
<div style="text-align: left;">
<dl id="attachment_1770">
<dt><img class="aligncenter" title="IntuitionHQ add the task by clicking on 'save' OR 'save &amp; new task'" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/IntuitionHQ_addingtask2.png?9d7bd4" alt="IntuitionHQ add the task by clicking on 'save' OR 'save &amp; new task'" width="578" height="586" /></dt>
</dl>
</div>
</div>
<p>&nbsp;</p>
<p>If you choose to Save and &amp; new task a blank Question for task screen will display. If you select Save you will be directed to the Project overview&gt; Tasks screen.</p>
<div>
<dl>
<dt><img class="aligncenter" title="IntuitionHQ project overview" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/IntuitionHQ_projectoverview.png?9d7bd4" alt="IntuitionHQ project overview" width="578" height="300" /></dt>
</dl>
<p>&nbsp;</p>
<p>You can edit both tasks and screenshots from the project overview screen by clicking the Edit button beside the item you want to change. Similarly you can also delete a task or screenshot by clicking the delete button beside the item in the Project overview.</p>
<p><a href="http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/screen-shot-2012-02-20-at-4-04-39-pm/" rel="attachment wp-att-1869"><img class="aligncenter size-medium wp-image-1869" title="Screen Shot 2012-02-20 at 4.04.39 PM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/Screen-Shot-2012-02-20-at-4.04.39-PM-578x392.png?9d7bd4" alt="" width="578" height="392" /></a></p>
<h3>Step 4: Preview and publish</h3>
<p>Preview and publish options are on the top right of the Project overview screen:</p>
<p>&nbsp;</p>
</div>
<p style="text-align: center;"><img class="aligncenter" src="https://lh3.googleusercontent.com/6Co_i0q7PtUb_xWcYOcXdV24k2x2uc9NnF27eHD11v2Z1V9ipSeR2fvLBFUr5RUKhZoFzecPlug-2zxH_voqjuKD_UzFhWfsgDR6dEvS8Lt9Iu1zWw" alt="" width="412px;" height="105px;" /></p>
<p>&nbsp;</p>
<p>Previewing your project will allow you to see the test as your testers will see it.  You can then go back and edit any questions that you feel need amendments.</p>
<p>Once you are happy that the test is ready to go live – click Publish, a screen giving you the option to promote the test via Facebook will appear. If you choose to promote the test via Facebook you will be directed to log into Facebook.</p>
<p><a href="http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/screen-shot-2012-02-20-at-4-14-22-pm-3/" rel="attachment wp-att-1892"><img class="aligncenter size-full wp-image-1892" title="Screen Shot 2012-02-20 at 4.14.22 PM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/Screen-Shot-2012-02-20-at-4.14.22-PM2.png?9d7bd4" alt="" width="313" height="215" /></a><a href="http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/screen-shot-2012-02-20-at-4-14-22-pm-2/" rel="attachment wp-att-1886"><br />
</a><br />
If you don’t want to promote via Facebook at this stage uncheck the Publish on facebook box, you will be directed back to the Project overview screen where you will see a success message. Your test is now live and anyone who has the URL can now see it.</p>
<p style="text-align: left;"><img class="aligncenter" src="https://lh5.googleusercontent.com/PjmPCi8mxczNgwgFQTwcGxgMY2yg6T6rgCNyYa5e9BgC8PtGWh-gM2SlN5awmFS4bydIs_jXMAl0bNH7C0K09eiQ2e7geAqixRKDE7NgF_hKVutebQ" alt="" width="414px;" height="136px;" /></p>
<p>Copy the project link into an email, a tweet and post a link to it on Facebook in order to direct users/testers to where to take the test.</p>
<p>You also have the option to publish the results of the test in order to distribute a link to the results if you wish.  Click the Publish link beside ‘Results are private to show’ a live url for results:</p>
<p style="text-align: left;"><a href="http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/screen-shot-2012-02-20-at-5-06-45-pm-2/" rel="attachment wp-att-1887"><img class="alignleft size-full wp-image-1887" title="Screen Shot 2012-02-20 at 5.06.45 PM" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/Screen-Shot-2012-02-20-at-5.06.45-PM1.png?9d7bd4" alt="" width="330" height="314" /></a></p>
<p><img class="alignleft" title="unpublish" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/02/unpublish1.png?9d7bd4" alt="" width="332" height="310" /></p>
</div>
<p>We hope you’ve found this quick guide useful and we’d be grateful for any feedback you have on the process to create a project and publish a test in IntuitionHQ. Our next quick guide in a couple of weeks will focus on looking at test results.</p>
</div>
</div>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/JpMVpPXvm08" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/02/a-quick-guide-to-intuitionhq/</feedburner:origLink></item>
		<item>
		<title>Usability, putting the needs of your users first</title>
		<link>http://feedproxy.google.com/~r/IntuitionHQ/~3/ozYLdUUcTHQ/</link>
		<comments>http://www.intuitionhq.com/blog/2012/01/usability-putting-the-needs-of-your-users-first/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 04:06:58 +0000</pubDate>
		<dc:creator>timothy</dc:creator>
				<category><![CDATA[Tweets]]></category>

		<guid isPermaLink="false">http://www.intuitionhq.com/blog/?p=1205</guid>
		<description><![CDATA[We&#8217;re getting back to our routine here at IntuitionHQ. The holidays were nice but we have to go back to work sooner or later. Talking about holidays, how was yours? Going on a holiday can be exciting but it isn&#8217;t always as easy as it should be. I realised that myself when I checked out [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;re getting back to our routine here at IntuitionHQ. The holidays were nice but we have to go back to work sooner or later. Talking about holidays, how was yours? Going on a holiday can be exciting but it isn&#8217;t always as easy as it should be.</p>
<p>I realised that myself when I checked out some holiday homes. The first thing we preach here at <a href="http://www.intuitionhq.com/">IntuitionHQ</a> is good usability &#8211; we are a usability testing service after all.</p>
<p>Good usability is a critical aspect of any good design. A usable website should designed with the expectations and experience of users in mind. They want to find what they’re looking for in a quick and easy way.</p>
<p>The advanced search on the IHA vacation rentals isn&#8217;t an example of usable website design. It can be handy if you&#8217;re looking for something like a mansion with a spa not far from the nearest karaoke bar, but in most cases your visitors won’t appreciate too much clutter on one page &#8211; it makes finding what you are really looking for almost impossible.</p>
<p><img class="alignnone size-medium wp-image-1142" title="IHAtravels_usability" src="http://www.intuitionhq.com/blog/wp-content/uploads/2012/01/IHAtravels_usability-496x578.png?9d7bd4" alt="" width="496" height="578" /></p>
<p>I agree that content is important and that it needs to be organised, but drawing attention to everything at once is going to make you lose visitors. Your visitors just want to find something fast, not have increased blood pressure.</p>
<p>The success to a great website is planning usability. Think about the following:<br />
- What are your users expecting to find?<br />
- How are you going to address it in an easy and understandable way?</p>
<p>The visitor to your page is the only person you want to keep happy, so correcting any usability issues that your visitors might experience is an important task for any website. Using tools like <a href="http://www.intuitionhq.com">IntuitionHQ</a> you can simulate the experience of the visitor from design sketch to wireframe, and all the way to the finished design.</p>
<p>You can also gather other useful information such as:<br />
- How long does it take users to complete a certain task? Frustrated visitors are unlikely to return or recommend your site to others.<br />
- What kind of information are your visitors looking for? Visitors want to find the right information, and it has to be quick and easy.</p>
<p>Usability is all about putting the needs of your users first. If you succeed in that the benefits are enormous. Focusing on website usability and recognising the advantages it provides can give you a competitive edge on your rivals.</p>
<p>Do you want to get started with usability testing? Do you have questions about the usability testing process? Feel free to leave a comment below, or contact us on <a href="https://twitter.com/#!/intuitionhq">Twitter</a> or <a href="http://www.facebook.com/intuitionhq">Facebook</a> &#8211; we love to help.</p>
<p>Don’t forget to <a href="http://www.google.com/url?q=http%3A%2F%2Ffeeds.feedburner.com%2Fintuitionhq">subscribe to our RSS</a> feed to keep up to date with all the latest news in Usability and User Experience (UX).<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
<img src="http://feeds.feedburner.com/~r/IntuitionHQ/~4/ozYLdUUcTHQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.intuitionhq.com/blog/2012/01/usability-putting-the-needs-of-your-users-first/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.intuitionhq.com/blog/2012/01/usability-putting-the-needs-of-your-users-first/</feedburner:origLink></item>
	</channel>
</rss><!-- Served from: www.intuitionhq.com @ 2012-05-20 22:53:16 by W3 Total Cache -->

