Tag Archives: Basics

How to Write a Good Empty State

What is the empty state?
The Empty State is your software in its initial state before the user has entered any data or set anything up. It’s what your new users are exposed to the first time they use your application. It’s a crucial phase; this is before your users have experienced what your application can [...]

Posted in Tutorials | Also tagged | 4 Comments

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 | Also tagged , | 3 Comments

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

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 | Also tagged | 6 Comments

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 | Also tagged , , , , | 5 Comments