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"
/>
acknowledgements
related rules