Patterns for UX Design

Patterns are formal descriptions of best practices within a given design domain. They capture common solutions to design tensions (usually called "forces" in the pattern literature). The idea of patterns actually started in the field of architecture (as in physical buildings). The first book (in the 1970s)
on patterns and pattern languages (collections of related patterns) was Christopher Alexander's A Pattern Language.

The “Alexandrian” format for documenting patterns is still very popular today. Patterns were introduced to the field of commercial software engineering in the mid-1990s by the publication of Design Patterns by Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides.

In recent years, patterns have taken hold in the field of Human-Computer Interaction (HCI). A very good introduction to UI patterns is (Common Ground: A Pattern Language for Human-Computer Interface Design) by Jennifer Tidwell at MIT. There is a growing body of literature on the topic, as well as a number of peer- reviewed UI pattern websites, such as—

• UI Patterns and Techniques
• Interaction Design Patterns

Some Important Points About Design Patterns

UI design patterns do not separate system behavior from “look”. The traditional approach to “Information Architecture” views visual identity as decoration for functional behaviors. A pattern, on the other hand, describes an entire solution to a task (e.g. choose an account from a list), including the way it should look and feel. A pattern can optionally describe the best way to code the solution. In other words, UI architecture standards and style guide can ultimately be combined in the same document in an easy to understand format.

Patterns...

1. Are observed through either formal user research or experience.
2. Are typically written in a structured format (see below for S1 UI pattern format).
3. Are reusable artifacts (i.e. prevent “reinventing the wheel”).
4. Exist at different levels of abstraction (e.g., structural patterns vs. behavioral patterns).
5. Undergo continuous improvement.
6. Communicate design and best practices.
7. Can be used together to solve a larger problem.

The Important Design Patterns for Online Systems

Our experience and years of research have taught us that the following UI Design Patterns are extremely critical to positive User Experience:

1. Accessibility
2. Visual Identity
3. Screen Layout
4. Forms & Form Elements
5. Terminology
6. Text Usage
7. Navigation
8. Lists
9. Paging & Scrolling
10. Searching
11. Sorting
12. Hiding and Showing Information
13. Icon usage
14. Error Handling
15. Messages and Other User Feedback
16. Common Functions & Actions
17. Buttons & Hyperlinks
18. Selecting Objects and Executing Actions
19. Online Help
20. Multi-part Actions
21. Required Field Indicators

We have developed the above-listed patterns for a client. As you might suspect, these patterns are closely-guarded intellectual property; therefore, we cannot share them (see are information on 'Our Corporate Values' and on 'Ethics').