Scribd
Upload
598 views

Google UX Design Process

The document outlines the UX design process from initial research through prototyping and testing. It includes gathering primary and secondary research, identifying pain points and creating personas and user stories. Later steps involve wireframing, building low-fidelity prototypes, conducting user research, and creating high-fidelity designs in Figma. Templates and exemplars are provided for various artifacts like user personas, journeys, problem statements, and competitive audits. The document concludes with adding work to a professional portfolio concisely.

Uploaded by

omar sherif
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
598 views

Google UX Design Process

The document outlines the UX design process from initial research through prototyping and testing. It includes gathering primary and secondary research, identifying pain points and creating personas and user stories. Later steps involve wireframing, building low-fidelity prototypes, conducting user research, and creating high-fidelity designs in Figma. Templates and exemplars are provided for various artifacts like user personas, journeys, problem statements, and competitive audits. The document concludes with adding work to a professional portfolio concisely.

Uploaded by

omar sherif
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 463

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

You might also like