Design patterns
UX design patterns help designers devise workable solutions to common interface problems.
Articles
Cancel vs Close: Design to Distinguish the Difference
Nielsen Norman Group
– 31 August 2019
Distinguishing between these two actions is critical to avoiding losing users’ work. Save changes before closing a view, use text labels rather than an X icon, and provide a confirmation dialog before destructive actions.
How to Use the Best UI Design Patterns
– 17 July 2019
We’ll explain the different classifications of UI patterns and describe how to choose the right ones based on your needs.
Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites
Princeton WebTAP
– 1 July 2019
We conducted a large-scale study, analyzing ~53K product pages from ~11K shopping websites to characterize and quantify the prevalence of dark patterns.
Dark patterns: 12 tricks you should never use in your products
– 18 March 2019
Using dark patterns is not encouraged. They erode trust, and take advantage of the individuals using your product. We discuss what a dark pattern is, and look at 12 recognizable patterns you should never use in your products.
UX design patterns: what, why and how
– 10 March 2018
UX design patterns help designers devise workable solutions to common interface problems. UX patterns incorporate design best practices for every single piece of functionality, whether it’s a sign-in form or a site's navigation.
Devising Interfaces with UX Design Patterns
– 27 July 2017
UX design patterns help designers devise workable solutions to common interface problems. These incorporate design best practices for every single piece of functionality, whether it’s a shopping cart or a sign-in form.
Design patterns
– 26 November 2015
When a new product is designed, everyone wants it to be “Easy to use”. But how this “Easy to use” is achieved?
Why UX design patterns work and how to use them
Creative Bloq
– 13 October 2015
Some solutions worked so well that designers everywhere began to use them repeatedly. And through familiarity, users came to expect them. This was the beginning of web design patterns.
Resources
Dark patterns
Dark patterns are tricks used in websites and apps that make you buy or sign up for things that you didn't mean to. This site spreads awareness to shame companies that use them.
Inspired UI
A showcase of the best examples of beautifully designed mobile apps - iPhone, iPad, Android, UI Patterns.
User Interface Design patterns
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.
User onboard
UserOnboard
The process of increasing the likelihood that new users become successful when adopting your product.
Courses
UI design patterns for successful software
This course will equip you with the knowledge necessary to select the most appropriate display methods and solve common design problems affecting existing user interfaces.
Books
Form Design Patterns
A practical guide to designing and coding simple and inclusive forms for the web.
Inclusive Design Patterns
This book covers all the techniques, gotchas and front-end strategies you need to be aware of when building accessible, inclusive interfaces