Design patterns / benchmark

Design patterns

Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.

Jakob's Law

This law perfectly explain the importance of following design patterns.

A design pattern is a series of events, actions, screens that a user is familiar with.

One famous example of design pattern is the time picker

This example does not follow a native design pattern
This example does not follow a native design pattern
This example follows iOS native design pattern
This example follows iOS native design pattern

While designing new product, and flow you may be tempted to

  • Create custom patterns
    • ⚠️ Often more complex and less intuitive for the user
  • Design complex solutions
    • Always ask yourself if you could not simplified it by using common patterns

Benchmark

Benchmarking is finding inspiration from your competitors. It should be focused on a specific goal. Commun design reasons includes

  • Understand how the competitor answers a specific problem
  • Look for differentiation opportunities

I always recommend to create a dedicated page in your Figma project for this.

It doesn't have to be perfect, simply something you may want to leverage on your design reviews or as reference. Take it as a simple screenshooting exercice.

Example of a quick benchmark for a client
Example of a quick benchmark for a client

Next up

⛩️
Aesthetics

Dive Deeper