Artifacts
UX deliverables and design artifacts — wireframes, journey maps, personas, service blueprints, and the documents that make design tangible.
Library
Customer Journey Maps
A Customer Journey Map (CJM) is a visualization of the complete story of a user's interaction with a product or service over time and across different channels.
Design Specifications
Detailed documentation that translates designs into development instructions—the bridge between design and code.
Empathy Maps: Understanding Users at a Deeper Level
An empathy map is a visual framework for understanding a user's needs, feelings, and environment by exploring what they think, feel, see, say, do, and hear.
Mockups
A mockup is a static, high-fidelity representation of a product's interface. Unlike wireframes, mockups focus on the visual and aesthetic aspects, including colors, typography, images, and other graphic elements to simulate the final product's appearance.
Personas
A Persona (or User Persona) is a fictional user archetype based on real research data that represents a group of users with similar behaviors, goals, and motivations.
Prototypes
A prototype is an interactive simulation of a final product used to test and validate design concepts before development. Unlike mockups (which are static), prototypes are "clickable" and allow users to experience the flow of an application.
Red Routes
The top 5 user journeys your product must support flawlessly—identify these and everything else is secondary.
Service Blueprints
A Service Blueprint is a diagram that visualizes the relationships between different components of a service (people, processes, and objects) across the different stages of customer interaction.
Site Maps
A hierarchical diagram showing all pages and how they relate—the blueprint before you design a single page.
User Flows
A User Flow is a diagram that visualizes the complete path a user follows through a digital product to complete a specific task.
Wireframes
A wireframe is a low-fidelity visual schematic of an interface, similar to an architect's blueprint. It focuses on structure, content hierarchy, and functionality, deliberately ignoring visual elements like colors, typography, or images.