I find myself linking to this article about why your links should never say click here for links on the web that I thought I should just get it down for easy reference. The solution, generally, is to rewrite your sentence. For more about writing for the web, click here. Only joking, check out more tips about writing for the web.

Also see: Omit unnecessary words, use styling instead of colons, cognitive overhead and the best writing is rewriting. 

Rewrite to avoid click here

The time to a target depends on the ratio of distance to the target over it’s size. So clicking on a small target close by might take a similar time to clicking on a large target further away. It’s a simple model and there are a few little games out there to bring it home in practice.

I’m reminded however, of an observation from a mentor of mine, Darrell Mann, that just because people call it a law doesn’t mean you have to treat it like one. The example of Apple’s standard program icons at the base of the screen that expand when you mouse near them, are a simple technique that help to overcome the limitations of Fitt’s law. There are plenty more. Don’t be sucked in to laziness by a name.

Fitts’ Law

A shift in the way we develop for digital devices. The mantra used to be ‘graceful degradation’ - design for what you expect people to use, then let your application gracefully degrade for older browsers, and smaller screens. Generally speaking the richest application, and the first to design for, was on the desktop.

A more recent approach is mobile first. Start with core content, design for the smallest screens and least capable browsers, then progressively enhance the experience onto larger more capable devices, browsers and screens. My intro from Mobile First by Luke Wroblewski.

Progressive enhancement

You can design almost any information with this in mind (even an email for example). Probably not ideal for a novel, but if you’re competing for attention, as most things are, it’s not bad to keep in mind.

Design for a Glance, a Look and a Read

Sam Moreau, User Experience Director at Microsoft. Just one small example.

Had a few questions about this so thought I’d add another simple example. Imagine you want to change your phone number on a service. Rather than display the phone number and have an option in a menu to edit and then a separate edit screen, the phone number itself can be the route to editing. You simply display the current number - clean, no junk. Mousing over it or clicking on it allows you to edit it directly. You remove the need for additional menus, text, instructions, and chrome. The content itself becomes the interface.

The content is the interface

I still find somewhat remarkable the complexity in a simple button on the web. These are just 6 common states that may each have their own appearance and behaviour.

Sketchplanations tagged with web-design