Do you make users intuitively know how to use something?
Updated by Brady Stroud [SSW] 1 year ago. See history
123
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 <imageEmbed alt="Image" size="large" showBorder={false} figureEmbed={{ preset: "badExample", figure: 'Bad example - The affordance of the checkbox makes this UI misleading', shouldDisplay: true }} src="/uploads/rules/do-you-make-users-intuitively-know-how-to-use-something/../../assets/Bad-Affordance2.jpg" /> <imageEmbed alt="Image" size="large" showBorder={false} figureEmbed={{ preset: "badExample", 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', shouldDisplay: true }} src="/uploads/rules/do-you-make-users-intuitively-know-how-to-use-something/../../assets/Bad-FalseAffordance.jpg" /> <imageEmbed alt="Image" size="large" showBorder={false} figureEmbed={{ preset: "badExample", figure: 'Bad example – It might not have been a good idea to place a male policeman where the exhaust pipe is', shouldDisplay: true }} src="/uploads/rules/do-you-make-users-intuitively-know-how-to-use-something/../../assets/Bad-Affordance3.jpg" /> <imageEmbed alt="Image" size="large" showBorder={false} figureEmbed={{ preset: "badExample", figure: 'Bad example - Old Microsoft Word - Because of the UI, people never knew they could use styles e.g. normal, H1, H2', shouldDisplay: true }} src="/uploads/rules/do-you-make-users-intuitively-know-how-to-use-something/../../assets/Bad-Affordance.jpg" /> <imageEmbed alt="Image" size="large" showBorder={false} figureEmbed={{ preset: "goodExample", figure: 'Good example - New Microsoft Word - Because of the new ribbon UI, people intuitively know how to use styles', shouldDisplay: true }} src="/uploads/rules/do-you-make-users-intuitively-know-how-to-use-something/word-tool-bar.png" /> <imageEmbed alt="Image" size="large" showBorder={false} figureEmbed={{ preset: "badExample", figure: 'Bad example - Which is the dial that controls the top-right stove?', shouldDisplay: true }} src="/uploads/rules/do-you-make-users-intuitively-know-how-to-use-something/../../assets/Bad-Mapping.jpg" /> <imageEmbed alt="Image" size="large" showBorder={false} figureEmbed={{ preset: "goodExample", figure: 'Good example - In this layout, it\'s easy to see which dial controls which stove', shouldDisplay: true }} src="/uploads/rules/do-you-make-users-intuitively-know-how-to-use-something/../../assets/Good-Mapping.jpg" />