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.

The UI Pattern card deck is a printed card deck of 60 User Interface Design Patterns, presented in a manner easily referenced and used as a brainstorming tool. Each card describes one design pattern and suggests ways to apply it to the design of online products.


We ship from two locations:
USA and UK (for EU orders). Orders outside the USA and EU may be subject to the customs fees and import duties of the country to which you have your order shipped.
Please factor this into your total costs.

What’s new in the 2nd edition?

Revised content
All cards have been revised to provide more actionable insights based on intensive use by key customers.

New cards
6 new cards have been added – concepts that time and time again proved missing.

Improved instructions
The accompanying pamphlet is more elaborate and is now more focused on getting you up and running fast.

Revised illustrations
Several illustrations have been replaced and some refined to better spark your inspiration.

Redesigned box
We learned from wear and tear and redesigned the branded box with an anti-scratch surface and added beautiful printed graphics.

Tried and tested
Tested since June 2016, they have proved an invaluable resource for insight into best practice. In its revised version, they are even better.

The UI Patterns card deck is used by the worlds most respected brands


How to use the cards

There is no right way to use the cards, however I have found
them especially useful in various combinations.

Recipe #1: What do we need?
Before you begin designing your new product, go through all cards and select appropriate design patterns for your forthcoming design endeavour. Although simple and undirected, this approach will most likely spur new ideas and broaden your design vocabulary.

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: Is there another way?
Some design patterns work in opposite pairs and thus represent clear design choice alternatives. Examine the “In contrast to” section to help examine whether you are on the right path.

For international orders (outside the USA): Your package may be subject to the customs fees and import duties of the country to which you have your order shipped. Please factor this into your total costs.

Cards included

Forgiving Format, Fill in the Blanks, Structured Format, Good Defaults, Preview, Drag & Drop, Flagging & Reporting, Keyboard Shortcuts, Expandable Input, Undo, Inplace Editor, Autocomplete, Autosave, Settings, Paywall, Blank Slate, Guided tour, Playthrough, Inline Hints, Coachmarks, Walkthrough, Account Registration, Lazy Registration, Progressive Disclosure, Cards, Notifications, Modal, Morphing Controls, Dashboard, FAQ, Wizard, Steps Left, Completeness Meter, Event Calendar, Tagging, Categorization, Testimonials, Favorites, Rate Content, Vote to Promote, Pay to Promote, Collectible Achievements, Leaderboard, Breadcrumbs, Fat Footer, Continuous Scrolling, Pagination, Reaction, Follow, Friend, Invite Friends, Chat, Activity Stream, and Search Filters