Pattern 1E: Show a set of system outputs

blue header bar

Problem

The user needs to understand what the system can do.

Solution

Show a set of system outputs for the user to choose from.

Use when

  • It is more efficient for the user to learn what the AI system can do from examples.
  • A full introduction to the system’s capabilities is too complex to communicate efficiently.
  • Often useful for systems dealing with images, audio, or video.

How

Show a preview of the most probable system outputs, based on the current state and input.

Select possible system outputs to display based on one or more considerations:

  • Diversity – ensure the sample outputs are sufficiently diverse to demonstrate the range of system capabilities.
  • Popularity – select among popular or trending outputs.
  • Contextual relevance – for example, take into consideration current events or user goals.

User benefits

  • Facilitates user understanding by showing rather than telling.
  • Learn by doing: Enables the user to learn about system capabilities while using the system.
  • May also enable the user to understand how well the AI system can do what it can do (Guideline 2) and disambiguate user intent (Guideline 10).

Common pitfalls

  • Providing not enough or too many examples for the user’s particular context.

Note: Over-inflated user expectations have been shown to cause frustration and even product abandonment.

References

Over-inflated user expectations have been shown to cause frustration and even product abandonment:

Notes

While other patterns make use of examples, they are different from G1-E:

G10-A: Disambiguate before acting also uses examples, but offers them as possible options to clarify user intent

G11-F: Example-based explanations makes use of examples to explain a system action after that action has taken place.

Examples

Guideline 1 > Pattern 1E > Example
card example thumbnail
Guideline 1 > Pattern 1E > Example
card example thumbnail
Guideline 1 > Pattern 1E > Example
card example thumbnail