UX Design Patterns Course

Designing with Patterns

The same problems repeat themselves in software, over and over again. These problems can be categorized, and patterns can be identified. A design pattern is a reusable solution to a common problem.

• What Is a Design Pattern?

  4:30

• UI Versus UX

  2:32

• Designing with Patterns

  5 questions

UI Patterns

Often times when creating apps, it's easy to build things a little too quickly and create user experience issues. But if you can spot these problems early and fix them with a pattern, your users will have a smoother experience.

• Form Patterns

  10:54

• Additional Input Patterns

  7:49

• Form and Input Patterns

  5 questions

• Content Patterns

  5:30

• Data Patterns

  6:23

• Tutorialization Patterns

  4:24

• Content, Data, and Tutorialization Patterns

  5 questions

• Extra Credit

  Ready for more? Find a website or mobile app that you find frustrating to use. Make a list of the specific UX problems that you can identify, and then search for design patterns that might form the solution. Then, wireframe a new version using the design patterns that you chose.

Persuasive Patterns

UI patterns are often the most visible solutions to user experience problems. But what about what we can't see? How can we drive a user's behavior toward a goal? This is where persuasive patterns can help.

• Perception and Memory

  9:59

• Gamification

  4:18

• Cognition

  5:58

• Persuasive Patterns

  5 questions

• Extra Credit

  Want to take things further? The next time you're shopping online, try to see how many persuasive patterns you can identify and make a list of them. You might be surprised by how many can be packed into just a single page! Then make a wireframe of the same website and try removing those elements. Does the design still work?