User Interface Design Patterns

Getting input

Getting the user to input data is a task that should be tailored to the context of use.

Navigation

The user needs to locate specific features and content and needs navigation to accomplish this.

Dealing with data

Data can be searched, formatted, overviewed, and browsed in a variety of ways.

Social

Allow the user to associate, communicate, and interact with other people online.

Miscellaneous

Patterns that haven't found their main category yet.

Persuasive Design Patterns

Cognition

Patterns of psychological tendencies that cause the human brain to draw incorrect conclusions.

Game mechanics

Games engage, involve, and influence us through its playful nature.

Perception and memory

Patterns in how we visually perceive, interpret, and remember meanings as we interact with systems.

Feedback

As the users interacts with your system feedback motivate them to take the next step.

Social

Allow the user to associate, communicate, and interact with other people online.

Screenshots

Find inspiration and influence from years of carefully curated collections of great design. Find out what works for you and what doesn't work. Compare and inspect a multitude of implementation examples of the problem you're trying to solve.

Gaze over great design, pick them apart and understand the techniques behind them.

Recently uploaded screenshots

Browse screenshot library

Blog

10 credibility boosters for your web site
May 26, 2015

The Stanford Persuasive Technology Lab has compiled 10 guidelines for building the credibility of a website. The guidelines are based on 3 years of research that included more than 4,500 people.

Continue reading

Interview: Brian Cugelman, Digital Behavior Change Psychologist
Apr 29, 2015

After participating in a brilliant Brian Cugelman's workshop at SXSW 2015, I sat down with Brian for a talk about how to best apply psychology to your user experience. I asked him for advice on how to effectively apply psychology to user ex...

Continue reading

Design effective rewards structures in web design
Mar 22, 2015

Use rewards to encourage users to continue behavior, that you want them doing.

Continue reading

Read more design perspectives