<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Man with no Blog &#187; ux</title>
	<atom:link href="http://manwithnoblog.com/category/ux/feed/" rel="self" type="application/rss+xml" />
	<link>http://manwithnoblog.com</link>
	<description>Gary Barber rants on user experience, and the controlled chaos of the Web Industry</description>
	<lastBuildDate>Tue, 02 Mar 2010 06:13:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Failing at Design</title>
		<link>http://manwithnoblog.com/2010/02/28/failing-at-design/</link>
		<comments>http://manwithnoblog.com/2010/02/28/failing-at-design/#comments</comments>
		<pubDate>Sun, 28 Feb 2010 12:15:56 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[user interfaces]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[clients]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[project-52]]></category>
		<category><![CDATA[protosketching]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[sketching]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[ux-design]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=1180</guid>
		<description><![CDATA[
I was talking to the local UPA Perth chapter (in formation) about aspects of UX visualisation.  It was an interesting topic that brought up a good number of discussion points.
One point was on the design process. The way we design.  The way that we just don&#8217;t allow ourselves time to fail at the design.  Or [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Too Much Lego by CannedTuna, on Flickr" href="http://www.flickr.com/photos/cannedtuna/348801529/"><img src="http://farm1.static.flickr.com/150/348801529_5f9b48f211_m.jpg" alt="Too Much Lego" width="240" height="160" /></a></p>
<p>I was talking to the local <abbr title="Usability Professionals Association">UPA</abbr> Perth chapter (<em>in formation</em>) about aspects of <abbr title="User Experience">UX</abbr> visualisation.  It was an interesting topic that brought up a good number of discussion points.</p>
<p>One point was on the design process. The way we design.  The way that we just don&#8217;t allow ourselves time to fail at the design.  Or if we do, it is hidden in the back room so we can appear to be &#8220;magical design wizards&#8221; that produce the perfect product, interface design, <abbr title="Information Architecture">IA</abbr> or the like.</p>
<p>Great!  Nice idea if you want to really keep this air of the designer being someone &#8220;mysterious and magical&#8221;.   Someone that can just disappear for a few hours and suddenly they have the final product.</p>
<h3>Stop the Myth</h3>
<p>We really have to stop this process.</p>
<p>You know how no-one understands design.  They don&#8217;t value design. They just don&#8217;t get how long it takes to design something.  They just don&#8217;t get the process. They just don&#8217;t understand the principles of the design.</p>
<p>Well we are to blame!  We are the problem.   We have build the wall between ourselves and our clients.   We have build the prissy pedestal that we are standing on.</p>
<p>For to long we have been taking the design process and putting it behind closed doors where only a few audience members, team members and select client liaisons get to see behind the &#8220;Wizard of Oz&#8221; curtain from time to time.</p>
<p>We should go beyond just explaining the design process to the client, and flashing around a few final concepts when we need signoff.  We should  involve them. Even if it&#8217;s just in a small way. If we did this some of the issues we have would start to disappear.</p>
<h3>Education is Important</h3>
<p>It&#8217;s all about education. Educating the client&#8217;s decision makers, and even your team.</p>
<p>It&#8217;s about taking down the wall and showing your process.  Discussing and explaining with your client the design process as you step through it.  Not just showing the final stages of each process either, the steps along the way, warts and all.</p>
<p>Yes, that&#8217;s right,  show them the rough sketches, the wireframes that have failed, the concept storyboards and mockup concepts that you have rejected.   It&#8217;s simple, explain why these designs have failed and been rejected.   Involve the client in the process.</p>
<p>Become human, not a design mage or a mindless web design monkey.</p>
<p>You may say, &#8220;but the client doesn&#8217;t want to see all the design process&#8221; .</p>
<p>Are you really sure. Most people, I find, are even just a little bit  envious of us.  They would love to help out in the design process.  They want to be us.</p>
<p>Key is to just be patient with them, your clients are a design newbie, be understanding but firm, after all they are paying your because you are &#8220;the designer&#8221;.  It&#8217;s a balancing act, don&#8217;t pester them with details all the time. Still in your progress meetings, show the design output. Show the progression towards the final concept.</p>
<h3>Stop Perfection, Make Mistakes</h3>
<p>If you are looking at me strangely by now, then I can tell that you tend not to really design in the traditional way, with multiple iterations of a design leading to the final outcome.</p>
<p>Whether it be sketching with pencil and paper, in a wireframing application or just using Photoshop, you should be cycling through a series of design concepts before you decide on the final product.</p>
<p>Yes you could say that there is all this user research that we have and it&#8217;s all you need to build the design.   Well I agree, but I also disagree.</p>
<p>Granted you do have an outline a specification framework, restrictions on the design from the user research. Still there will often be hundreds of ways you can approach the issues and develop the design.</p>
<p>Even with applying the standard design principles on top of the user research findings, you should still have a good deal of approaches you can take.</p>
<p>If can only see one approach, maybe you need to take a fresh look at the problem, from a different view point.</p>
<h3>Protosketch it</h3>
<p>Like a good product design, there will be failures in a UX design.</p>
<p>However these failures are important. They give us ideas, they allow us to get frustrated, to look beyond the everyday and find that special design the client is really looking for.</p>
<p>Failure in designing allows you to iterate the design.  They allow us to discount designs and to get inspired with new alternatives  from the failures. Gradually over time, you will get less and less new concepts and start to discount more and more.  Resulting in the final concept.</p>
<p>It&#8217;s a simple process.  Just sketch out a concept, get others feedback, throw around some ideas.   It&#8217;s like you are prototyping the base concept sketch. Iterate it, adding and removing concepts.</p>
<p>Maybe  we should call it <em>protosketching</em>.</p>
<p>Involve the client, involve your peers, friends, team colleagues or maybe do a peer review.</p>
<p>Just work down that process of refinement to the final design.  Now I&#8217;m not talking an agile process here, I&#8217;m talking about something that happens the first moment you put pencil to paper in the sketching process be it analogue or digital.</p>
<p>Remember design is not a robotic process, it&#8217;s a creative process.</p>
<p>I often find my best designs are the ones I don&#8217;t think about, the ones I mull over for days looking for inspiration from things all around me.  Doing a little sketching, drawing, letting my mind wander.  In case you ask, I only work with clients that know they will get a good result if they don&#8217;t push the process, sure this helps as well.</p>
<h3>Fail or Don&#8217;t Design</h3>
<p>Now in my mind if you are not failing at your design, well you are not designing.   You are just processing an analysis, and producing one possible outcome.  Maybe you should stop and think.   Are you doing the right thing by your client.   Does your client really just want a second rate concept.</p>
<p>If you like producing second rate designs, do us all a favour, stop.  Just stop designing, the world has enough crap designs.</p>
<p>If you are failing.  Well that&#8217;s great, design and fail away.  God speed to you.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2010/02/28/failing-at-design/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>User Surveys &#8211; Do it Right or Not at All.</title>
		<link>http://manwithnoblog.com/2010/02/17/user-surveys-do-it-right-or-not-at-all/</link>
		<comments>http://manwithnoblog.com/2010/02/17/user-surveys-do-it-right-or-not-at-all/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 11:52:01 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[user interfaces]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[online survey]]></category>
		<category><![CDATA[project-52]]></category>
		<category><![CDATA[requirements]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[survey]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user research]]></category>
		<category><![CDATA[user survey]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=1152</guid>
		<description><![CDATA[
I have been involved with many user surveys over the years.   Some have gone well. Some have been a complete waste of time and effort.   The main distinction between them is the surveys that were professionally developed and pretested would succeed.  The ones that had been knocked together by a [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="You have been registered. by CannedTuna, on Flickr" href="http://www.flickr.com/photos/cannedtuna/364376472/"><img src="http://farm1.static.flickr.com/154/364376472_87483b08a4_m.jpg" alt="You have been registered." width="240" height="160" /></a></p>
<p>I have been involved with many user surveys over the years.   Some have gone well. Some have been a complete waste of time and effort.   The main distinction between them is the surveys that were professionally developed and pretested would succeed.  The ones that had been knocked together by a well meaning manager were often destined to failure.</p>
<p>It comes down to this &#8211; unless you have experience designing surveys,  then it&#8217;s best to either hire someone who has had experience and training, or find another way to collect the same information.</p>
<p>Proceeding with a flawed survey will just produce results that are tainted with bias and other data warping horrors.   Not something you want in your user research, eh.</p>
<h3>Survey Design Tips</h3>
<p>Now I know some of you are going to be forced into running surveys despite my advice.   That&#8217;s okay, business is like that, sometimes you have to compromise.</p>
<p>Better that you at least know the pitfalls and can correct them as need be.   So here is a list of tips for online survey design that you may find invaluable:</p>
<ul>
<li>
<h4>Survey Objective</h4>
<p>This may sound really silly, but you have to know what the survey is for and what it needs to achieve before you start.  Otherwise you will get side tracked asking meaningless questions. For example you may want to find out about the user demographics,  their preferences, and the users needs and wants.</p>
</li>
<li>
<h4>Keep it Short</h4>
<p>There is nothing worse than an online survey that seems to go on forever. Asking page after page of questions. When you are putting together questions. Stop and think.  Can I get that information elsewhere.  If you can scrap the question.   Similarly if the question is not directly related to the goal of the survey.</p>
<p>The point is to design a short sharp survey someone can complete in under 5 minutes.   I don&#8217;t know how many online surveys I just abandoned after about 5 minutes, it must be in the hundreds.</p>
</li>
<li>
<h4>Tell Me How Many Pages</h4>
<p>Your respondent&#8217;s time is valuable, they are doing you a huge favour filling in your survey.  Respect that.  Just like you minimise the number of questions in the survey,  it is also a good idea to let people know how many pages they have to complete. The best way to do this is to  display an indicator of their progress.  This will have a negative impact if your survey is too long. However  it will have positive one if the survey is short.</p>
</li>
<li>
<h4>Let&#8217;s go Back</h4>
<p>Again this is a simple issue,  let respondents navigate forward and backward (not via the back button) in the survey and review their answers, if they so desire.   Remember the respondent is doing you a favour, don&#8217;t make it hard for them.</p>
</li>
<li>
<h4>Its About the Design</h4>
<p>At the end of the day all the information you&#8217;re gathering about the users will be applied to the design of the web site. Be that on a visual, informational or interactive functionality level.  It follows that when you include a question you should ask yourself &#8211; &#8220;Is the data collected going to influence the design of the site.&#8221;   If the answer is &#8211; No; then remove the question. Now it&#8217;s not a hard and fast rule, but still one you should consider.</p>
</li>
<li>
<h4>Say No to Checkboxes</h4>
<p>I know you might love them, but a checkbox is just a bipolar field, yes or no, on or off.   You will get a higher response rate if you present a  checkbox as a  series of  radio buttons with a yes or no response.   It&#8217;s instantly clear to the user what response is required. Also you have the advantage of taking up more visual space and hence avoiding the question being missed.</p>
</li>
<li>
<h4>Say No to Select Lists</h4>
<p>This is interesting, as I have discussed earlier, certain demographics have an issue with realising that they can scroll down the list and pick the unseen items on a single line select list. A good way to avoid this issue is to use radio buttons with a multiple choice layout.</p>
</li>
<li>
<h4>Add Some Other</h4>
<p>When you put an alternative list of multiple choice items in a survey, how can you really be sure you have all the possible choices.   I have always found it&#8217;s a good idea to allow for an &#8220;Other&#8221; field and have space for the respondent to fill in their alternative.  You usually discover you have missed a few alternatives I find.</p>
</li>
<li>
<h4>No Response</h4>
<p>It&#8217;s a simple thing, but it&#8217;s a good idea to have the default setting for any multiple choice items to be &#8220;no response&#8221; that is when all the fields are not selected.  I would also consider adding a &#8220;not applicable&#8221; or the like,  response as well. Mainly because there can be cases when the respondent has no experience with what you are asking.</p>
</li>
<li>
<h4>Getting Likert Scales Right</h4>
<p>Likert Scales are those multiple choice responses that  go  &#8220;<em>Disagree  1 2 3 4 5 Agree</em>&#8221; .  Now these are very good at gathering information where there is going to be a distinct difference of option.  However the result of a Likert scale question is not a series of interval measurements. But in fact it is just a scalar representation of extremes from agreement to disagreement (in this case).  When using a Likert scale it&#8217;s a good idea to have a mid point (odd number of values) to allow the measurement of the common mid  point.</p>
<p>ALso if you are measuring a very subjective issue.  It&#8217;s  a good idea to label all the scale with the equivalent labels to help remove any bias or misinterpretation.</p>
</li>
<li>
<h4>Pretest the Questions</h4>
<p>Writing survey question is something you have to do carefully.  Respondents will attempt to interpret your questions.  And subsequently provide you with the information they think you are expecting to get.  Also they will try and determine how you are going to use their answer and respond appropriately.   This leads to bias in the results.</p>
<p>The way to avoid this is to pretest your questions.  A pretest will tell you the questions that are always going to be skipped, give similar answers, and questions that are just confusing or misleading.   Just like we user test, so we also need to user test the survey as well.   Ironic really.</p>
</li>
<li>
<h4>Stop Question Skipping</h4>
<p>It&#8217;s simple your respondents will skip a question if they don&#8217;t understand it, are confused or just plain bored with a your too long questionnaire.  The solution is keep it short and on topic and ensure the questions are not confusing.</p>
</li>
<li>
<h4>Multiple Choice Order</h4>
<p>Ordering the multiple choice responses is very important.  However if you put the responses in their natural order (high to low) or just listing them as you think of them is dangerous. This presents bias to the respondent.  Who will select that response that looks like it is the one you want.</p>
<p>What you need to do is scramble the responses.   Still,  expect some respondents to lean towards selecting the first or last items as they see these as the important ones.</p>
</li>
<li>
<h4>Duplicate Answers</h4>
<p>The arrangement of your questions can have a great influence on the responses.  If you put too many questions that have a similar response or layout together (especially multiple choice).  You will get a leaning toward the same response for all the questions.   You have to vary the responses and keep the respondent on their toes.   However you don&#8217;t want to confuse them.  So mix it up a little.</p>
</li>
<li>
<h4>Leading Questions</h4>
<p>This is something you would think wouldn&#8217;t be happening in surveys, but it still does.   The use of leading question is still an issue.  Ensure the words you use don&#8217;t imply any unwanted  response.   and that they don&#8217;t  point the respondent to any sort after response. I have always found that open ended questions like those in an interview are the only way to go here.</p>
</li>
<li>
<h4>Ambiguous Questions</h4>
<p>Supplied responses to questions need to have no ambiguity in them at all.   Remember what you interpret as meaning one thing, someone else will see if as completely different.   It&#8217;s recommend that you ensure that all supplied responses are 100% rock solid in what you want them to mean.  Use the contemporary language and terms of your audience, also avoid verbs that have a double meaning.</p>
</li>
<li>
<h4>Negative Questions</h4>
<p>The use of negative terms in a question is not a the best solution.   In a lot of cases people will mis-read the question as an implied positive. Which will give you a completely skewed dataset.  The simple  solution is just to present all the questions as a positive outcome.</p>
<p>If you really have to use a negative, a way around this is to highlight a simple negative  like for example &#8211; <strong>NOT</strong>.   Just bold and capitalise it.</p>
</li>
<li>
<h4>Getting Ranges Right</h4>
<p>When you ask about a range or the like, don&#8217;t imply a level of use for a response.  As the respondent will just assume you are looking for answer within this level of the range.</p>
<p>For example.   &#8220;How many times do you visit our site a week:&#8221; this is bad, it implies you must visit at least once a week.  Where as &#8220;How often to you visit our site:&#8221;  is a better alternative as it leaves the value ranges to the supplied responses.</p>
<p>Pre-testing on the supplied responses will also give you a realistic response range as well.</p>
</li>
</ul>
<p>Now this list is by no means complete, what additional pointers would you include as <abbr title="User Experience">UX</abbr> professionals?</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2010/02/17/user-surveys-do-it-right-or-not-at-all/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Presenting Phone Numbers</title>
		<link>http://manwithnoblog.com/2010/02/06/presenting-phone-numbers/</link>
		<comments>http://manwithnoblog.com/2010/02/06/presenting-phone-numbers/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 05:36:24 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[user interfaces]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[phone number]]></category>
		<category><![CDATA[phone phrase]]></category>
		<category><![CDATA[project-52]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=1137</guid>
		<description><![CDATA[
The other day I was chatting away with a potential client,  I asked for their phone number, as you do.  They replied with 1800 GETT AWEB  (no that&#8217;s not real) .   I asked what that was a real number, there was silence for a moment, then &#8220;I have no idea,&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Phone Keypad by CannedTuna, on Flickr" href="http://www.flickr.com/photos/cannedtuna/4334220994/"><img src="http://farm3.static.flickr.com/2746/4334220994_5a9569d2d1_m.jpg" alt="Phone Keypad" width="240" height="160" /></a></p>
<p>The other day I was chatting away with a potential client,  I asked for their phone number, as you do.  They replied with 1800 GETT AWEB  (no that&#8217;s not real) .   I asked what that was a real number, there was silence for a moment, then &#8220;I have no idea,&#8221; was the honest reply.</p>
<p>It&#8217;s not that phone names are anything new, but it did get me thinking.</p>
<p>The use of the phrase (name) as a number was all well and good if I wanted to remember the number.  It&#8217;s well know that people remember words and phrases better in general than they do strings or numbers.  Clearly why phone number names are so popular.</p>
<p>However in this situation I just wanted the contact details so I could transcribe them into my client contact record.  So a string of numbers would have been fine.</p>
<h3>Phrase verses Numbers</h3>
<p>Instead, getting the phone number as a phrase meant I had to translate this back into the real number.    Which involved finding a phone with an alpha-numeric keypad.   Not a really hard call in our geeky household.   Then you have to stare at the phone and  letter by letter translate the name.  Laborious at best.</p>
<p>Sure I could leave the number as is and just do the translation each time I dialed it.  Again it&#8217;s really just a pain when all I want to do is plug in the phone number and ring the person.</p>
<p>I have done a little  biased unscientific research on twitter on this topic, to reveal that  most people feel the same.</p>
<p>A phone name is great to remember when you are at a set of traffic lights, reading the side of a bus,  billboard or if you are just trying to recall the phone number.</p>
<p>However it&#8217;s a real frustration if you have to dial the number off the phone name alone.</p>
<h3>Presenting the Contact Details</h3>
<p>It just  comes down to the presentation of contact phone number or phone name.</p>
<p>Sure presenting a call to action phone number as a phone name will help the users remember the number.   But this will fail if they are visiting the web site in order to ring you.  Remember people are often just looking up websites now for contact  details as well now.</p>
<p>The solution is simple, present both formats, together.  Most savvy web sites do this,  but a lot don&#8217;t.</p>
<p>Having the real number on another page or  somewhere else on the page &#8211; that is not near the phone name, is also a bad idea.  It is  just as  likely to result in the user going elsewhere, if they can&#8217;t find the real number quickly enough.   Yes, as a user, we are all lazy, we don&#8217;t want to have to translate your phone name.</p>
<p>It&#8217;s a simple thing, just remember a user experience is a contextual thing; mainly relating to the environment and context in which the experience is presented.  And that people are lazy.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2010/02/06/presenting-phone-numbers/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Last Road Block for Your Customers &#8211; Web Forms</title>
		<link>http://manwithnoblog.com/2010/01/31/the-last-road-block-for-your-customers-web-forms/</link>
		<comments>http://manwithnoblog.com/2010/01/31/the-last-road-block-for-your-customers-web-forms/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 05:26:50 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[user interfaces]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[call to action]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[join]]></category>
		<category><![CDATA[project-52]]></category>
		<category><![CDATA[signup]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=1108</guid>
		<description><![CDATA[
You have built the perfect web site, the colours invoke the right emotional response, the visual imagery leads customers to the relevant information while allowing the audience to personally relate to the site. The content is ideal for the web, not to much but enough to convince people of the service.  The major call [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Roadblock by CannedTuna, on Flickr" href="http://www.flickr.com/photos/cannedtuna/4309085718/"><img src="http://farm5.static.flickr.com/4054/4309085718_5a06274fcd_m.jpg" alt="Roadblock" width="240" height="180" /></a></p>
<p>You have built the perfect web site, the colours invoke the right emotional response, the visual imagery leads customers to the relevant information while allowing the audience to personally relate to the site. The content is ideal for the web, not to much but enough to convince people of the service.  The major call to actions are in the right locations, and easy to find.  Everything is set, the web site is ready to take on the world!</p>
<p>Still no matter how perfect your site is, if the  last step, when they encounter the web form, isn&#8217;t streamlined and usable, the rest is a waste of time.</p>
<p>The other day I ran across a web form that was failing, it was suffering from a series of issues that would basically make most users stop in their tracks.</p>
<p>With any identifying markers removed, I would like to share with you some of the issues of this form, and a few simple steps to fix them.</p>
<p><img class="alignnone size-full wp-image-1105" title="Join Up Form Part 1" src="http://manwithnoblog.com/wp-content/uploads/2010/01/Join-Up-Form-1-final.gif" alt="" width="450" height="328" /></p>
<h3>The Form in Question.</h3>
<p>The form was being used for membership of a professional organisation,  it is broken down into  three sections (fieldsets in this case)  <em>The Personal Details</em>, the <em>Payment Options</em> and the <em>Acceptance of Conditions</em>, these are presented here, for clarity I have separated them, but normally they appear on one long form.</p>
<p>There are a good number of issues with this form, I&#8217;m not going to cover all of them, but here are a few of the common issues:</p>
<p><img class="alignnone size-full wp-image-1106" title="Join Up Form Part 2" src="http://manwithnoblog.com/wp-content/uploads/2010/01/Join-Up-Form-2-final.gif" alt="" width="450" height="182" /></p>
<ul>
<li>
<h4>Number of Fields  - Only What You Require</h4>
<p>I have a major beef with forms that are just way too long. You know the ones with an endless list of fields.  Clearly this one falls into that category &#8211;  when you first encounter it  you are filled with dread at having to fill it out.</p>
<p>You should consider every field that you put in a form to be a major stumbling block for anyone completing it. Research has indicated that people naturally hate forms and the like, as they slow them down to getting to their goal on the web. When you designing a form this long (with 38 fields) you are not really respecting your users time.</p>
<p>Consideration needs to be given to what is the bare minimum to identify the person joining. Everything else should be removed.  If you really want the extra informaiton there are ways of encourging people to complete their online profiles later on.</p>
<p>Trying to capture all the information for a person at sign up in the worst possible time. People are hesitant, and still deciding on the your website.  A long form is just going to convince them you are a little bureaucratic .</p>
</li>
<li>
<h4>The Need Print out of the Form</h4>
<p>I do know that in some cases long forms like this are developed so people can complete them, print them off and fax, not ideal, but people do it. What needs to be provided is a fax back <abbr title="Portable Document Format">PDF</abbr> form or the like.  This should be presented on the same page as the online form &#8211;  preferably at the top of the page.</p>
</li>
<li>
<h4>Fieldsets and Grouping</h4>
<p>Yes the form is broken down into three sections.  Sections 2 and 3 are reasonable, it&#8217;s just the first one that is a little long.  This can be improved if it had been segmented into personal details, work details and joining information.</p>
</li>
<li>
<h4>Help</h4>
<p>With this example there is very little inline contextual help. In today&#8217;s interactive web, people are starting to expect to see contextual help boxes appear when they tab or focus on a field.  These can be alternatively just be accessed by clicking on an appropriate  help icon (a question mark maybe).   Semantically of course you place this information between the  fields and the associated label.</p>
</li>
<li>
<h4>Encouragement Along the Way</h4>
<p>Currently there is no inline encouragement on the form at all.</p>
<p>This is a simple thing to put in place; for example every time a user completes a field or an information block (like the BSB / Account Number pair) they get an acknowledgment for their actions that appears inline on the screen. This could be a small tick, thumbs up or the like &#8211; appearing near the relevant field.</p>
<p>Using this type of positive feedback adds a degree of trust that the organisation cares about the information it is collecting, as well as a sense of achievement and sense of completion for the user.</p>
<p>Use of this technique can also be extended to inline validation of the form, hence providing instant feedback for any error as well.</p>
</li>
<li>
<h4>Create Steps</h4>
<p>Even if we removed all the redundant fields  we still have a form that is visually way to long.  In this case we are better of presenting the fields  in distinct groups of related information, one at a time.</p>
<p>You would present it as two step process &#8211;  step one personal details and step two the payments, with the terms and conditions confirmation tacked onto the final section.  Of course you would have an indicator showing the users progress through the various steps.</p>
<p>As the user processes the form the indicator would show where they were up to in the process.    This step wise process allows one to segment a long process into several short chunks that users are more likely to undertake as they are progressing towards their final goal in manageable steps.</p>
</li>
<li>
<h4>Date of Birth</h4>
<p>There are different ways to ask for the date of birth, different  layouts was work for differently user audiences. It has been shown that it can be easier for some users to select a date of birth from three drop down lists than type it in  the format you require.</p>
</li>
<li>
<h4>Clear Labels</h4>
<p>The labels on a form have to convey  instant meaning for the user, and yet still remain personal so they can relate to them.   The order and grouping of the fields should also follow a logical sequence  (as recommend above).    Labels such as &#8220;Optional&#8221; mean nothing to a user.  With a field like this, people may not even complete it, after all it&#8217;s optional.</p>
</li>
<li>
<h4>Add White Space</h4>
<p>From a design view point all the yellow fields do wash into one large yellow mass, they would be a lot clearer and easier to read if there was a some white space between the fields. It&#8217;s a simple thing, but cramming all the fields up together doesn&#8217;t help, if anything it makes the appearance of the form even more intimidating.   Remember white space is your friend.</p>
</li>
<li>
<h4>Avoid Multiple Columns</h4>
<p>This is one that has been debated quite a bit &#8211; should you use multiple column layouts on forms.</p>
<p>Research has indicated that users really like to just run down the page filling out blocks of information as fast as they can.  The don&#8217;t like shooting across a page to complete a postcode, like in this case.    However having blocks of fields like the BSB and Account Number field  close together is acceptable as these are taken visually as one block of input.</p>
</li>
<li>
<h4>Terms and Conditions</h4>
<p>Use of a check box to confirm agreement is really redundant if you think about it.  Often these checkboxes are put in place to keep legal teams happy,  teams that usually don&#8217;t want the form on the web in the first place.   The checkbox sometimes is also seen as a substitute for a signature.    Still there are improved ways to approach this requirement.   If the agreement is required what can the user do,  join and not agree.  No.   The user has no choice &#8211; they have to agree or leave not completing the form.</p>
<p>Sure the statement can remain, however a better approach would be to have the join button saying &#8220;Agree and Join&#8221;.  That way if you don&#8217;t agree it is very clear that you can&#8217;t join.</p>
<p>Using a required checkbox field just forces the issue, frustrates the user, and makes them feel a little like they are being railroaded into agreement.</p>
<p>Also what if my browser produces a cross not a tick  in the checkbox,  labels like &#8220;Tick to accept terms&#8221; should be more generic.</p>
</li>
<li>
<h4>Final Submit Button</h4>
<p>The final submit button, should  be easy to find visually and  be in line vertically with the input fields.   This allows for an easier path to completion.</p>
<p>However on this form it is like it has been tuck in the corner, with a little reminder that seems like an apology.  It&#8217;s almost like the form is saying &#8211; &#8220;Sorry to pester you, but if you just click you can join&#8221;.</p>
<p>This doesn&#8217;t really fill you with confidence that your membership application is going to be taken seriously.  The submit button should be a big bold statement.  After all you want people to join.</p>
</li>
<li>
<h4>Processing the Form</h4>
<p>When I tested this form it was something of a shock.</p>
<p>I just wanted to see what the validation and error handing was like on the form, so I submitted a blank form, expecting to get a screen filled with error messages.  That&#8217;s not what happened.  I was returned with a list of processed fields, which is fine if you have completed to form, which I clearly hadn&#8217;t.</p>
<p>It is really important to validate the required fields at least, check for bad email addresses and the like, and return an error message, preferably near the relevant field.   Ideally you should validate inline as the form is being completed and recheck server side when the submit button is pressed.</p>
</li>
</ul>
<p><img class="alignnone size-full wp-image-1107" title="Join Up Form Part 3" src="http://manwithnoblog.com/wp-content/uploads/2010/01/Join-Up-Form-3-.gif" alt="" width="450" height="99" /></p>
<h3>Accessibility issues</h3>
<p>A quick review of the accessibility on the form indicates that it&#8217;s no that bad, fieldsets and labels are correctly used, tab order seems fine. However a few sticky points are present:</p>
<ul>
<li><strong>Requirement Indicator.</strong> The indicator for the field requirement is presented after the field, this will be an issue for some people as they will not be aware of the requirement of the field till after they have moved past it.  This  should have been placed semantically between the label and the input field.  Presentation wise it could remain after the field.</li>
<li>
<p><strong>Data Formatting</strong> &#8211; The use of data types formatting and hints in the input fields themselves can be an issue, especially if the JavaScript does not clear them.</p>
<p>After all the user may not have JavaScript turned on.</p>
<p>It is better practice to present these hints semantically before the input field but after the relevant label.</p>
<p>Also consider from a usability view, when a user has moved into a field the context of the requirement is lost and can&#8217;t be referenced.  This information should be presented anywhere on the form  as long as it&#8217;s in close association with the relevant field, and not in the field itself.</p>
</li>
<li><strong>Field Labels</strong> &#8211; All fields should have labels, even if you don&#8217;t want to display the label.  There are ways to hide them, but from an accessibility view point they are very important.</li>
</ul>
<h3>Something to consider</h3>
<p>Now I have no idea if this has been done with this form or not, still I recommend with a form like this that  you:</p>
<ul>
<li>
<h4>Produce Prototypes</h4>
<p>Using Prototypes would have allowed a development team to work with an interaction designer to produce a form that was within budget and still easy to use.  Any prototypes could have been tested and fine tuned with the respective audience to determine the best completion and conversion rate for a relatively low cost.</p>
</li>
<li>
<h4>Some User Testing</h4>
<p>Finally user test on a iterative developmental proccess with the final form to produce the best outcome could have been conducted on all of the above points.</p>
</li>
</ul>
<h3>Remember</h3>
<p>A badly designed web form is like putting a roadblock in the way of your users  - this is something you really want to avoid.</p>
<p>I know there can be internal issues from legal departments, IT, reduced budgets and the like.  Still consider if the form isn&#8217;t that usable, less people are going to complete it.  Sometimes having a bad form design can be worse than no form at all.</p>
<p>The more friendly and easier to use a form  is the greater conversion and completion you going to get.  Simple really.</p>
<p>Just think about these points next time you&#8217;re designing a form.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2010/01/31/the-last-road-block-for-your-customers-web-forms/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Improving Your Listening Skills</title>
		<link>http://manwithnoblog.com/2010/01/14/improving-your-listening-skills/</link>
		<comments>http://manwithnoblog.com/2010/01/14/improving-your-listening-skills/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 04:16:04 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[ux]]></category>
		<category><![CDATA[web business]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[listening]]></category>
		<category><![CDATA[project-52]]></category>
		<category><![CDATA[user interviews]]></category>
		<category><![CDATA[user research]]></category>
		<category><![CDATA[user testing]]></category>
		<category><![CDATA[userexperience]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=1030</guid>
		<description><![CDATA[
Listening is one of those skills that no one really talks about, and yet listening is critical to User Research and general business as well.
You have to understand, and in some cases even become emotive, with the users you are listening to.  Yes we can all listen to some degree, but the reality is this [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Not Listening by CannedTuna, on Flickr" href="http://www.flickr.com/photos/cannedtuna/4273436246/"><img src="http://farm5.static.flickr.com/4047/4273436246_bf38147c01_m.jpg" alt="Not Listening" width="160" height="240" /></a></p>
<p>Listening is one of those skills that no one really talks about, and yet listening is critical to User Research and general business as well.</p>
<p>You have to understand, and in some cases even become emotive, with the users you are listening to.  Yes we can all listen to some degree, but the reality is this will not be that thorough, there will be gaps, major things that you will miss or just did not understand completely.</p>
<p>It follows in the field of user experience listening is critical. Without it you just aren&#8217;t going to a able to understand the issues your users are telling you, or worse you will miss important information.</p>
<p>Hearing on the other hand is something we do all the time, it&#8217;s something that we frankly can&#8217;t turn off.  However listening is very different.  Listening is hearing with the processing of the information added in, this  takes a reasonably conscious intent.</p>
<p>This is demonstrated by the moment, we have all had, when we are not really paying attention and  stop listening to a conversation and are subsequently are lost as we try and tune back in again.</p>
<h3>It&#8217;s Hard to Listen</h3>
<p>Years ago I learnt the basic rules of listening, techniques  that can help you improve and assist you  with becoming aware of your environment when listening to people.  It&#8217;s amazing skills learn 25 years ago are still relevant today.</p>
<p>One thing stands out however -  listening is really hard work.  It doesn&#8217;t come naturally.   You have to train yourself to really listen and observe. Like any skill it also needs to be practiced or you will loose it.</p>
<p>Unfortunately we are not programmed  to be good listeners.</p>
<p>This is because our mind will wander off onto another topic, after it has processed about a 7 to 17 second sound bite of information.  During this processing period, your mind is already lining up all the mental, and sensory stimulus or distractions around you, just so it can tempt  you with something more interesting.  On a side note you also process and will form an option on what you are listening to in this 7-17 second time period as well.</p>
<h3>Improving Your Listening Skill</h3>
<p>What you need to do is train yourself to listen. To overcome this 17 second sound bite limitation.  That&#8217;s where these tips can help:</p>
<ol>
<li>
<h4>Focus.</h4>
<p>Give the user 100% attention &#8211; remind yourself what you are there to do, to focused on the user.</p>
</li>
<li>
<h4>Remove Distraction.</h4>
<p>Remove all distractions, this includes phones, emails,  background noise, make the user the focus of your attention. Put a do not disturb sign on the door, and ensure your mobile is on silent mode.</p>
</li>
<li>
<h4>Take notes.</h4>
<p>You will be doing this anyway, or should be.   Taking notes is a great reminder,  it gets you to automatically focus on the person, and distill what they are saying into key thematic elements.  Note taking is also great for sequential information collection and reinforcement as it forces you into a routine, that breaks the 17 second processing loop as  you are  filling it with the over lapping note taking processing.</p>
</li>
<li>
<h4>Shut Up.</h4>
<p>You are listening, so you shouldn&#8217;t be  talking that much.  No interruptions, the user is telling the story not you.  Your only conversation should be with questions to clarify or investigate.   No options, no stories and definitely no soapbox rants.</p>
</li>
<li>
<h4>Questioning is Good.</h4>
<p>We all know that it&#8217;s important to ask the right type of questions during an interview.   In fact you could have an entire post just on interview questions and strategy.  When questioning you don&#8217;t want to lead the person at all.  You need to ask investigative (open ended questions)  or confirmation questions that paraphrase what the user has just said.  It&#8217;s a good idea not to use your own words (and avoid the buzz words) &#8211; use theirs.  Don&#8217;t  evaluate by giving any option with a question.  Also watch your body language giving off the wrong non verbal cues.  Thinking up questions on the fly is initially not easy, but after a while you will discover that you have lots of time, and the right question instantly, more on this later.</p>
</li>
<li>
<h4>Body Language.</h4>
<p>Yes there are going to be non verbal cues, and you have to be observant and pick them up. They could be a change in facial expression, voice tone, a postural shift or just hand actions.  These are all important and can indicate an emotion shift.  Watch for this, don&#8217;t be afraid to ask about it gently.</p>
</li>
<li>
<h4>Silence is Good.</h4>
<p>It&#8217;s okay for the user to be silent and think about the subject at hand.  This gives you time to watch for those non verbal cues and the like.  Be passive, don&#8217;t interrupt the silent time, especially if they look like they are thinking. Patience is the key.</p>
</li>
<li>
<h4>Give No Advice.</h4>
<p>Again it&#8217;s not about you, it&#8217;s about the user, let them find the solution, let them see the alternatives. Yes you may need to repeat their own alternatives back to them and ask  how the feel about them and such.   But this is not the same as giving your person option. The reason giving an option is bad is by doing so it will re focus the listening process on you and will give the impression that you are not listening at all as you have not helped them find the solution at all.</p>
</li>
<li>
<h4>Remove Bias.</h4>
<p>Reset you mind for each interview or conversation, don&#8217;t go into one with any preconceived ideas, bias, prejudices or the like.  Remember that each person is different and you can learn lots if you just listen to them. Ensure you start without a preconceived option from maybe age, gender,  race, ethnic group, culture or previous contact.   You can&#8217;t assume you  know what they are going to say, want or even tell you, they are not you.</p>
</li>
<li>
<h4>Learn to Say No.</h4>
<p>If you are really tired, can&#8217;t focus,  don&#8217;t even try and continue with an interview.  You are just going to ruin the results you get as they will be half hearted at best.  Better to reschedule for when you can give your full attention.  I find the best solution is not to overload the day with interviews,  testing subjects or the like.</p>
</li>
<li>
<h4>Practice.</h4>
<p>I find it best to really practice listening very intently about 2-3 times a week at first, then after a while you will get better.  Ensure that after a listening session you take the time to review what you have done and note down the mistakes you made and what caused them.  Also it&#8217;s a good idea to  seek out colleagues to give you honest reviews on your listening skills.</p>
</li>
</ol>
<h3>More Bonuses</h3>
<p>I have found after a while you become very aware when you are listening.  You notice lots of small details, and you will also end up with a large amount of dead time to think.  It&#8217;s almost as if by removing your conversation you have slowed down time, giving you these large slabs of free time in which to process the conversation and respond.  Use them wisely.</p>
<p>Another aspect of being a good listener is that you will show people that you care about them and will connect with them.  Remember once you find the topic people love to talk about, you often can&#8217;t stop them, especially when its a topics they are passionate about.   Yes this does apply to even ultra shy introverts as well.</p>
<p>Taking the time to listen to someone, will also make them feel good, wanted, understood, this will gain you a lot of allies in the long term.</p>
<p>Interestingly these tips can also be applied to general day to day life as well, so what you have learnt for user research has a number of carry overs.</p>
<p>Can you think of any more techniques you have used to improve your listening skills? If you can please add them below.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2010/01/14/improving-your-listening-skills/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Wake Up! Test Analysts, Do Usability Testing Correctly</title>
		<link>http://manwithnoblog.com/2010/01/04/wake-up-test-analysts-do-usability-testing-correctly/</link>
		<comments>http://manwithnoblog.com/2010/01/04/wake-up-test-analysts-do-usability-testing-correctly/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 04:57:45 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[usability]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[career]]></category>
		<category><![CDATA[project-52]]></category>
		<category><![CDATA[Test Analysts]]></category>
		<category><![CDATA[testing]]></category>
		<category><![CDATA[user testing]]></category>
		<category><![CDATA[userexperience]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=1012</guid>
		<description><![CDATA[
I&#8217;m seeing an interesting trend here in Perth.  Recently,  job adverts and recruiters looking for Test Analysts to do usability and accessibility testing as part of their duties.   Now this is a good thing in a way.
At least the traditional roles of the IT software project are understanding the need for usability [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a title="Read it all, there will be a test later by CannedTuna, on Flickr" href="http://www.flickr.com/photos/cannedtuna/2599454199/"><img src="http://farm3.static.flickr.com/2163/2599454199_8aebf85dab_m.jpg" alt="Read it all, there will be a test later" width="240" height="160" /></a></p>
<p>I&#8217;m seeing an interesting trend here in Perth.  Recently,  job adverts and recruiters looking for Test Analysts to do usability and accessibility testing as part of their duties.   Now this is a good thing in a way.</p>
<p>At least the traditional roles of the IT software project are understanding the need for usability and accessibility testing in web and general software projects.   I guess something is better than nothing, right?</p>
<p>Well maybe not.</p>
<p>Traditionally Test Analysts are inserted into a project to test software code and specification compliance, usually via various automated processes and the like.   Whether the <abbr title="Software Development Life Cycle">SDLC</abbr> of project is agile or waterfall in nature, they still have a part to play.   However they  work is at the end of a productivity cycle, after the run of the development / design team.</p>
<p>It is interesting to note that the type of testing techniques listed do not mention  the usual usability testing methods that a usability professional would employ.   There is also no reference to using the users of the system as test subjects. It seems that the Test Analysts has to play the Expert Reviewer card and use their wealth of understanding of the usability and cognitive process the users will go through to evaluate the system.</p>
<p>This is a waste of time!</p>
<p>Unless the Test Analyst is a usability specialist they are just going to be wasting everyone&#8217;s time and money.  Yes they are looking at the issues,  but this is really just like making User Acceptance Testing = Usability Testing &#8211; and we all know about that old chestnut.</p>
<p>Getting a User Experience professional on the team, even just part time, would produce better results than having the Test Analyst cover off the  usability and accessibility issues to save a few dollars.   At least the <abbr title="User Experience">UX</abbr> professional would examine the issue holistically throughout the run, not at the end.</p>
<p>Point to note there is also no reference to User Research  or the like, just a reference to supporting business requirements.</p>
<p>Another  case of the industry just not getting it, maybe?  I suspect that the terms usability and accessibility  testing are being dropped in, a bit like a form of buzzword bingo.</p>
<p>Now people tell me, especially Test Analysts, is this just happening in Perth or is the trend across the Australian job market and beyond?</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2010/01/04/wake-up-test-analysts-do-usability-testing-correctly/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>6 Ways to Stop Your Customer Experience Going All Wrong.</title>
		<link>http://manwithnoblog.com/2009/12/23/6-ways-to-stop-customer-experience-going-all-wrong/</link>
		<comments>http://manwithnoblog.com/2009/12/23/6-ways-to-stop-customer-experience-going-all-wrong/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 08:08:39 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[ux]]></category>
		<category><![CDATA[web business]]></category>
		<category><![CDATA[customer experience]]></category>
		<category><![CDATA[customer-service]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=984</guid>
		<description><![CDATA[
Interestingly recently I had a very bad experience booking some accommodation. Out of anything that bad, can come some good.  It seems that sometimes we are just loosing sight of the fact that customer (experience) service  is in many cases more important than the products we are selling.   So I have put together this [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a href="http://www.flickr.com/photos/cannedtuna/3997149271/" title="Letters WDS 2009 - Day 1 by CannedTuna, on Flickr"><img src="http://farm4.static.flickr.com/3446/3997149271_2aece09434_m.jpg" width="240" height="160" alt="No need for B grade service" /></a></p>
<p>Interestingly recently I had a <a href="http://manwithnoblog.com/2009/12/22/user-experience-and-the-trust-factor/">very bad experience</a> booking some accommodation. Out of anything that bad, can come some good.  It seems that sometimes we are just loosing sight of the fact that customer (experience) service  is in many cases more important than the products we are selling.   So I have put together this quick list of what went wrong and how any business can learn from these mistakes:</p>
<ol>
<li>
<h3>Answer correspondence</h3>
<p>If you offer a method of communication with your customer, be that email, phone, fax, sms, online chat, whatever,  ensure that you do in fact communicate with them and reply to any correspondence.  Use an answering machine or voice mail for your phone would be a very good starting point.  Also review your recorded messages and auto response emails from time to time.</p>
</li>
<li>
<h3>Keep information up to date.</h3>
<p>Ensure that the information you  provide is current be that on your web site, or with a reseller or the like.    There is nothing worse than promoting services that you  no longer provide.  You do all the work selling then just can&#8217;t deliver.  It just leaves bad feelings all around.</p>
</li>
<li>
<h3>Computer illiteracy is not an excuse</h3>
<p>It is nearly 2010, saying that you don&#8217;t know how to use your website, or even your computer to check for emails is not an excuse. If you are in business you need to get your head around this technology.   If you or your staff can&#8217;t then you really have to seriously look at why you should remain in business.</p>
</li>
<li>
<h3>Appearance and business currency</h3>
<p>It is very important to ensure that you don&#8217;t give the appearance that you are no longer in business.  This is essential in  an online world.   The web is littered with sites that are dead, abandoned businesses, that are no longer in operation.  Still they appear in search engines.  Usually the average Joe determines if the site is active or not based completely on the currency of the content and professional appearance of the web site.  Having not updated your site in six or even  twelve months and having the same design as it had in 1998 isn&#8217;t really going to help you much.  Customers will just assume you are no longer in business.</p>
</li>
<li>
<h3>Sell the Service</h3>
<p>To often people forget  to be able to present your best customer experience you have to forget about the products you are selling, and instead focus on the service that you provide in selling those products.   As people really like to interact with other people, so it&#8217;s often the service that makes the difference in relation to customer loyalty, not the product, but how you delivery it.   In an online world this can be  little things in the design of the website or your delivery process that provides for  that perfect service.</p>
</li>
<li>
<h3>Relate to your customers</h3>
<p>Your customers are people.   Yes I know it&#8217;s hard to remember this sometimes, but they are.  Often it pays to just stop for a moment and think about what your customers are seeing.  What does your business look like from their initial contact with you. Be that from your  website, phone or reseller to the final service (even product) provision.   Try and relate and understand their feelings, concerns and rectify any nagging doubts they may have.  They will love you for it.</p>
</li>
</ol>
<p>Regardless there will be some items that I have missed, feel free to add them below.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2009/12/23/6-ways-to-stop-customer-experience-going-all-wrong/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User Experience and the Trust Factor</title>
		<link>http://manwithnoblog.com/2009/12/22/user-experience-and-the-trust-factor/</link>
		<comments>http://manwithnoblog.com/2009/12/22/user-experience-and-the-trust-factor/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 04:54:08 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[ux]]></category>
		<category><![CDATA[web business]]></category>
		<category><![CDATA[recommendations]]></category>
		<category><![CDATA[reviews]]></category>
		<category><![CDATA[testimonials]]></category>
		<category><![CDATA[trust]]></category>
		<category><![CDATA[trust factor]]></category>
		<category><![CDATA[userexperience]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=972</guid>
		<description><![CDATA[
Any business needs to present itself in its best possible light to its customers.
With a new customer every aspect of the business is on display, under review constantly as the customer gains the confidence in that business. From the website, initial customer contact to service provision.
We have all done this, be it from the corner [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><img class="alignnone size-full wp-image-977" title="the accommodation website in question" src="http://manwithnoblog.com/wp-content/uploads/2009/12/accommodation-in-question.jpg" alt="" width="160" height="240" /></p>
<p>Any business needs to present itself in its best possible light to its customers.</p>
<p>With a new customer every aspect of the business is on display, under review constantly as the customer gains the confidence in that business. From the website, initial customer contact to service provision.</p>
<p>We have all done this, be it from the corner shop, a local cafe, a hotel, to ordering things online.  It&#8217;s pretty much a given isn&#8217;t it, the initial user experience is everything. Or is it?</p>
<p>Recently I came across what  was a very bad initial customer experience &#8211; not that they aren&#8217;t that hard to find.</p>
<p>However I found myself pursuing with the experience, defending the vendor.  All because of several recommendations from trusted friends.</p>
<h3>The Experience</h3>
<p>We were looking for last minute accommodation in a nearby town.   Having reviewed the available accommodation on the local tourist bureau web site,  we selected one  that met our dates and various requirements.   We were advised to approached the accommodation provider directly.  So we did&#8230;</p>
<p>This when the bad experience started.   The website was something from 1998, plus it just didn&#8217;t seem to render correctly in any of our browsers, even Internet Explorer 6.     Okay this is not that unusual in the accommodation trade as secondary accommodation directory sites (like the tourist bureau) or reseller vendors like wotif tend to do all the promotional work for the accommodation.   Still it was a little off putting.</p>
<p>Anyway we used their online form and emailed them with our requirements and requested dates.</p>
<p>Time went by, two, three, four days, other emails were sent &#8211; no reply.</p>
<p>Maybe they where no longer in business.   A quick check on a satellite photo from last month on  <a href="http://www.nearmap.com/">Nearmaps</a> showed they where still operational.   Maybe they  are just not that Internet savvy.</p>
<p>It was funny at this point I was making excuses from the vendor. Wanting them to shape up and be outstanding,  a beacon of customer service with a rough exterior.</p>
<p>So we resorted to the old school methods &#8211; the telephone.</p>
<p>We rang them, mid morning, usually the best time to get any accommodation provider I have found.   No answer, not even an answering machine.    It&#8217;s at this point real alarm bells went off.   I contacted the tourist bureau in question, yes they confirmed the business was still in operation, they suggested that we must have just been unlucky.</p>
<p>We rang at different times over the next few days, until we finally go someone on the phone.   They explained in detail they were busy, and what did we want&#8230;</p>
<p>Clearly at this point I had somehow fallen into the set of <a href="http://en.wikipedia.org/wiki/Fawlty_Towers">Fawlty Towers</a>.    After some strained conversation we determined that they didn&#8217;t have the accommodation we were looking for.  And yet they were advertising that they did.  This fact they  were not in the least bit  concerned about.</p>
<p>After another phone call we learn that the same accommodation was available, just with one day difference.   However they were clearly not prepared to tell us this unless we asked.</p>
<p>It gets better, to date we have never got a reply to the emails.</p>
<p>And finally it came time to confirm the booking, again it took several phone calls to reach one flustered employee.  Who at least this time was helpful &#8211; Basil Fawlty mustn&#8217;t have been on duty that day.</p>
<h3>The Trust Factor</h3>
<p>Why did we even bother with this accommodation provider.  Why did we give them chance after chance.</p>
<p>It was the trust factor. It was because we trusted the reviews and recommendations  we had been given face to face from friends about the accommodation provider that really made us put aside the bad (well no service) that they were providing.</p>
<p>It&#8217;s something to consider, that recommendation factor, reviews, testimonials from real people, given freely, independently can be the key factor.</p>
<p>Despite all the bad experience and warning signs, all that is put aside, as appearances can be deceiving,  but a word of mouth recommendation is worth pure gold!  This we should be using on the web, as small business embraces the social media of the web, the recommendation of your customers is king.</p>
<p>Something to consider.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2009/12/22/user-experience-and-the-trust-factor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Heretical Ideas &#8211; Stop Using Wireframes</title>
		<link>http://manwithnoblog.com/2009/11/26/heretical-ideas-stop-using-wireframes/</link>
		<comments>http://manwithnoblog.com/2009/11/26/heretical-ideas-stop-using-wireframes/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 15:04:55 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[user interfaces]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[heretical idea]]></category>
		<category><![CDATA[methodology]]></category>
		<category><![CDATA[protoyping]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[ucd]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[wireframes]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=851</guid>
		<description><![CDATA[
Over the years I have been trying to implement UX design tools and techniques into my day-to-day production cycle.   This would be very simple if all my projects where large ones with moderate size teams.   However business reality is that this is not often the case.  The projects I tend to work on, as an [...]]]></description>
			<content:encoded><![CDATA[<p class="featureimageultrawide"><img class="alignnone size-full wp-image-865" title="Should we continue with Wireframing at all" src="http://manwithnoblog.com/wp-content/uploads/2009/11/wireframe-pencils.jpg" alt="Should we continue with Wireframing at all" width="560" height="250" /></p>
<p>Over the years I have been trying to implement UX design tools and techniques into my day-to-day production cycle.   This would be very simple if all my projects where large ones with moderate size teams.   However business reality is that this is not often the case.  The projects I tend to work on, as an independent user experience consultant, can be with a large team for a limited amount of time, to 8-24 weeks as the sole user experience practitioner on a project.</p>
<p>More often it is the case that the projects are just micro projects for small business.  These projects can be anything from 2-3 weeks in length.</p>
<p>The budget on these projects is often very limited.    Often people look at these projects as too small to use any user experience techniques on.  However I have found  you can approach using user experience based tools and techniques two ways for these smaller projects:</p>
<ol>
<li>Do it all anyway, as you would for a larger project, but do it under the radar at your own cost.   Just because you want to remain pure to the “cause”</li>
<li>Look at a way to reduce or streamline the user experience design tools and techniques so that they can be used on these smaller projects.</li>
</ol>
<p>I tend to lean towards the latter.  The idea of working endless hours for an ideal when I could be spending the time with my family and friends is just plain silly.  Besides it devalues our industry and the worth of my fellow user experience designers.</p>
<h3>Reviewing Wireframes for Small Projects</h3>
<p>Now I’ve learned over the years to question the need for everything in my production cycle, there are no sacred cows here.  No special tools or procedures that must be done  &#8211; “because it is the way”, because some industry icon told me so.    Guess it’s my scientific training, the old requirement of having some evidence to support an idea or hypothesis.</p>
<p>With the smaller projects wireframes can be useful I have found, but only in a limited sense.  So maybe we should review if we need them at all.</p>
<p>It’s a similar story &#8211; you have completed all your user research to the highest level you can within budgetary constraints.    After all this you end up with basically two lists a “must have” and a “wish list” of information and functional elements for the site’s web design.</p>
<p>At this point we can go ahead and start to explore the concepts and ideas for the design.   What we need is a quick and iterative process to design, test and refine a number of design alternatives very cheaply and quickly.   Remember we have a very limited budget in terms of time and resources.</p>
<p>With this considered what are the pluses and minuses for using wireframes within a small project:</p>
<h3>Advantages</h3>
<ol>
<li>With simple thumbnail sketches (mini wireframes) using paper and pencil one can very quickly iterate design ideas.</li>
<li>By using automated tools and libraries such as Omni Graffle or Balsamiq one can produce final idea wireframes with within minutes and shoot these off to a client for approval.</li>
<li>Wireframes can also give a base direction for the design, without the final high-fidelity designs having to be being produced.</li>
</ol>
<h3>Disadvantages</h3>
<ol>
<li>Clients often don’t understand wireframes.  They just can’t imagine the design over the top of the fine lines and greyed areas.   It’s like looking at traditional building architectural plans verses a 3D mockup rendering.  Lack of  visualisation skills tend to lead to the requirement for the final high-fidelity  mockups.   It’s at this point with hi-fi that they start to see the design that they understand what it is all about.</li>
<li>Wireframes often cause project time creep as too much time is spent making wireframes perfect and documenting all the requirements on them.</li>
<li>Smaller projects generally don’t have a major interactive component that is radically difference from the mainstream of existing web sites.</li>
<li>The online applications and packages usually used within small business projects are usually open source off the shelf products that can be skinned to meet the client’s visual requirement.   Hence there is little alteration in the interactive component.</li>
</ol>
<p>Given that we seem to be just wasting our time on reinventing the wheel each time with wireframes, especially for small business projects. In these projects one site can look the same as another at the wireframes level of the design.  One has to consider why keep doing them if they are taking so long to do..</p>
<p>So we should question why keep them at all for smaller projects.</p>
<p>Beyond the idea generation stage discussed above there really isn’t that much use for them.</p>
<p>Even on larger projects we are spending too much time making them perfect, making them into masterpieces, when a few quick pencil sketches is all that is required, be that on a white board or paper.  Documentation is simple &#8211; a photograph of the whiteboard or a scan of the piece of paper will suffice.</p>
<h3>Alternative Methods &#8211; Prototyping</h3>
<p>Okay, so if we get rid of wireframes from the process what can we use instead. We still need to represent the base structure or layout with the constrains of the high fidelity design.</p>
<p>This is where I elect to move to rapid prototyping.  I’m not going to detail the process of prototyping here.  But you can use anything for prototyping,  paper, pens , bottle tops. paper clips, post-its, just remember to keep it simple.    The primary goal is to generate and discount ideas  as fast as possible.</p>
<p>Remember your client may not be that familiar with the prototyping process so it’s a good idea to add some detail to your simple prototype before you show it to them.  Flesh them out a little.</p>
<p>If you are using CSS/HTML perchance to prototype, you will have an added advantage.   As the underlying code, even if you are using a framework, can often be reused later on in the development process.  In some ways what we are really doing here is just moving the developmental process forward with a design component.</p>
<p>We can also create a tighter synergy with the design and developmental team as well.  A side effect here is that you tend not to get an overload of crazy design ideas that blow out the developmental budget as the developers can instantly comment of the proposed prototype as well.</p>
<p>One could say that doing the prototypes first is logical as it follows to have the wireframes produced from the outcome of the prototype developmental process.  However that would mean fussing over detailed wireframes. Again in a small project we just don’t have the time.</p>
<p>Simply we move the process from the user research to prototyping to the final high fidelity design.  Eliminating the wireframes.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2009/11/26/heretical-ideas-stop-using-wireframes/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>UX Architecture for the Small Guy</title>
		<link>http://manwithnoblog.com/2009/11/13/ux-architecture-for-the-small-guy/</link>
		<comments>http://manwithnoblog.com/2009/11/13/ux-architecture-for-the-small-guy/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 03:04:53 +0000</pubDate>
		<dc:creator>Gary Barber</dc:creator>
				<category><![CDATA[conference]]></category>
		<category><![CDATA[eotw]]></category>
		<category><![CDATA[presentation]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[eotw09]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[sme]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://manwithnoblog.com/?p=837</guid>
		<description><![CDATA[<p class="featureimage"><a href="http://www.flickr.com/photos/richardgiles/4073608013/"><img class="alignnone size-full wp-image-840" title="Me (Gary Barber) delivering at EotW" src="http://manwithnoblog.com/wp-content/uploads/2009/11/Gary-Barber-EOTW.jpg" alt="Me (Gary Barber) delivering at EotW" width="240" height="160" /></a><span class="credit">Photo: <a href="http://www.flickr.com/photos/richardgiles/">Richard Giles</a></span></p>
<p>Last week I had the pleasure of speaking at the <a href="http://edgeoftheweb.org.au">Edge of the Web</a> conference in Perth on UX Architecture for the Small Guy.   I will do a brief write up on the conference shortly, so standby on that one, but for now on with the talk.</p>

<p>Too often I have been to various conferences and I have heard from some very experienced UX people discussing numerous case studies of projects.   All of them have one thing in common – large budgets or large teams.   Frankly these are not the projects that happen from day to day in Perth.  But they appear to be the mainstay of the UX designer, one gets the impression they are the general bread and butter in some parts of the world.</p>]]></description>
			<content:encoded><![CDATA[<p class="featureimage"><a href="http://www.flickr.com/photos/richardgiles/4073608013/"><img class="alignnone size-full wp-image-840" title="Me (Gary Barber) delivering at EotW" src="http://manwithnoblog.com/wp-content/uploads/2009/11/Gary-Barber-EOTW.jpg" alt="Me (Gary Barber) delivering at EotW" width="240" height="160" /></a><span class="credit">Photo: <a href="http://www.flickr.com/photos/richardgiles/">Richard Giles</a></span></p>
<p>Last week I had the pleasure of speaking at the <a href="http://edgeoftheweb.org.au">Edge of the Web</a> conference in Perth on UX Architecture for the Small Guy.   I will do a brief write up on the conference shortly, so standby on that one, but for now on with the talk.</p>
<h3>Why this Topic</h3>
<p>Too often I have been to various conferences and I have heard from some very experienced UX people discussing numerous case studies of projects.   All of them have one thing in common – large budgets or large teams.   Frankly these are not the projects that happen from day to day in Perth.  But they appear to be the mainstay of the UX designer, one gets the impression they are the general bread and butter in some parts of the world.</p>
<p>It is from this frustration and the lack of direct application of IA or UX in general for smaller business projects that made me rethink my design approach a number of years ago.   Why couldn’t we apply UX principles to SME projects or was it just for the larger projects?</p>
<p>I asked around the UX community, no one seemed to be willing to discuss applying UX to smaller projects.    I did have one amusing conversation in which the other party considered a small project being our gross income for the year.</p>
<p>Hence talk was born from this lack of a reality check and the need for information that could be applied on day to day basis in the real world.</p>
<div id="__ss_2417753" style="width: 425px; text-align: left;"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" title="UX Architecture for the Small Guy" href="http://www.slideshare.net/CannedTuna/ux-architecture-for-the-small-guy">UX Architecture for the Small Guy</a></p>
<p>
<object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=small-guy-091103224925-phpapp01&amp;rel=0&amp;stripped_title=ux-architecture-for-the-small-guy" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=small-guy-091103224925-phpapp01&amp;rel=0&amp;stripped_title=ux-architecture-for-the-small-guy" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">documents</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/CannedTuna">Gary Barber</a>.</div>
</div>
<h3>So what was Covered</h3>
<p>This presentation is aimed at people not familiar with UX Design and UX practitioners who have not considered using User Experience Design tools and techniques on smaller projects.  In a way this talk was also a lead-in for the other UX based talks that where on throughout the conference.</p>
<p>The talk itself dealt with the way we are still using a simple waterfall based process for SME projects, and why we are doing it &#8211; suggesting that maybe an Agile UX approach would be a better way to work.</p>
<p>Based on my years of experience of designing user experiences for small business I presented a dramatically shortened list of tools and techniques, for a UXD process focused on smaller projects, down from the 50 odd usually available.    Some of the tools I have discounted you maybe surprised as to why I have cut them from the process</p>
<p>I also discuss what happens when we go with our “gut instinct” and ignore any user research, the outcome is very interesting indeed.  Finally I look at selling user experience, be it to your boss, a boardroom or just a SME business owner.   Without knowing how to sell UX any change in the way we do things is just going to be a waste of time.   So in a way this aspect is the critical element of this presentation.</p>
<p>I touch on a fair number of different topics in this talk.  To really do each topic justice I’m going to present then here over the next few weeks in a lot more detail than I presented at the Edge of the Web.</p>
<p>Also if you were fortunate enough to be in the audience of my presentation any <a href="http://speakerrate.com/talks/1789-ux-architecture-for-the-small-guy">feedback</a> is most welcome.</p>
<img src="http://manwithnoblog.com/5e94d05d/266bbf68/CCBot/1.0 (+http://www.commoncrawl.org/bot.html).gif" />]]></content:encoded>
			<wfw:commentRss>http://manwithnoblog.com/2009/11/13/ux-architecture-for-the-small-guy/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
