KLD Institute
Menu
Course mapOpen study notes

Slide 19 of 24

Prototype states

Prototype the states that change the decision

  • A believable prototype shows action states.
  • Button variants can show default, hover, pressed, disabled, loading, and success.
  • Missing states should be documented even if not fully designed yet.
Practice sequence
  1. 1DefaultReady to act.
  2. 2Hover/focus/pressedPointer, keyboard, or touch interaction.
  3. 3LoadingAction is processing.
  4. 4Disabled/success/errorAction is blocked, complete, or failed.