UX Pattern Lab

Try strong and weak versions of the same interaction.

Loading pattern lab...

Preparing filters, comparisons, and source-backed pattern guidance.

How to learn from an example
  1. Predict. Name what you expect after the first action.
  2. Operate. Try pointer and keyboard paths through the example.
  3. Compare. Inspect strong and weak states and their consequences.
  4. Transfer. Record the state and recovery behavior your own product needs.

Browse the pattern directory · Compare alternatives

Saved items