Skip to content

Instantly share code, notes, and snippets.

@weitsang

weitsang/nus-cs3281-2014-l6.md

Last active August 29, 2015 14:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save weitsang/66216da35fbce86ff646 to your computer and use it in GitHub Desktop.
Save weitsang/66216da35fbce86ff646 to your computer and use it in GitHub Desktop.
Download ZIP
Lecture Notes, CS3281 AY 1415, Lecture 6
Raw
nus-cs3281-2014-l6.md

On Software Usability

Rule 1: Don't Make Me Think

  • Give clear, simple, useful, readable message/information/update/feedback to users
  • Guide users on what to do
  • Be consistent with what users expect
  • Don't hide things that user may need
  • Provide help, inline
  • Place items logically (in context, grouped, hierarchically)
  • The primary purpose of every page/view should be clear

Rule 2: Don't Make Me Wait

  • Provide visual feedback ASAP
  • Tell users to wait (spinning beach ball, progress bar, DING! when done)

Rule 3: Don't Make Me Work

  • Provide shortcut for experts
  • Set reasonable defaults
  • Make expected actions easy to reach (Fitt's Law)
  • Allow direct manipulation

Rule 4: Don't Make Me Cry

  • 4.1. Keep dangerous actions away
  • 4.2. Protect users work, always (allow undo, save a copy)
  • 4.3. Always provides a way out

How to Evaluate the UI/UX of Your Project?

Quantitative Analysis

  • Measure the time taken for the user to complete a task
  • Can break down into different components (time to click, time to read, etc)

Neilsen's Heuristic

Think Aloud Protocol

  • Ask a tester to speak out what they are thinking while using your system
  • See a demo video here

References

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment