Skip to content

[Edit] Deliverables: Add Types and Conditions #6552

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 44 additions & 0 deletions content/uiux/concepts/deliverables/deliverables.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,3 +14,47 @@ CatalogContent:
**Deliverables** are what is produced when working toward a goal or outcome.

In the world of [user interface](https://www.codecademy.com/resources/docs/uiux/ui-design) and [user experience](https://www.codecademy.com/resources/docs/uiux/ux-design) design, deliverables such as [user research](https://www.codecademy.com/resources/docs/uiux/user-research), [sketches](https://www.codecademy.com/resources/docs/uiux/sketching), [wireframes](https://www.codecademy.com/resources/docs/uiux/wireframe), and prototypes are several milestone deliverables to create in the product development process.

## Types of UX Deliverables

UX deliverables vary depending on the project phase, team size, and goals. Some of the most common types include:

- **User research reports**
Summarize findings from interviews, surveys, usability tests, or diary studies. Often includes themes, insights, and opportunities.

- **Personas**
Representations of user types, including behaviors, goals, and pain points. Personas help teams align on who they are designing for.

- **Customer journey maps**
Visual timelines of a user's interaction with a product or service — highlighting touchpoints, emotions, and pain points.

- **Task flows and user flows**
Diagrams showing step-by-step paths a user takes to complete specific tasks or reach a goal.

- **Wireframes**
Low-fidelity layouts that outline basic structure and content without detailed styling. Used to align on layout early.

- **Prototypes**
Interactive versions of a design, used for testing or stakeholder demos. May be low-fidelity (clickable wireframes) or high-fidelity (polished UI mockups).

- **Design systems or UI kits**
Collections of reusable components, styles, and patterns to ensure consistency across an interface.

- **Accessibility documentation**
Notes or specs highlighting how the design meets accessibility standards, such as contrast ratios or keyboard navigability.

## When Deliverables Are Created

UX deliverables are created throughout the **design process**, from early discovery to final handoff:

- **During discovery and research**
Research plans, interview scripts, personas, and research summaries are common early-phase deliverables.

- **During design and exploration**
Wireframes, sketches, mood boards, or early prototypes are shared to get alignment on structure and direction.

- **During testing and iteration**
Updated prototypes, annotated screens, or usability test plans and results are created to capture progress and findings.

- **During delivery or handoff**
Final designs, redlines, interaction specs, and documentation are packaged for handoff to engineering or development teams.