Do you make users intuitively know how to use something?

Updated by Brady Stroud [SSW] 1 year ago. See history

123
<introEmbed body={<> 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 </>} />
Image

❌ Figure: Bad example - The affordance of the checkbox makes this UI misleading

Image

❌ 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

Image

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

Image

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

Image

✅ Figure: Good example - New Microsoft Word - Because of the new ribbon UI, people intuitively know how to use styles

Image

❌ Figure: Bad example - Which is the dial that controls the top-right stove?

Image

✅ Figure: Good example - In this layout, it's easy to see which dial controls which stove

Acknowledgements

Adam Cogan
Related rules

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star