Product-mockup_UI
The UI Patterns card deckThe UI Patterns card deckThe UI Patterns card deck

UI Patterns card deck

$59.00

The UI Pattern card deck is a printed card deck of 54 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.


Technicals specifications:

  • Dimensions: 80 x 140 mm (approx 3.15 x 5.5 inches)
  • Print: full-color offset print on 350g. (approx 236 Ib) silk-paper
    with smooth edges and rounded corners.
  • Cards are printed and packed in Denmark.

The cards ship worldwide.

$59.00

International Orders:
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!


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

End feature debates

The UI Patterns card deck is a library of different ways of solving common design problems. By also rationalizing about how, when, and why such solutions should be used, the deck of design patterns will help end feature debates, provide a shared design language among your peers, and help you get a clear understanding of why you’re doing what you’re doing, and why you’re not doing what you’re not doing.

Deliver great products, faster

Design patterns save both you and your users time. You will save time by not reinventing the wheel. Users save time by not having to learn new interface systems.

How to use the cards

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

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

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 endavour. 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.

The rumor on the street