You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/uiux/concepts/deliverables/deliverables.md
+13-35Lines changed: 13 additions & 35 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,42 +19,20 @@ In the world of [user interface](https://www.codecademy.com/resources/docs/uiux/
19
19
20
20
UX deliverables vary depending on the project phase, team size, and goals. Some of the most common types include:
21
21
22
-
-**User research reports**
23
-
Summarize findings from interviews, surveys, usability tests, or diary studies. Often includes themes, insights, and opportunities.
22
+
-**User research reports:** Summarize findings from interviews, surveys, usability tests, or diary studies. Often includes themes, insights, and opportunities.
23
+
-**Personas:** Representations of user types, including behaviors, goals, and pain points. Personas help teams align on who they are designing for.
24
+
-**Customer journey maps:** Visual timelines of a user's interaction with a product or service — highlighting touchpoints, emotions, and pain points.
25
+
-**Task flows and user flows:** Diagrams showing step-by-step paths a user takes to complete specific tasks or reach a goal.
26
+
-**Wireframes:** Low-fidelity layouts that outline basic structure and content without detailed styling. Used to align on layout early.
27
+
-**Prototypes:** Interactive versions of a design, used for testing or stakeholder demos. May be low-fidelity (clickable wireframes) or high-fidelity (polished UI mockups).
28
+
-**Design systems or UI kits:** Collections of reusable components, styles, and patterns to ensure consistency across an interface.
29
+
-**Accessibility documentation:** Notes or specs highlighting how the design meets accessibility standards, such as contrast ratios or keyboard navigability.
24
30
25
-
-**Personas**
26
-
Representations of user types, including behaviors, goals, and pain points. Personas help teams align on who they are designing for.
27
-
28
-
-**Customer journey maps**
29
-
Visual timelines of a user's interaction with a product or service — highlighting touchpoints, emotions, and pain points.
30
-
31
-
-**Task flows and user flows**
32
-
Diagrams showing step-by-step paths a user takes to complete specific tasks or reach a goal.
33
-
34
-
-**Wireframes**
35
-
Low-fidelity layouts that outline basic structure and content without detailed styling. Used to align on layout early.
36
-
37
-
-**Prototypes**
38
-
Interactive versions of a design, used for testing or stakeholder demos. May be low-fidelity (clickable wireframes) or high-fidelity (polished UI mockups).
39
-
40
-
-**Design systems or UI kits**
41
-
Collections of reusable components, styles, and patterns to ensure consistency across an interface.
42
-
43
-
-**Accessibility documentation**
44
-
Notes or specs highlighting how the design meets accessibility standards, such as contrast ratios or keyboard navigability.
45
-
46
-
## When Deliverables Are Created
31
+
## When are Deliverables Created
47
32
48
33
UX deliverables are created throughout the **design process**, from early discovery to final handoff:
49
34
50
-
-**During discovery and research**
51
-
Research plans, interview scripts, personas, and research summaries are common early-phase deliverables.
52
-
53
-
-**During design and exploration**
54
-
Wireframes, sketches, mood boards, or early prototypes are shared to get alignment on structure and direction.
55
-
56
-
-**During testing and iteration**
57
-
Updated prototypes, annotated screens, or usability test plans and results are created to capture progress and findings.
58
-
59
-
-**During delivery or handoff**
60
-
Final designs, redlines, interaction specs, and documentation are packaged for handoff to engineering or development teams.
35
+
-**During discovery and research:** Research plans, interview scripts, personas, and research summaries are common early-phase deliverables.
36
+
-**During design and exploration:** Wireframes, sketches, mood boards, or early prototypes are shared to get alignment on structure and direction.
37
+
-**During testing and iteration:** Updated prototypes, annotated screens, or usability test plans and results are created to capture progress and findings.
38
+
-**During delivery or handoff:** Final designs, redlines, interaction specs, and documentation are packaged for handoff to engineering or development teams.
0 commit comments