Quick view
UI Patterns Card Deck
Quick view
349,00 kr
Choose the package that works for you
Digital
Physical + Digital
Choose the package that works for you
View full details
Trusted by leading product designers at
Trusted by leading product designers at
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.

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

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.

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

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 intentions with behavioral science has never been easier.

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

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.

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.

Evergreen content

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

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.

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@learningloop.io

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

We do! Get in touch at info@learningloop.iowith 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.