Systems Design with the Lightning Design System - Identify Design Patterns

What Are Design Patterns?

• In user experience design, a pattern is a repeatable design solution to a recurring problem.
• Design systems, like SLDS, are libraries for these types of patterns.

Macropatterns

• Macropatterns accomplish higher-level tasks, such as logging in or creating a new record.
• Example of a macropattern: creating a new record in Salesforce, which can be done in three different places.
• This design is a macropattern because it is a repeatable solution that works well for all instances of creating a new record.

Micropatterns

• Micropatterns are the controls within a page that you click, tap, or take some other action on.
• Example of a micropattern: the action of creating a new record, including the interaction and affordances.
• Button states, which visually indicate how to interact with an element and what the element's status is, are micropatterns.

Identifying Patterns

• A pattern is a repeatable solution that solves a common problem and can be reused across an app or system.
• In systems design, when we have a need, we search for a pattern that we can use before designing a solution.
• A unique design solution that isn't needed anywhere else is not a pattern.

Saving Time: Efficiency and Productivity

• Systems design focuses on creating and identifying patterns so people using your application can quickly accomplish their goals.
• A tiny design decision can cause a significant time drain for users collectively.
• Users develop habits in their minds while using applications and interfaces, and they recognize patterns intuitively and unconsciously.

### Study Notes: Identify Design Patterns

#### Learning Objectives

- Differentiate between macro and micro repeatable experiences.

- Identify design patterns.

- Understand how design patterns increase efficiency and productivity.

#### Key Concepts

Design Patterns:

- Repeatable design solutions for recurring problems in user experience design.

Macrointeractions:

- High-level tasks, e.g., logging in or creating a new record.

- Example: Creating records in Salesforce via navigation dropdown, list page, or detail page.

Microinteractions:

- Individual, lower-level interactions.

- Example: The shape and placement of an edit button on a record page.

#### Identifying Patterns

- Local Expertise: Start by searching for patterns in your area of expertise within the app.

- Peer Expertise: Check with peers for reusable interactions.

- External Solutions: If needed, look beyond your app for common design solutions.

#### Efficiency and Productivity

- Patterns save time and increase productivity by making applications intuitive and consistent.

- Avoiding deviation from established patterns prevents user confusion and time loss.

For more details, refer to the [Salesforce Trailhead module on design patterns](https://trailhead.salesforce.com/content/learn/modules/systems-design-with-slds/identify-design-patterns).

Learn about design patterns in user experience, including repeatable solutions to recurring problems and how to recognize and implement them in design systems. Covers macro- and microinteraction levels.