UI Patterns

Design better products, faster
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.


Choose the package that works for you

From $49.00

We ship to all of the United States (US)
from Charlotte, NC.

✉️

Digital Cards emailed after purchase

Trusted by leading
product designers at

Facebook users our pattern cards to design faster
Google uses our UI Pattern cards to create a shared vocabulary
Amazon is a customer
Apple is a customer
Microsoft is a customer
Ubisoft is a customer
Autodesk is a customer
Booking.com is a customer
Shopify is a customer
McAfee is a customer
Dropbox is a customer

Enable your team to...

Build a shared vocabulary

Bring your team on the same page when you discuss user interfaces and how to improve them.

Undestand design alternatives

Some patterns work in opposite pairs and represent clear design choice alternatives.

Build faster

Stop reinventing the wheel, but build on recurring solutions that have proven to work time and time again.

Reduce cognitive load

Your users will save time and effort by not having to learn new interface systems. Use what they are familiar with and what already works.

Design

The design of the UI Patterns card deck
  • Clear language

    Complex user interface design choices have been transformed into understandable, concise, and digestible alternatives that is easily referenced in UX discussions.

  • End feature debates

    Help your team get a clear understanding of why you’re doing what you’re doing, and why you’re not doing what you’re not doing.

  • Memorable illustrations

    Custom hand-drawn illustrations by artist Annesofie Sandal provide visual metaphors to aid learning and recall.

How to use the cards

Teams have found these techniques useful

Recipe 1

What do we need?

Establish an overview of how a design can be put together by exploring categories like "Onboarding", "Social", or "Communities".

Recipe 2

Did we forget anything?

Design patterns seldom work alone. Examine the “See also” section to find related patterns that either complement or contrast a pattern.

Recipe 3

What is the common way?

There is no need for reinventing the wheel, when already established norms of how to solve standard challenges exist

Recipe 4

Is there another way?

Some design patterns work opposition and represent clear alternatives. Examine the “In contrast to” to make sure you are on the right track.

Make informed design choices

Favor compare-and-contrast decisions over whether or not decisions

UI Pattern card: Account Registration
vs
UI Pattern card: Lazy Registration

A common design choice is between the Account Registration and the Lazy Registration UI Design Patterns: Can you avoid sign up forms in favor of a more gradual engagement?

Example problems

Can you relate?

Product & Design

  • I thought you meant...?

    Refer to proven standards. UI Patterns are solutions deemed so effective that more and more started using them – until they became the de facto standard.

  • Guided tours or coachmarks?

    End feature debates by building a shared design language.

  • Can you add some UX magic?

    Focus on reducing the cognitive load of users by not imposing them new interface systems to learn. Stop designing to look good, but to work well.

Development

  • That design is not possible!

    Avoid backflow as you when handing over designs to development. By agreeing on UI Patterns, you are implementing common, understood, and well-documented solutions.

  • That would require more work!

    Custom designs or deviations are rarely needed for any product. Communicate in UI Patterns to stop having important details lost in translation.

Stakeholders

  • Make tradeoffs together

    Build a clear understanding of why you’re doing what you’re doing, and why you’re not doing what you’re not doing.

  • A feature takes months to release

    Stakeholders are often not aware of the cost they are incurring product teams. You save time by not reinventing the wheel.

  • High uncertainty

    Bring certainty to implementation. UI Patterns became recurring solutions as they through the test of time proved to be the best solution for the problem they solve. Execuation doesn't have to be a risky business.

Digital badges to annotate your ideas

Even though UI Patterns is a physical card deck, you will want to reference behaviours within your digital deliverables.

Backing up your design referencing user interface design patterns has never been easier.

Back up your design referencing UI design patterns badges

All purchases come with bite-sized digital badges that are easy to drop in to your presentations, digital whiteboards, or prototypes.

Annotate and back up your designs referencing user interface design patterns.

Don’t make users think

Use UI Patterns to lower friction and reduce the cognitive load on users

User Interface Design Patterns are so widely used that they have formed mental shortcuts in our brains.

You could create an objectively better solution from scratch, but it would require more mental energy for users to process.

The Validation Pattern card deck seen from above

Evergreen content

User Interface Design patterns in this deck are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

The UI Pattern card deck seen from the side

Tangibly big

The cards are designed intentionally big in your hands. It's heavy to hold, smooth to touch, and easy on the eyes.

In the age of remote, we believe in the power of physical.

Become a confident user interface designer

Build a vocabulary based in de facto user interface standards.
Stop winging it and bring hard facts about what works and what users love.

Buy now
The UI Pattern card deck

Frequently Asked Questions

  • Can I get the UI Patterns for my entire team?

    Yes! We offer team discounts when buying both the UI Patterns and Persuasive Patterns card deck.

    Get in touch at info@ui-patterns.com

  • Do you do discounts for educational institutions, students, or non profits?

    We do! Get in touch at info@ui-patterns.com with your credentials (non-profit status or student ID) and we will arrange a discount for you.

  • When and how do I receive my digital cards?

    The digital cards are emailed to you immediately after your checkout. If it does not show up, then please check your spam folder.

    You can also download the cards by logging into Your Account. If you forgot your password, you can set a new one by using the email address you bought the card deck with.

  • Will the digital cards work with my software?

    The digital cards are compatible with Miro, Mural, FigJam, Powerpoint, Keynote, Jamboard, Whiteboard – in theory any software that allows you to insert images. The digital cards come in both a lightweight PDF and JPEG images of each card.

  • Do you ship to my country?

    We ship to most countries in the world. If you want to be sure, then our checkout flow will let you know if we ship to your country.

  • How long does shipping take?

    We have fulfilment centers in the US and in Europe (Latvia). North America and Europe ship within days. Countries within Asia, Africa, and South America can take a few weeks. We show the estimated time from the courier on the checkout page.

  • Will there be customs charges on my order?

    If you are ordering outside of Europe or North America, customs charges should be minimal, if non-existant as we declare the cost price of the physical deck, not the full retail price of everything (Digital Cards, etc).

  • Can you send an invoice?

    Of course. We will automatically email you an invoice after making a purchase. Watch your spam folder as the PDF file attached have a tendency to get stuck there.

  • Can I track the package?

    Yes. We will automatically email you a tracking link once your package has left the warehouse. Depending on the time and day, this can some times be the next business day in the local timezone of our fulfilment center.

    If you do not receive the tracking link in your email inbox, then please check your spam folder.