<?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>From Accessibility to Zope &#187; Usability</title>
	<atom:link href="http://blog.mauveweb.co.uk/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mauveweb.co.uk</link>
	<description>experiments in contemporary web development</description>
	<lastBuildDate>Thu, 18 Aug 2011 23:26:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Answers.com double-click</title>
		<link>http://blog.mauveweb.co.uk/2009/10/16/answers-com-double-click/</link>
		<comments>http://blog.mauveweb.co.uk/2009/10/16/answers-com-double-click/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 09:28:28 +0000</pubDate>
		<dc:creator>mauve</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mauveweb.co.uk/2009/10/16/answers-com-double-click/</guid>
		<description><![CDATA[A few weeks ago I mentioned word-selection by double-click.
I have discovered that Answers.com improves on this with a rather nifty hidden feature: if you double click on any word on the page it will immediately look that word up in Answers.com using AJAX!
This looks very innovative to me. Using the rich Javascript API to augment [...]]]></description>
			<content:encoded><![CDATA[<p>A few weeks ago I mentioned word-selection by double-click.</p>
<p>I have discovered that <a href="http://www.answers.com/">Answers.com</a> improves on this with a rather nifty hidden feature: if you double click on any word on the page it will immediately look that word up in Answers.com using <acronym title="Asynchronous JavaScript and XML">AJAX</acronym>!</p>
<p>This looks very innovative to me. Using the rich Javascript <acronym title="	Application Programming Interface">API</acronym> to augment the browser's existing functionality is very pleasant, but here the product is a dictionary/reference site that is totally cross-linked! Poor old Wikipedia seems rather limited by comparison (though, to be fair, there are massive advantages to conventional links. This technique is not a replacement for that).</p>]]></content:encoded>
			<wfw:commentRss>http://blog.mauveweb.co.uk/2009/10/16/answers-com-double-click/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Profanity</title>
		<link>http://blog.mauveweb.co.uk/2009/01/28/profanity/</link>
		<comments>http://blog.mauveweb.co.uk/2009/01/28/profanity/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 00:44:53 +0000</pubDate>
		<dc:creator>mauve</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mauveweb.co.uk/?p=238</guid>
		<description><![CDATA[The web has never responded very well to censorship. So much of the web is about freedom of expression that whenever someone tries to express himself, and is prevented from doing so, he feels disenfranchised. That applies even more so in the case of the Scunthorpe problem, because people who weren't trying to swear in [...]]]></description>
			<content:encoded><![CDATA[<p>The web has never responded very well to censorship. So much of the web is about freedom of expression that whenever someone tries to express himself, and is prevented from doing so, he feels disenfranchised. That applies even more so in the case of the <a href="http://en.wikipedia.org/wiki/Scunthorpe_Problem">Scunthorpe problem</a>, because people who weren't trying to swear in the first place feel much more aggrieved.</p>
<p>On the other hand, website owners do not want their image damaged by users who can't keep their potty mouths shut.</p>
<p>When developing sites that allow users a voice, we need to find ways to protect the website owners, or the atmosphere of a community, without damaging the goodwill of the user base. Any website that depends on user input, and which doesn't have any users, is a failure.</p>
<p>Profanity filtering is not the answer because, at least, I've never seen it done well enough to be both comprehensive and unintrusive. All problems that relate to processing natural language are extremely complicated. We have barely started to scrape the surface in terms of parsing English text, let alone extracting the semantics from it that we would need to determine if a word is offensive. So any attempt at a naïve profanity filter is doomed to failure. For example, you can be profane without being offensive:</p>
<blockquote><p>She turned round and screamed, "Fuck off, you stuck-up bitch". I was appalled!</p>
<p>You're a grumpy old bastard, but I love you.</p></blockquote>
<p>and you can be offensive without being profane:</p>
<blockquote><p>I did your mum last night. She's fatter than a blue whale, but she knows a trick or two. Your sister does too actually.</p></blockquote>
<p>and let's not forget the cases where you can't tell:</p>
<blockquote><p>Do you have a cock or do you just keep hens? Oh, we have a big gold cock. You know, the pussy is afraid of him!</p></blockquote>
<p>Ok, the last example is contrived and of course nobody would type it with a straight face.  Still, in the right context, it's innuendo not profanity.</p>
<p>With those insurmountable problems, there's simply no substitute for a human keeping an eye on things. However, even with moderation, there are problems to face. Exactly what is acceptable? Moderators can easily pronounce on clear-cut cases of abusiveness or offensiveness, but people have different sensibilities as to what's acceptable. It's also fairly easy for moderators to miss the odd bit of abuse, especially if it's only offensive in some contexts.</p>
<p>One trick to help keep control of the situation is to carefully set the tone. If you can use the language and style of the website to convey a sense of what might be appropriate, you can influence the tone users are likely to take. Though moderators still have to check the same amount of content, this reduces the chance that something untoward will slip through. Phrases like "Interglobal Inc do not take any responsibility for the content of this service"  &#8211; phrases which are of dubious merit anyway &#8211; may have the opposite effect, by giving users the impressi0n that they don't care what the tone is. You also stand to lose control of the tone in the subconscious minds of users if you use some well-known software &#8211; phpBB for example &#8211; which users might have used elsewhere and come to associate with a certain mode of speech.</p>
<p>If you do censor people,  a light touch is often better than a heavy hand.</p>]]></content:encoded>
			<wfw:commentRss>http://blog.mauveweb.co.uk/2009/01/28/profanity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Users don&#039;t need WYSIWYG</title>
		<link>http://blog.mauveweb.co.uk/2008/12/12/users-dont-need-wysiwyg/</link>
		<comments>http://blog.mauveweb.co.uk/2008/12/12/users-dont-need-wysiwyg/#comments</comments>
		<pubDate>Fri, 12 Dec 2008 14:02:47 +0000</pubDate>
		<dc:creator>mauve</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mauveweb.co.uk/?p=219</guid>
		<description><![CDATA[We've all been wowed by impressive off-the-shelf components for WYSIWYG editing in webpages. TinyMCE and HTMLArea are just two. Looking at them it all looks staggeringly simple.
However, in practice these editors become incredibly painful to use. When you watch users trying to edit a content management system, it becomes very obvious that the usability they [...]]]></description>
			<content:encoded><![CDATA[<p>We've all been wowed by impressive off-the-shelf components for <acronym title="What You See Is What You Get">WYSIWYG</acronym> editing in webpages. TinyMCE and HTMLArea are just two. Looking at them it all looks staggeringly simple.</p>
<p>However, in practice these editors become incredibly painful to use. When you watch users trying to edit a content management system, it becomes very obvious that the usability they profess is an illusion.</p>
<ul>
<li>The editing experience is slow, sometimes to the point of non-interactivity</li>
<li>Loading of the component is also slow</li>
<li>Users struggle to make formatting behave when all they want to do is write</li>
<li>Pasting from word processor documents also pastes unwanted formatting</li>
</ul>
<p>My solution is to return to the humble textarea. This was something I discovered by accident: Django provides a Markdown filter, so this was the simplest way to provide formatting, though my intention had been to embed TinyMCE later. <a href="http://daringfireball.net/projects/markdown/">Markdown</a> is a simple formatting language based on formatting conventions in plain-text e-mails. I soon discovered the convenience of editing content with Markdown &#8211; freed from worries about formatting, the experience of publishing content accelerates, at the expense of a slightly steeper learning curve. It's only a learning curve for the formatting features. In the simplest case of unformatted paragraphs, writing in Markdown is the same as writing in plain text, so users can start publishing at full speed straight away.</p>
<p>There's also the benefit that Markdown doesn't give users the ability to break out of the style of a site. Users are not graphic designers: if you give them the ability to make text red, thinking perhaps that this may be useful on special occasions to draw attention to an important message, don't be surprised if they make every other sentence red, bold and italic. After all, they want to draw attention to everything they say, don't they?</p>
<p>To enhance the experience in my applications, I've bolted on a toolbar based on <a href="http://livepipe.net/">Livepipe</a> and a preview based on <a href="http://attacklab.net/showdown/">Showdown</a>.</p>
<div id="attachment_220" class="wp-caption aligncenter" style="width: 310px"><a href="http://blog.mauveweb.co.uk/wp-content/uploads/2008/12/markdownarea.jpg"><img class="size-medium wp-image-220" title="MarkdownArea" src="http://blog.mauveweb.co.uk/wp-content/uploads/2008/12/markdownarea-300x193.jpg" alt="Screenshot of my MarkdownArea" width="300" height="193" /></a><p class="wp-caption-text">Screenshot of my MarkdownArea</p></div>]]></content:encoded>
			<wfw:commentRss>http://blog.mauveweb.co.uk/2008/12/12/users-dont-need-wysiwyg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Calls to action</title>
		<link>http://blog.mauveweb.co.uk/2008/11/28/calls-to-action/</link>
		<comments>http://blog.mauveweb.co.uk/2008/11/28/calls-to-action/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 10:51:30 +0000</pubDate>
		<dc:creator>mauve</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mauveweb.co.uk/?p=215</guid>
		<description><![CDATA[A way of supposedly increasing the conversions from your site is by adding calls to action, links or banners or buttons nudging people away from simply reading and towards taking action &#8211; purchasing your products, enquiring about your services and so on.
The practice of including calls to action is taken straight out of the advertising [...]]]></description>
			<content:encoded><![CDATA[<p>A way of supposedly increasing the conversions from your site is by adding <strong>calls to action</strong>, links or banners or buttons nudging people away from simply reading and towards taking action &#8211; purchasing your products, enquiring about your services and so on.</p>
<p>The practice of including calls to action is taken straight out of the advertising industry. Advertisers have a small list of things that they need to include in an advert, and a call to action is on that list. However a website is not an advert. Users browsing the web are mainly in a mode where they will read and compare and research a purchase. Who would click the first "buy this now" button they see when they can hop onto another site and check out alternatives and price first? In this context, calls to action may not be very effective and can be intrusive. It's even less effective if your call to action is not something as passive and easily handled over the web as just "buying", such as "Enquire now about our calibration service".</p>
<p>In the UK we also like our calls to action implicit. Watch TV ads for a few minutes and the number you'll see that include an explicit call like "Sofas half price at DFS until Monday! Come down to DFS showrooms today!" are small compared to the number that run more along the lines of "The sun is shining and this man in trendy clothes is laughing with a group of attractive women. What's that he's drinking? Oh, Coca-cola."</p>
<p>So include calls to action, make sure they are seen, but keep them understated and out of people's faces and users may find your site that much more appealing &#8211; easily enough to outweigh the effectiveness of intrusive calls to action.</p>]]></content:encoded>
			<wfw:commentRss>http://blog.mauveweb.co.uk/2008/11/28/calls-to-action/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Defensive Design for the Web</title>
		<link>http://blog.mauveweb.co.uk/2008/02/29/defensive-design-for-the-web/</link>
		<comments>http://blog.mauveweb.co.uk/2008/02/29/defensive-design-for-the-web/#comments</comments>
		<pubDate>Fri, 29 Feb 2008 12:48:46 +0000</pubDate>
		<dc:creator>mauve</dc:creator>
				<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://blog.mauveweb.co.uk/2008/02/29/defensive-design-for-the-web/</guid>
		<description><![CDATA[Among the many web development books in my library is a book called Defensive Design for the Web  which I bought a couple of years ago. It's a catalogue of usability tips, complete with examples of websites successes and failures.  I strongly recommend it to anyone who programs web applications.
A lot of web [...]]]></description>
			<content:encoded><![CDATA[<p>Among the many web development books in my library is a book called <a href=" http://www.amazon.co.uk/Defensive-Design-Web-Improve-Messages/dp/073571410X/">Defensive Design for the Web</a>  which I bought a couple of years ago. It's a catalogue of usability tips, complete with examples of websites successes and failures.  I strongly recommend it to anyone who programs web applications.</p>
<p>A lot of web usability is common sense, but when you compile all that common sense into a book, it's an extremely valuable reference.</p>]]></content:encoded>
			<wfw:commentRss>http://blog.mauveweb.co.uk/2008/02/29/defensive-design-for-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

