03

Functional Patterns

Defining patterns by what users can do, not what they look like

Learn to define, structure, and organize UI patterns based on the user behaviors they enable.

⌘K

Topics (3)

Functional Patterns

What Are Functional Patterns

Patterns defined by what users can do, not how they look

Functional Patterns

Defining Pattern Structure

Documenting content hierarchy before visual design to align design and code

Functional Patterns

Pattern Variations and Visual Hierarchy

Using a loudness scale to organize variations and prevent visual competition

← Previous ChapterDesign PrinciplesNext Chapter →Perceptual Patterns