Posts Tagged ‘ clickability ’

Example – the most basic affordance: clickability

One of the most fundamental affordances in interface design is clickability. The design should clearly indicate what is and what is not clickable. For this reason, it is advised to never ever use underlined text on the Web because it looks like a link when it actually isn’t.

As you look at interfaces, note how each item communicates clickability. What about its design lets you know that a word is clickable, that something is a button – but something else is not?

That’s why Jakob Nielsen maintains that links should always be blue and underlined. That’s a bit extreme, and ruffles visual designers’ feathers, but even if links are not blue and underlined, it should be very clear what is and what is not a link.

Take this example from Blackboard learn. How can you tell if something is clickable or not? Can you tell that the words “graduate handbook” are actually a link? How would you change the design to make it absolutely clear that those words are actually a link?

Click image to enlarge

Advertisements
Advertisements