Secret ingredients to quality software


Do you make users intuitively know how to use something?

Created on 27 Nov 2012 | Last updated by Rebecca Liu on 11 Jun 2014 06:08 AM (almost 7 years ago)
  1. When we see a door, we immediately know that we can open it and go through it
  2. Links in blue and underlined has an affordance of clickability
  3. Buttons can be pressed
  4. Scrollbar moves the document in the window

Bad Affordance2
Figure: Bad Example - The affordance of the checkbox makes this UI misleading

Bad FalseAffordance
Figure: Bad Example - If this mop sink didn't look so much like a urinal and wasn't right next to the toilet, maybe the sign wouldn't be necessary.

Bad Affordance3
Figure: Bad Example – It might not have been a good idea to place a male policeman where the exhaust pipe is.

Bad Affordance
Figure: Bad Example - Old MS Word - Because of the UI, people never knew they could use styles e.g. normal, H1, H2

Good Affordance
Figure: Good Example - New MS Word - Because of the new ribbon UI, people intuitively know how to use styles

We open source. This page is on GitHub