7. People See Cues That Tell Them What To Do With an Object

Question	Answer
Affordances	The characteristics of an object that determine how it should be used. (We want them to be easy to understand)
(http://www.homestructions.com/general/new-door-knobs-can-freshen-your-home/) Image: I Stock 000020026533 Small (binary/octet-stream)	This doorknob is clearly meant to be pushed down. We can tell by the shape. It has clear affordances.
(https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=2ahUKEwiB1uPU5qHdAhVFq1MKHb6eCAIQjxx6BAgBEAI&url=http%3A%2F%2Fwww.itp.lindseyfrances.com%2F2016%2F09%2F19%2Fgood-interaction-vs-bad-interaction-door-edition%2F&psig=AOvVaw2iYCu7Kzi1HqMFkWOuClDC&ust=1536166050746094) Image: Monumental Pull Door Pull Doors Grand Palais Ornate Door Pull Plate Pull Door L Dd2f6d7f7b87f5ee (binary/octet-stream)	This door handle looks like it should be pulled but should actually be pushed. This is an example of an incorrect affordance.
How to make affordances better on the web	- Giving buttons shadows on your website gives it a shape and makes it more obvious that it should be clicked - Make sure your hover cues are easy to see

Resource summary

	Created by Yahav Avraham-Katz over 5 years ago