Start the UX Design Process: Empathize, Define, and Ideate Page 2
Build Wireframes and Low-Fidelity Prototypes Page 169
Conduct UX Research and Test Early Concepts Page 207
Create High-Fidelity Designs and Prototypes in Figma Page 209
Add Artifacts to your professional portfolio concisely Page 212
Start the UX Design Process: Empathize, Define,
and Ideate
1.Foundational Research
2.Secondary Research
3.Primary Research and its methods
4.Biases and how to avoid them
5.Step by step to conduct your Primary Research
6.Identify Pain Points
7.Create Personas
8.Craft User stories
9. Create a user journey map
10. Define problem and hypothesis statements
11. Create a value proposition
12. Conduct competitive audits
13. Brainstorm design ideas by sketching
1.Foundational Research
2.Secondary Research
3.Primary Research and its methods
4.Biases and how to avoid them
5.Step by step to conduct your Primary Research
After you conducted the interviews, now you have records
Use these records to write a transcript about everything the user said
Create an empathy map from those transcripts
The empathy map
6.Identify Pain Points
7.Create Personas
From the empathy map we build personas
https://www.coursera.org/learn/start-ux-design-
process/lecture/ZpYoj/understand-personas
Persona Templates
https://xtensio.com/user-persona-template/
https://www.justinmind.com/blog/user-persona-templates/
https://docs.google.com/presentation/d/10a72PKWsZnsXqmER
b0qtX-3v9W4VDILFtz0_PudX52I/template/preview
8.Craft User stories
Examples
Google UX Design Certificate - User Story [Template]
https://docs.google.com/presentation/d/1hfmMu8KFKuCf_Go
ek0QAiXkd9DDducqTwjGi8fAng-k/template/preview
User Journey
User Journy
Link to exemplar
https://docs.google.com/presentation/d/1exEp94_YR6UiRGPF
O-K91J7Iwgg6YDDjp8_zQIuYNWw/template/preview
Link to a Template
https://docs.google.com/presentation/d/1rHY-
ed1JFNXBXm0UuvMN5qlXG1IkroKeWfKAWlVrT3g/template/pr
eview
Define problem and hypothesis statements
Link to template: problem statement template.
Value Proposition
psychology
Competitive Audit
Link to exemplar: CoffeeHouse competitive audit.
Link to template: competitive audit comparison template.
Link to template: competitive audit report template.
How Might We
Ideation
conduct competitive audits for:
Build Wireframes and Low-Fidelity Prototypes
1. Build goal statements
2. Outline user flows
3. Create storyboards
4. Get started with wireframes
5. Understand information architecture
6. Create digital wireframes
7. Use Gestalt Principles in wireframes
8. Build low-fidelity prototypes digitally
1. Build goal statements
2. Outline user flows
User Flow
3. Create storyboards
4. Get started with wireframes
5. Understand information architecture
6. Create digital wireframes
7. Use Gestalt Principles in wireframes
Avoid Deceptive patterns to gain customers trust
Conduct UX Research and Test Early Concepts
You will follow the same process of course 2 to test lo-fi
prototypes
Create High-Fidelity Designs and Prototypes
in Figma
1- Follow human interface guidelines
2- Get inspirations from realistic app designs
sources for realistic app designs –> mobbin.design
3-Don’t reinvent the wheel and use figma plugins
figma plugins for iOS
-(variants) iOS & iPad OS 14 UI kit for figma
-official iOS 14 (Beta)
-iOS 15 UI kit for figma
-iOS design system
-SF fonts
-SF symbols 3 6000+
-Design+code design system
You can all see designs of googlers on their portfolio ->\
https://www.coursera.org/learn/foundations-user-experience-
design/quiz/oOer6/activity-explore-ux-design-portfolios/attempt
Principles of visual design
https://drive.google.com/drive/folders/1x_JHvFY7C3CuCeJhV7
m1xpJ7-GmbSyV-?usp=sharing
Add Artifacts to your professional portfolio
