SECTION 07 / 7

Design Heuristics — Feedback

2 min read
On this page 7 headings

33. Show system status

Keep users informed through appropriate feedback within a reasonable amount of time — loading status in browsers; how much time an action will take (e.g. a download).

Show loading status and the estimated time remaining.
Show loading status and the estimated time remaining.
Open image ↗
Show loading status and the estimated time remaining.

34. Give next steps and advance warnings

Provide next steps (form signup, email signup) and warnings in advance (e.g. Gmail storage running out → buy storage).

Figure 34. Give next steps and advance warnings
Figure 34. Give next steps and advance warnings
Open image ↗
Illustration: Design Heuristics — Feedback

35. Prevent errors with helpful constraints

Why do users make errors? We often blame the user, but aspects of the UI can lead users to make errors.

EXAMPLE In a flight booking form, the return date cannot be before the 19 July departure; earlier dates are greyed out.

Figure 35. Prevent errors with helpful constraints
Figure 35. Prevent errors with helpful constraints
Open image ↗
Illustration: Design Heuristics — Feedback

36. Prevent errors with suggestions

Offer suggestions — e.g. typing 'usability' in the browser, search auto-suggest gives a list of options.

Typing usability produces suggestions that help users choose a query.
Typing usability produces suggestions that help users choose a query.
Open image ↗
Typing usability produces suggestions that help users choose a query.

37. Support recovery after an error

Make the problem clear — on a signup form, clicking Sign Up with empty fields highlights each field in red. Provide a solution — a tooltip says to enter a valid email or mobile number. Provide an alternative — searching the misspelled 'Jacob Neilson', the search engine suggests the correct query.

Make the problem clear, provide a solution, provide an alternative.
Make the problem clear, provide a solution, provide an alternative.
Open image ↗
Make the problem clear, provide a solution, provide an alternative.

38. Provide searchable and contextual help

Ensure help is easy to search — most tools have a Help menu with help topics, trainings, updates. Provide help in context — e.g. in the Moodle LMS 'add a new course' form, a help icon next to fields like course visibility explains them exactly where and when needed.

Searchable help and help beside the course-visibility field.
Searchable help and help beside the course-visibility field.
Open image ↗
Searchable help and help beside the course-visibility field.

39. Heuristic evaluation by experts

After the initial prototypes are ready, experts evaluate the interface: they do multiple passes through the prototype and produce a list of issues that violate the design heuristics. Collecting feedback from several experts helps fix multiple usability issues. The heuristics are also a self-check for designers.

Experts do multiple passes and list heuristic violations
Experts do multiple passes and list heuristic violations
Open image ↗
Experts do multiple passes and list heuristic violations
YOUR STUDY PROGRESS

Finished this section? Save your progress.

Back to top ↑