SOFTWARE ENGINEERING / WEEK 03

Design for people.
Make interaction clear.

An illustrated guide to interaction design, usability goals, prototyping, and evaluating interfaces with design heuristics.

7 study sections40 illustrations1 resource
Begin with usability goals
Why interface design mattersWHY INTERFACE DESIGN MATTERS

Study sections

Follow the order or choose a section
01

Introduction to Interaction Design

Most user stories require a user interface (UI) that implements the feature. The UI is the interaction point between the user and the s…

4 illustrations
02

Usability goals and user-experience goals

Usability goals and user experience goals are related, but they are not identical.

1 illustrations
03

Usability Goals

Usability (ISO 9241-11): The extent to which a product can be used by specified users to achieve specified goals with effectiveness, ef…

9 illustrations
04

Prototyping Techniques

Initial design ideas might not be the best ones. Developing an interface takes time, money and effort (if users don't like it, you rede…

9 illustrations
05

Design Heuristics — Understanding

Ways to evaluate a UI: assess with real users; critique from expert designers — but that can be subjective, so specific guidelines help…

5 illustrations
06

Design Heuristics — Action

Deleted a file → recover from trash; documents → recovery options; Undo — Ctrl+Z.

5 illustrations
07

Design Heuristics — Feedback

Keep users informed through appropriate feedback within a reasonable amount of time — loading status in browsers; how much time an acti…

7 illustrations

How to use this guide

Read the short explanation first, then study the illustration and chapter example. The goal is to understand the concept quickly for independent revision.

Topics at a glance

  • Introduction to Interaction Design — 4 illustrations
  • Usability Goals — 9 illustrations
  • Prototyping Techniques — 9 illustrations
  • Design Heuristics — Understanding — 5 illustrations
  • Design Heuristics — Action — 5 illustrations
  • Design Heuristics — Feedback — 8 illustrations