5 Sites For UI Design Patterns That I’m Following And Why You Should Too

Photo credit: Daniel Korpai

Most of the time, when we are trying to solve a problem, the chances of that solutions of similar problems is already out there is high. Instead of spending days or weeks to design a solution from scratch, we can look for a design that solves a problem that has been solved inside a different application before. That’s a design pattern to us.

What are User Interface (UI) design patterns?

User interface (UI) design patterns are reusable/recurring components which designers use to solve common problems in user interface design. For example, the breadcrumbs design pattern lets users retrace their steps. Designers can apply them to a broad range of cases, but must adapt each to the specific context of use. — Interaction Design Foundation

Here is a list of my 5 favorite sites to find design patterns.

1. UI Patterns

This is my go-to site. UI Patterns makes it easy to find patterns that you like and to group them together once you’ve decided that something is useful. They also have a bunch of interesting articles on UI design patterns which can help extend the way you approach using patterns in your designs.

2. Pattern Browser

Pattern Browser lets you quickly switch between UI patterns in your browser window. There aren’t as many patterns here as on some of the bigger sites but it’s still a good resource that worth looking.

3. Elements of Design

Elements of Design is a collection of UI components that highlight best practices for particular design patterns from leading websites around the world. You will find some useful groupings of design elements.

4. UI Scraps

UI Scraps is a collection of good, bad and noteworthy user interface designs found by Jason Robb. It looks at interface design as a whole and then tinkers with the patterns used.

5. User Interface Engineering

User Interface Engineering is a heavy resource that can meet a lot of your UI needs and it offers more than UI patterns.

Hope this list is helpful to you. What’s your favourite place to find UI patterns?




UX Designer. www.yaochendesign.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Electricity Utilities App Revamp (Facilitate Customer Self-servicing)

How we “redesigned” our thoughts this week

Expanding my Comfort Zone (Week 2)

Adding Pickup Feature to ShopeeFood App

Meet Our Design Strategist-  Semih Özkoç

How to get started in UI/UX design

UX Testing Methods

UX Testing

Google Docs tips that will save your time and make your day

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Yao Chen

Yao Chen

UX Designer. www.yaochendesign.com

More from Medium

8 UI Design Principle

Web Accessibility Best Practices on Hyperlinks

NVDA screen reader speech viewer showing the Amazon Card page buttons text announced with context as ‘Delete Darden Restaurants Gift Card $50’, ‘Delete SENNHEISER HD 599 SE Around Ear Open Back Headphone’ for different products added to the cart

The Laws of Proximity and Common Region in UX Design

UX vs UI Design : A biased, yet simplest explanation