UI Patterns Card Deck
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.
Goes well with
Trusted by leading product designers at
Trusted by leading product designers at
Enable your team to...
Bring your team on the same page when you discuss user interfaces and how to improve them.
Some patterns work in opposite pairs and represent clear design choice alternatives.
Stop reinventing the wheel, but build on recurring solutions that have proven to work time and time again.
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.
Bring your team on the same page when you discuss user interfaces and how to improve them.
Some patterns work in opposite pairs and represent clear design choice alternatives.
Stop reinventing the wheel, but build on recurring solutions that have proven to work time and time again.
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
What do we need?
Establish an overview of how a design can be put together by exploring categories like "Onboarding", "Social", or "Communities".
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.
What is the common way?
There is no need for reinventing the wheel, when already established norms of how to solve standard challenges exist
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.
What do we need?
Establish an overview of how a design can be put together by exploring categories like "Onboarding", "Social", or "Communities".
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.
What is the common way?
There is no need for reinventing the wheel, when already established norms of how to solve standard challenges exist
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
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
Yes! We offer team discounts when buying both the UI Patterns and Persuasive Patterns card deck.
Get in touch at info@learningloop.io
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.
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.
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.
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.
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.
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).
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.
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.