<?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>pixeldiva &#187; UX</title>
	<atom:link href="http://www.pixeldiva.co.uk/tag/ux/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pixeldiva.co.uk</link>
	<description></description>
	<lastBuildDate>Tue, 27 Jul 2010 13:51:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Ridiculous Spam Prevention</title>
		<link>http://www.pixeldiva.co.uk/hates/ridiculous-spam-prevention/</link>
		<comments>http://www.pixeldiva.co.uk/hates/ridiculous-spam-prevention/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 23:57:48 +0000</pubDate>
		<dc:creator>Ann</dc:creator>
				<category><![CDATA[hates]]></category>
		<category><![CDATA[rant]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.pixeldiva.co.uk/?p=335</guid>
		<description><![CDATA[A week or so ago I agreed to help the lovely Natalie of The Yarn Yard move her blog from Typepad to WordPress. We talked through what she wanted, and she identified a theme that she liked. I&#8217;m not going to identify it, because I think it&#8217;d be counter productive, but it has a killer [...]

<h2>Other, possibly related, posts:</h2><ol><li><a href='http://www.pixeldiva.co.uk/shares/setting-up-local-subversion-for-use-with-coda-and-mamp/' rel='bookmark' title='Permanent Link: Setting up local Subversion for use with Coda and MAMP'>Setting up local Subversion for use with Coda and MAMP</a> <small>I spent most of last year using Subversion via command...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>A week or so ago I agreed to help the lovely Natalie of <a href="http://theyarnyard.typepad.com/">The Yarn Yard</a> move her blog from Typepad to WordPress.</p>
<p>We talked through what she wanted, and she identified a theme that she liked. I&#8217;m not going to identify it, because I think it&#8217;d be counter productive, but it has a killer feature that she really likes.</p>
<p>Unfortunately, the documentation is a bit lacking, and in looking to make a specific change to this killer feature, I found that I needed to consult the support forums.</p>
<p>So far, so good.</p>
<p>Except, all the support I can find tells me to find line 40 of header.php (which I did) and look for specific code and change it.</p>
<p>Easy.</p>
<p>Except that line 40 doesn&#8217;t look like the specific code any more, and I can&#8217;t find any bit in any of the files that does (and believe me when I say that I&#8217;ve tried, and I&#8217;ve searched).</p>
<p>So I decide to bite the bullet, risk the revocation of my geek card, and ask for help in the forum.</p>
<p>Except, to do that, I have to register, and that&#8217;s where the fun starts.</p>
<p>Before I begin, I want to make this clear. The forum is a support forum for two themes. One for WordPress, one for another CMS.</p>
<p>So I start to fill in the registration form, not really reading the help text with the labels, because I&#8217;ve filled out a million registration forms before.</p>
<p>Username: the usual<br />
Email address: the usual<br />
Confirm email address: *yawn*<br />
Password: blah<br />
Confirm password: blah again</p>
<p>Ignore language and timezone</p>
<p>Then the wheels fall off the wagon.</p>
<p>Antispam: (no, I&#8217;m not a spammer)</p>
<p>Secret code: You what now?</p>
<p>There&#8217;s a big pile of help text under that label, telling me to send an email to an email address to get a code, to prevent spambots. I&#8217;m thinking to myself that this is a bit of overkill, but I do it anyway.</p>
<p>While I&#8217;m waiting I go back to the form to answer the next couple of questions.</p>
<p>Human: Yes.</p>
<p>Are you going to do bad things to my forum?: (I wasn&#8217;t before, but now I&#8217;m considering it. <em>Only kidding.</em> No.)</p>
<p>By this point the email with the code shows up. I enter it, and move on.</p>
<p>To find that, after having completed FOUR different CAPTCHA type devices, including sending an email for a secret code, I now have to fill out an actual CAPTCHA.</p>
<p>By this point, I&#8217;m wondering if this guy is serious, and whether he&#8217;s protecting the treasure of the Sierra Madre, or whether I&#8217;m on some kind of eyetracking version of Candid Camera, but I complete it anyway, and hit submit.</p>
<p>To be thrown back with an error that my username is too long. It has to be between 3 and 8 characters, which means my usual username is out.</p>
<p>Okay.</p>
<p>Change that, redo CAPTCHA, hit submit.</p>
<p>Another error. Password too short. Of course, because it deleted the password I entered the first time (but not the copy of it in the second confirmation, curiously). Change that, redo CAPTCHA <em>again</em>, hit submit.</p>
<p>Okay.</p>
<p>Then I get a message telling me I have to wait for an email to activate my account before being able to ask my question.</p>
<p>In fairness, he does acknowledge the hoops and there&#8217;s a message saying thanks for jumping through them, but that&#8217;s doing little to soothe my irritation.</p>
<p>So I have a whinge on twitter about it, while I wait for the confirmation email to show up, which it does, a couple of minutes later.</p>
<p>With the username and password provided <strong>in clear text</strong>.</p>
<p>Now, I&#8217;ve seen a lot of crappy websites in my time. I&#8217;ve registered for a lot of forums in my time. I&#8217;ve been annoyed by user experiences in my time, but rarely have I felt so motivated to send a very strongly worded email to the owner of a forum (I think the last time was when someone suggested that my colleagues and I should be horsewhipped, for something which we had no control over, but that&#8217;s a whole other story).</p>
<p>I am quite flabbergasted that someone who sees fit to implement stringent (and seemingly arbitrary) limits on usernames, plus five different CAPTCHA security devices (including an inaccessible actual CAPTCHA) doesn&#8217;t give the users he&#8217;s forced to jump through hoops to join his support forums the same kind of respect for their security.</p>
<p>I&#8217;ve now changed my password on that forum (which in itself was a UX nightmare), but I&#8217;m still quite astonished.</p>
<p>I understand that spam is a problem on online forums (and everywhere else), and I understand that CAPTCHAs go some way to slowing down (if not entirely stopping) the deluge of spam, but I just don&#8217;t believe that putting the user through so many hoops is acceptable under any circumstances, let alone for something so basic as a support forum.</p>
<p>Rather than make me feel safer, it&#8217;s irritated me to the point that I&#8217;ve just written over 800 words about how irritated I am with this, rather than writing about how much I love the TV series Chuck, which is what I was going to write.</p>
<p>More to the point, it makes me seriously reconsider using the Theme, because if he&#8217;s that lax with security on something as basic as a forum signup email, I can&#8217;t even begin to trust his code, which is a shame, because that killer feature in the theme was pretty nice.</p>
 <img src="http://www.pixeldiva.co.uk/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=335" width="1" height="1" style="display: none;" />

<h2>Other, possibly related, posts:</h2><ol><li><a href='http://www.pixeldiva.co.uk/shares/setting-up-local-subversion-for-use-with-coda-and-mamp/' rel='bookmark' title='Permanent Link: Setting up local Subversion for use with Coda and MAMP'>Setting up local Subversion for use with Coda and MAMP</a> <small>I spent most of last year using Subversion via command...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.pixeldiva.co.uk/hates/ridiculous-spam-prevention/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Expand the Awesome: Design for a Wider Audience</title>
		<link>http://www.pixeldiva.co.uk/shares/expand-the-awesome-design-for-a-wider-audience/</link>
		<comments>http://www.pixeldiva.co.uk/shares/expand-the-awesome-design-for-a-wider-audience/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 16:00:44 +0000</pubDate>
		<dc:creator>Ann</dc:creator>
				<category><![CDATA[shares]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[inclusive design]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.pixeldiva.co.uk/?p=280</guid>
		<description><![CDATA[This is a text version (more or less) of the talk I gave at BarCampLondon 7, because I don&#8217;t think the slides will be of use to anyone who wasn&#8217;t there. It isn&#8217;t exactly what I said, because that was then, this is now, the talk wasn&#8217;t recorded and I can&#8217;t remember exactly what words [...]

<h2>Other, possibly related, posts:</h2><ol><li><a href='http://www.pixeldiva.co.uk/shares/designing-accessibility-into-themes/' rel='bookmark' title='Permanent Link: Designing Accessibility Into Themes'>Designing Accessibility Into Themes</a> <small>I was delighted last month to spend a couple of...</small></li>
<li><a href='http://www.pixeldiva.co.uk/shares/notes-from-bristol-usability-group-talk-by-andrew-arch/' rel='bookmark' title='Permanent Link: Notes from Bristol Usability Group talk by Andrew Arch'>Notes from Bristol Usability Group talk by Andrew Arch</a> <small>I don&#8217;t know whether it&#8217;s just coincidence, but since I&#8217;ve...</small></li>
<li><a href='http://www.pixeldiva.co.uk/shares/whats-up-with-missingbodybackgroundwatch/' rel='bookmark' title='Permanent Link: What&#8217;s up with #missingbodybackgroundwatch'>What&#8217;s up with #missingbodybackgroundwatch</a> <small>I wrote a post the other day sharing a tiny...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>This is a text version (more or less) of the talk I gave at BarCampLondon 7, because I don&#8217;t think the slides will be of use to anyone who wasn&#8217;t there. It isn&#8217;t exactly what I said, because that was then, this is now, the talk wasn&#8217;t recorded and I can&#8217;t remember exactly what words I used.</p>
<p>There were 34 slides and I did the talk in around 20 minutes (although writing it up has taken exponentially longer, weirdly), so feel free to grab yourself a cup of tea (or other beverage of choice) before you start reading.</p>
<p><span id="more-280"></span></p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.001.jpg" alt="Expand the Awesome: Design for a wider audience title slide"  width="720" height="540" class="postimg" /></p>
<p>I started off doing the time-honoured &#8220;show of hands&#8221; routine, asking first designers and then developers to raise their hands. I was a little surprised that the room seemed to be mostly developers.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.002.jpg" alt="Jeremy Keith's @media 2007 slide which uses the term AJAX and shows it to mean 'Accessibility Just Ain't eXciting'"  width="720" height="540" class="postimg" /></p>
<p>I then asked the room how many people agreed with the sentiment of &#8220;Accessibility Just Ain&#8217;t eXciting&#8221;, and after a slightly awkward moment where people looked at each other as if to say &#8220;can we admit this?&#8221;, several people nodded in agreement.</p>
<p>Now, I don&#8217;t believe that <a href="http://adactio.com/journal/">Jeremy</a> really thinks accessibility isn&#8217;t exciting because we&#8217;ve had conversations about it over the years I&#8217;ve known him, and I know that he was being very tongue in cheek with this slide, but I took this particular photo of his slide because I sat in the audience when this slide came up and was aware of several hundred people exhaling in relief and (some audibly, some not) saying &#8220;Yeaaaahhhhh…&#8221; as though they&#8217;d at last been given permission to admit that they really didn&#8217;t like accessibility and found it boring.</p>
<p>I know that wasn&#8217;t what he was going for, but one thing I&#8217;ve found over the years I&#8217;ve been talking about accessibility is that there are a lot of people who feel uncomfortable when thinking/talking about accessibility, and for whatever reason, don&#8217;t want to think/do anything about accessibility. In essence, they&#8217;re looking for someone to come along, pat them on the head and say &#8220;You&#8217;ve done enough accessibility, you can stop now&#8221; rather than &#8220;That&#8217;s a good start, now how about this…?&#8221;. The result is that they will hear what they want to hear, rather than what was explicitly being said. </p>
<p>A really good example of that is what happened in the aftermath of Joe Clarke&#8217;s talk on &#8220;<a href="http://joeclark.org/appearances/atmedia2007/">When accessibility is not your problem</a>&#8221; at the same conference. A number of us were (rightly, as it turned out) concerned that the word &#8220;When&#8221; would be ignored by some of the audience, who would feel like they could stop doing accessibility now, because Joe said so.</p>
<p>It&#8217;s a shame, because I genuinely believe that not only is accessibility and inclusive design a fascinating subject, but a real opportunity for designers to show their talent and creativity.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.003.jpg" alt="An assortment of cruches and walking sticks'"  width="720" height="540" class="postimg" /></p>
<p>Then again, it&#8217;s really difficult to get into that creative and excited space when the kinds of items that are associated with accessibility are ugly, boring and kind of scary devices, like crutches, wheelchairs and the like, which is why I love a quote I found from Helen Keller. </p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.004.jpg" alt="Helen Keller quote on suffering and overcoming'"  width="720" height="540" class="postimg" /></p>
<blockquote cite="Helen Keller"><p>Although the world is full of suffering, it is also full of overcoming it.</p></blockquote>
<p>The thing about disability is that although it can be an awful thing, it&#8217;s not like people with disabilities sit around all day every day and think about how terrible their life is. If you&#8217;ve just experienced something which has changed your abilities (for example, being confined to a wheelchair, or losing your hearing), then yes, for a while you&#8217;ll spend some time thinking about the extra limitations that have now been placed on you, but there comes a point where you just have to get on with life. </p>
<p>You adapt, adjust and overcome.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.005.jpg" alt="Knitted walking stick cosies"  width="720" height="540" class="postimg" /></p>
<p>Like the people who <a href="http://missability.com/knittingcompetition1.html">knitted walking stick cosies</a>, to cheer up ugly walking sticks. </p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.006.jpg" alt="Aimee Mullins modelling for a fashion line, showing her prosthetic legs'"  width="720" height="540" class="postimg" /></p>
<p>I first heard about <a href="http://en.wikipedia.org/wiki/Aimee_Mullins">Aimee Mullins</a> from a <a href="http://www.ted.com">TED</a> talk, where she talked about her <a href="http://www.ted.com/talks/lang/eng/aimee_mullins_prosthetic_aesthetics.html">12 pairs of legs</a>. Go watch the video before continuing to read. I don&#8217;t mind. In fact, I&#8217;d actively encourage it. She&#8217;s an amazing woman. Come back here after though.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.007.jpg" alt="A few of Aimee Mullins' prosthetic legs, including some stunningly beautiful carved wooden legs"  width="720" height="540" class="postimg" /></p>
<p>What I found most interesting about her is the notion that the goal for assistive devices or prosthetics should not be merely to replicate &#8220;normality&#8221;, but instead to enhance and augment. Why should people who have a disability always be considered to be lacking in some way?</p>
<p>Why can&#8217;t more design for specific needs be more integrated with design for &#8220;normality&#8221;? When it&#8217;s done well, it can enhance the item, rather than detract from it (which is a common fear amongst designers who are asked to consider the needs of people with disabilities in their work).</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.008.jpg" alt="L'Occitane products with braille as part of the labels"  width="720" height="540" class="postimg" /></p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.009.jpg" alt="Braille on wine bottle label"  width="720" height="540" class="postimg" /></p>
<p>Having Braille on the labels of L&#8217;Occitane products and bottles of wine doesn&#8217;t prevent someone who can&#8217;t read Braille from reading the text that is also there. It also doesn&#8217;t (in my opinion) make it look any less aesthetically pleasing. In fact, I think it adds to it (and I&#8217;m quite sure I&#8217;m not the only one. I&#8217;ve also seen lots of people exclaim over Braille on product labels in shops).</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.010.jpg" alt="Playboy and Reader's Digest Braille magazines"  width="720" height="540" class="postimg" /></p>
<p>Although it might seem quite difficult to make some items accessible, or available in other formats, with a bit of thought, anything (pretty much) is possible. I still remember my delight when I found out about Braille Playboy early in my career at RNIB.</p>
<p>(as a side note, in searching for a picture of Braille Playboy, I found a great blog post entitled <a href="http://www.banterist.com/archivefiles/000305.html">Playboy. In Braille.</a>, which is hilarious and well worth a read, particularly for the captions on the images. It makes me laugh just thinking about it.)</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.011.jpg" alt="A wheelchair ramp on a beach in Australia"  width="720" height="540" class="postimg" /></p>
<p>It&#8217;s truly amazing what can be done with a bit of thought and effort. I would never have thought I&#8217;d ever see a wheelchair ramp on a beach, but I was delighted to find a picture of one. How wonderful that people in wheelchairs can experience the sea and sand (and attendant joys and nuisances of those things in combination with skin) independently, without having to rely on being carried, or giving up at the thought of how difficult it might be.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.012.jpg" alt="Vatican wheelchair ramp"  width="720" height="540" class="postimg" /></p>
<p>Similarly, it&#8217;s amazing how beautiful these things can be. I love this photo of a ramp in the Vatican. I think it&#8217;s a thing of architectural beauty, and I&#8217;m glad that they chose to make a feature of it rather than hide it away or install a lift. Now everyone can enjoy it, not just those in wheelchairs and their carers.</p>
<p>Which leads me to the concept of integration. All too often accessibility is tacked on at the end, not integral to the design, and that leads to ugliness, awkwardness and bad design.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.013.jpg" alt="Wheelchair ramp integrated with stairs in the USA"  width="720" height="540" class="postimg" /></p>
<p>When searching flickr for photos of good examples of accessible design for a previous presentation, I found a picture of a ramp that had been integrated into a flight of steps. I thought it was a genius idea. Those who could use the steps could continue to use them, but those who needed the ramp didn&#8217;t have to go out of their way (or get out of the way of the step users). Fantastic!</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.014.jpg" alt="Brunswick Centre Stairs/Ramp, face on"  width="720" height="540" class="postimg" /></p>
<p>I was still quite excited about this find the next day when I was at work, and when I went out for lunch at the nearby Brunswick centre, as I had done many times before, I had a sudden realisation.</p>
<p>I&#8217;d been using something very similar. Pretty much every day. For months. </p>
<p>Without realising it.</p>
<p>The integration was so smooth that it just worked. For everyone. Wheelchair users. &#8220;Normal&#8221; people. Families with pushchairs. Elderly people with (or without) walking sticks.</p>
<p>It just worked.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.015.jpg" alt="Brunswick Centre Stairs/Ramp, side view"  width="720" height="540" class="postimg" /></p>
<p>Even better, it didn&#8217;t look ugly either.</p>
<p>There was no &#8220;Disabled users go here&#8221; segregation.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.016.jpg" alt="RIBA stairs with ramp"  width="720" height="540" class="postimg" /></p>
<p>A post on <a href="http://enabledbydesign.org/lovehates/2009/10/steps-outside-riba.html">Enabled by Design</a> recently showcased the steps outside RIBA, another lovely example of what can be done when accessibility is integrated into the design process.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.017.jpg" alt="Tactile paving in Japan, leading pedestrians around manhole covers"  width="720" height="540" class="postimg" /></p>
<p>I also love this beautiful example from Japan of using tactile paving to guide people with sight problems around potential obstacles on the ground. In this case, pedestrians can, without any irony, follow the yellow brick road and in the process, avoid (in this case) potentially falling down (or tripping on) a manhole cover.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.018.jpg" alt="Bus stop pavement ramp in Bristol"  width="720" height="540" class="postimg" /></p>
<p>When I was in Bristol recently I had cause to use the local bus service, and it was only after three or so days of using it that I realised why the buses stopped in particular places.</p>
<p>At pretty much every bus stop I saw, there was a ramp built into the pavement, making it easier to get on and off the bus for everyone, never mind those with pushchairs or wheelchairs.</p>
<p>The ramps weren&#8217;t an eyesore as they were built as part of the pavement, and they didn&#8217;t stop anyone from using the pavement either.</p>
<p>A great example of design for a specific need that has wider benefits.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.019.jpg" alt="Oxo Good Grips Swivel Peeler"  width="720" height="540" class="postimg" /></p>
<p>I love the OXO Good Grips range of kitchen tools. </p>
<p>The inspiration might have come from a wish to alleviate the discomfort of arthritis, but the products aren&#8217;t marketed as being for disabled people, or even to alleviate disability problems.</p>
<p><a href="http://www.designcouncil.org.uk/Case-Studies/All-Case-Studies/OXO-Good-Grips/">OXO Good Grips case study from the Design Council</a></p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.020.jpg" alt="Oxo Good Grips Swivel Peeler marketing copy"  width="720" height="540" class="postimg" /></p>
<blockquote><p>The OXO GOOD GRIPS Swivel Peeler is simply the best peeler you will ever try! The sharp, stainless steel blade glides through even the toughest fruit and vegetable skins with ease. The soft, comfortable handle cushions your hand as you peel, and is non-slip, even when your hands are wet.</p></blockquote>
<p>Nowhere in the marketing copy does it mention the need to have a problem to buy or use the product. Instead it focuses on the benefits to the end user.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.021.jpg" alt="Carsonified Events Page"  width="720" height="540" class="postimg" /></p>
<p>It&#8217;s not just the built environment where this integration can take place. It can (and should) be implemented online.</p>
<p>I probably wouldn&#8217;t go as far as to claim that the <a href="http://events.carsonified.com/fowd">Carsonified Events</a> page is the ultimate in accessible design, but it was the first seriously high profile site aimed at the design community that I&#8217;ve seen implement a visible Skip link.</p>
<p>It doesn&#8217;t get in the way for those who don&#8217;t need it, but could be a real boost for people who can see just fine and can&#8217;t use a mouse, enabling them to jump over any navigation links.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.022.jpg" alt="Guardian Home Page"  width="720" height="540" class="postimg" /></p>
<p><a href="http://www.guardian.co.uk/">The Guardian</a> website has a really nicely implemented text resize widget. Clearly visible, and available to any and all who might need it. Yes, the use of text resize widgets is still controversial in the web accessibility community, but it can be a useful usability aid. Not everyone needs to use it, but equally it doesn&#8217;t harm anyone else&#8217;s experience by being there.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.023.jpg" alt="Legal &#038; General Home Page"  width="720" height="540" class="postimg" /></p>
<p>Which brings me on to the <a href="http://www.legalandgeneral.com/">Legal &#038; General</a> website. It isn&#8217;t boring and ugly, the all too often expected hallmark of accessible/inclusive design.</p>
<p>It&#8217;s no longer news in the accessibility community, but it remains the best example of a solid business case for including accessibility as part of the design process. </p>
<p>Just a snapshot of some of the figures from <a href="http://www.isolani.co.uk/presentations/wsg/">Mike Davies&#8217; Presentation to the London Web Standards Group</a> meeting.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.024.jpg" alt="Legal &#038; General Home Business Case for Accessibility"  width="720" height="540" class="postimg" /></p>
<ul>
<li>50% increase in search engine traffic</li>
<li>immediate 95% increase in requests for quotes</li>
<li>90% increase in completed applications</li>
<li>300% increase in take up for some products</li>
<li>conversion rates doubled for the most important revenue generators</li>
<li>450% increase in earnings in the five days following the launch of a redesigned product</li>
<li>longer term 135% increase in completed applications</li>
<li>return on investment in five months</li>
</ul>
<p>In the current financial climate, I honestly can&#8217;t believe that any business can afford to ignore figures like these. The increase in sales as a result of making the site accessible didn&#8217;t, for the most part, come from people with disabilities. It came from &#8220;normal&#8221; people. Making the site easier to use for people with disabilities made it easier to use for everyone, and as a result, more people bought the products.</p>
<p>If you&#8217;re designing, building, making, selling anything, why wouldn&#8217;t you want <em>even more</em> people to find it, read it, use it, buy it, think it&#8217;s awesome?</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.025.jpg" alt="Inclusive Design != (does not equal) Ugly"  width="720" height="540" class="postimg" /></p>
<p>As I hope I&#8217;ve shown, Inclusive Design doesn&#8217;t have to be ugly. It can be a thing of beauty that&#8217;s a delight to use, whoever happens to be using it.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.026.jpg" alt="Accessibility = Extreme Usability (kind of)"  width="720" height="540" class="postimg" /></p>
<p>It&#8217;s easy to say, but I do think that Accessibility is kind of like an extreme form of Usability. If a product is easy to use by people with impairments, it is highly likely to be easier to use by people who don&#8217;t have impairments.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.027.jpg" alt="Ok. How?"  width="720" height="540" class="postimg" /></p>
<p>It&#8217;s no use me saying that people should design sites (or whatever) for a wider audience without giving some hints and tips on how this can be done.</p>
<p>For the purposes of this, I&#8217;m talking about websites or computer interfaces, but a lot of this can be applied to other things.</p>
<p>It&#8217;s also necessarily brief and high level. For more detail, you could have a look at <a href="http://www.d7ux.org/designing-accessibility-into-themes/">Designing Accessibility Into Themes</a>, which I wrote earlier this year for the <a href="http://www.d7ux.org/">Drupal 7 User Experience project</a> or <a href="mailto:ann@equalweb.net?Subject=Consultancy Request">contact me for some training or consultancy</a>.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.028.jpg" alt="Good typography"  width="720" height="540" class="postimg" /></p>
<p>If you want people to read your content/buy your stuff, you need to make sure they actually can. Good typography is incredibly important. Choose an appropriate typeface, ensure that the text is of a decent size (and can be resized), ensure that there&#8217;s sufficient contrast between the text and the background colour and a decent amount of space between lines (but not too much).</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.029.jpg" alt="Pretty"  width="720" height="540" class="postimg" /></p>
<p>Make it pretty. Don&#8217;t be afraid of using colour and images to make things look better. Pretty things make people happy. Happy people are happier, and often buy more stuff.</p>
<p>Just make sure that while you&#8217;re making it pretty, you&#8217;re not making it more difficult to read and/or use.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.030.jpg" alt="Clear and simple language"  width="720" height="540" class="postimg" /></p>
<p>Use clear and simple language (where appropriate). The easier you can make it for people to understand what you&#8217;re offering and what benefit it can bring to them, the better. Obviously, this doesn&#8217;t apply to scientific texts or suchlike, but if you&#8217;re selling a product or a service, making it easier to understand can only broaden your audience and by extension your client/user base.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.031.jpg" alt="Instructions before tasks, not after"  width="720" height="540" class="postimg" /></p>
<p>One of my pet hates with form design is this proto-convention which has developed which places the form label above the input, and any help text after or below the input.</p>
<p>It just doesn&#8217;t make sense to give the user the information they need after they need it. If you need a user to take a specific action, or give you a bit of information in a specific format, tell them before they enter it.</p>
<p>I know it might seem obvious, but it&#8217;s still far from the convention, and I&#8217;d like to see that change.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.032.jpg" alt="Keyboard only"  width="720" height="540" class="postimg" /></p>
<p>Make sure your interface works with keyboard only as well as with mouse. In fact, unplug your mouse (and/or disable your trackpad) and spend some time using the keyboard only.</p>
<p>It&#8217;s not the be-all and end-all, but if your site works without needing to use a mouse, you&#8217;re a good way towards it being more accessible and easier to use (and I can pretty much guarantee that you&#8217;ll find at least one thing that will make you rethink your interface).</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.033.jpg" alt="Progressive enhancement"  width="720" height="540" class="postimg" /></p>
<p>Design a really good base interface. Make sure that the user experience for people who don&#8217;t have or can&#8217;t use a mouse, javascript whizzbang whatevers and all the rest of it is a good one, then build on that rather than try and retrofit functionality based on all the shiny and whizzy interface bits you&#8217;ve designed. It&#8217;ll be far more difficult and it&#8217;s more likely to lead to compromises in the visual design.</p>
<p>Anyone using the base interface shouldn&#8217;t feel like they&#8217;re missing out on something.</p>
<p>It&#8217;s far easier to start from a good solid base and then iterate, adding nice functionality and interactivity along the way (making sure that whatever you&#8217;re doing isn&#8217;t making whatever it is more difficult to use).</p>
<p>For example, if you&#8217;re building a user interface which displays styled tooltips when you hover your mouse over a particular element, think how those elements could be incorporated into the design if you don&#8217;t have javascript/whatever available. Are they important or are they nice to have? If they are important, then design them into the base interface. If they&#8217;re not important, it&#8217;s fine to have them not appear. It&#8217;s also really important to duplicate any hover-based functionality so that it appears when the item is given focus so people who can&#8217;t use a mouse can still use it.</p>
<p>This isn&#8217;t just for people with disabilities &#8211; iPhone (for example) users can&#8217;t make content appear on hover when they&#8217;re looking at a website in mobile Safari.</p>
<p><img src="http://www.pixeldiva.co.uk/wp-content/uploads/2009/10/bcl7presentation.034.jpg" alt="Thank you"  width="720" height="540" class="postimg" /></p>
<p>One final story. A few years ago RNIB held a series of awards, one of which was for Best Website. It was to be nominated for and voted on by blind and partially sighted people. We thought that it might throw up some really fantastic accessible websites that we didn&#8217;t know about, and allow us to use them as examples of how great these could be.</p>
<p>We were wrong.</p>
<p>The sites that were most nominated were sites like play.com and Amazon. This was before the lawsuit requiring Amazon to make their site more accessible to blind and partially sighted people, when most of the images on the site didn&#8217;t even have alt text. Not exactly a shining example of accessibility. What it had going for it was compelling content. People wanted to use the site so much that they&#8217;d found or developed coping strategies that would enable them to use the site.</p>
<p>Coping strategies are all well and good, but we don&#8217;t all offer something as compelling as cheap books and CDs, and users may not put the effort in to find workarounds for accessibility or usability barriers. More often, they&#8217;ll go somewhere else if they can.</p>
<p>At the end of the day, inclusive design is a real opportunity to bring the awesome that is your creation to a wider audience, and really, why wouldn&#8217;t you want even more people to love/read/buy your stuff?</p>
<p>If you&#8217;re interested in reading a bit more about inclusive design, I can heartily recommend reading <a href="http://www.amazon.co.uk/Design-Meets-Disability-Graham-Pullin/dp/0262162555">Design Meets Disability by Graham Pullin</a></p>
<p>If you&#8217;ve read this far, thank you. I could have gone the easy route of just throwing the presentation slides up on slideshare or recording a screencast, but neither of those felt like they would particularly capture the essence of what I was trying to convey with my talk. Hopefully, this does a good enough job.</p>
<p><a href="#content">Jump back to the top (without miles of scrolling)</a></p>
 <img src="http://www.pixeldiva.co.uk/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=280" width="1" height="1" style="display: none;" />

<h2>Other, possibly related, posts:</h2><ol><li><a href='http://www.pixeldiva.co.uk/shares/designing-accessibility-into-themes/' rel='bookmark' title='Permanent Link: Designing Accessibility Into Themes'>Designing Accessibility Into Themes</a> <small>I was delighted last month to spend a couple of...</small></li>
<li><a href='http://www.pixeldiva.co.uk/shares/notes-from-bristol-usability-group-talk-by-andrew-arch/' rel='bookmark' title='Permanent Link: Notes from Bristol Usability Group talk by Andrew Arch'>Notes from Bristol Usability Group talk by Andrew Arch</a> <small>I don&#8217;t know whether it&#8217;s just coincidence, but since I&#8217;ve...</small></li>
<li><a href='http://www.pixeldiva.co.uk/shares/whats-up-with-missingbodybackgroundwatch/' rel='bookmark' title='Permanent Link: What&#8217;s up with #missingbodybackgroundwatch'>What&#8217;s up with #missingbodybackgroundwatch</a> <small>I wrote a post the other day sharing a tiny...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.pixeldiva.co.uk/shares/expand-the-awesome-design-for-a-wider-audience/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
	</channel>
</rss>
