Category Archives: Tutorials

Fitts’ Law

Fitts’ Law is a mathematical model that predicts how long it will take to “point” at a target. It was first proposed by Paul Fitts in 1954. It takes into account where you are currently pointing relative to the target; How far away the target is and how big the target is. It has been [...]

Posted in Tutorials | Tagged , , | Leave a comment

The 80/20 Rule

The 80/20 rule, also known as Pareto’s Principle, states that 80% of an observable effect is caused by 20% of the variables at play. The first recognition of this rule was by Vilfredo Pareto, who in 1906, recognised that 80% of Italy’s wealth was owned by 20% of Italy’s population.
The same 80/20 split can be [...]

Posted in Tutorials | Tagged | Leave a comment

How to write an alert box

Alert boxes are a user interface element that pops up to alert the user of some critical piece of information. This post explains how to write them.
Lets start off by getting something out of the way. Don’t use alert boxes. They are jarring, often steal focus, interrupt the flow of what a user is doing [...]

Posted in Tutorials | Tagged , , | Leave a comment

Aesthetic Usability Effect

The aesthetic usability effect is where a user will perceive an attractive product as easier to use than an ugly one. It doesn’t actually matter if they are easier to use or not they are perceived as such so users will make subconscious concessions and overlook many difficulties. The seminal work on this principle is [...]

Posted in Tutorials | Tagged , | 5 Comments

Five Hat Racks

The Five Hat Racks was first developed by Richard Saul Wurman in his book Information Anxiety. It’s a bizarre name, but makes sense: the hats are information…. hat racks organise hats…. and there are 5 ways to do it. Fine, call it what you like – at least it’s memorable! In a nutshell, there are [...]

Posted in Tutorials | Tagged , | 2 Comments

The Importance of Conventions

Conventions are important. They emerge as the ‘way things are done’. As such, when we see a control on a device, we apply our previous knowledge of similar systems and make assumptions about what will happen when the control is activated. The more experience you have in a particular field, the more conventions you know. [...]

Posted in Tutorials | Tagged , , , | 1 Comment

Usability Issues When Integrating Systems

Sometimes it is necessary for us to integrate our software with another system in order to offer its features to our customers, in fact a new class of applications has emerged where separate systems are created from integrating other products – the ‘mashup’. Allowing a user to take advantage of another system from within your [...]

Posted in Tutorials | Tagged | Leave a comment

10 Ways to Improve Usability When You Thought it Was Too Late

You’ve spent months working on your project and delivered it to the client. Initial feedback was positive, but they’ve spent a few days with it now and have asked if there is anything you can do to ‘make it more user friendly’. Ouch. It’s a bit late in the day to start any major restructuring. [...]

Posted in Tutorials | Tagged , , , , , , , | Leave a comment

Learning more about CRAP

I posted yesterday’s tutorial to hacker news and I must say I’ve been overwhelmed with the response I got; so a big hello and thank you to everyone who clicked through! A few people were interested where the term CRAP came from and if I invented it. No, I didn’t invent it; all I did [...]

Posted in Tutorials | Tagged , , , , | Leave a comment

How to make your user interface CRAP

Graphic design has 4 basic principles that appear to varying degrees in all well designed works; Contrast, Repetition, Alignment and Proximity. They are there to help guide you in making attractive designs, but I think they can (and should!) be applied when designing user interfaces. This post will show you how. Anyway, I like the [...]

Posted in Tutorials | Tagged , , , , , | 4 Comments