SlideShare a Scribd company logo
Learn UX, User
Persona, User Flow
UI/UX 2nd Study Jam
Outline
1. Intro to UX
2. UX Research
3. Discover User Personas
4. Understanding User Flows
5. User Flow VS User Journey
6. Connecting User Personas to User Flows
Introduction to
User Experience
User Experience
User experience (UX) design is the
process design teams use to
develop high-quality interactive
systems, products and services
that fit with people and their ways
of living.
“No product is an island. A product is
more than the product. It is a cohesive,
integrated set of experiences. Think
through all of the stages of a product or
service – from initial intentions through
final reflections, from the first usage to
help, service, and maintenance. Make
them all work together seamlessly.”
Don Norman
Inventor of the term “User
Experience
GDGoC UI - Learn UX, User Persona, User Flow
UX Design is User Centered
UX RESEARCH
What is UX Research?
User experience research (UX
research) is the process of gathering
insights about users' behaviors,
needs, and pain points through
observation methodologies to
provide input into the user experience
design process.
“Is it really that important?”
OF COURSE!
User insights guide every decision,
suggestion, and solution.
Common Methods
User Interviews
Focus Groups
Surveys
..AND MANY MORE!
A nity Map
How Might We
Value Effort Matrix
etc.
Gather Data Organize Data
Tools:
Figma, Miro, dll.
User Interview
Extreme
Semi-Extreme
Non-Extreme
General
Expectation & Motivation
Information
Interviewee Questions
Affinity Map
Source: blog.hubspot
How Might We
Source: conceptboard and trailhead.salesforce
Value Effort Map
Understanding
User Persona
What is
User Persona?
User Persona is a fictional,
yet realistic, description of
a typical or target user of
the product.
Personas must be based on
user research in order to be at
all accurate and representative
of actual users of a product.
Personas are made-up
people, but they should be
made up based on
information about real
people.
Create Effective User Personas
1. Collect extensive data on target users.
2. Determine the qualities of and differences between users.
3. Develop a hypothesis from the research, determining the qualities of and
differences between users.
4. Ensure stakeholders agree on the hypothesis about the users.
5. Determine a number of personas – more than one per project, but focus especially
on one.
6. Name and describe each persona in 1-2 pages, including:A picture, User’s values,
interests, education, lifestyle, needs, attitudes, desires, limitations, goals and
behavior patterns.
GDGoC UI - Learn UX, User Persona, User Flow
How to Use Personas in Design Projects
● Stays in context – What specific points about his/her situation can you map to how
he/she can use your product now?
● Reflects a target user’s real behavior patterns, attitudes, skillset, motivations and
goals within the product’s domain.
● Has an end-goal – What does the user want to achieve? What features would help
him/her do that best?
● Faces realistic, relevant scenarios—written from the persona’s perspective—to
envision how users would find they’d use the product to attain a particular goal.
● Occupies a clear setting – a day-in-the-life approach that shows what he/she
encounters in what environment.
● Has visible pain points – What’s the hardest/most frustrating aspect of his/her
situation/context?
GDGoC UI - Learn UX, User Persona, User Flow
Understanding User
Flows
Imagine you want to
order a pizza..
1. Open the pizza app
2. Choose your favourite pizza
3. Add it to the cart
4. Enter your address
5. Make a payment
6. Wait for the pizza to arrive
What is a User Flow?
User flow is a visual roadmap of your
user's journey of the steps they take
to complete a specific task within a
product.
The development of new features
Redesigning a website or app
Communication and alignment
Enhances user experience
Improves communication clarity
Boosts e ciency
Helps prioritize tasks better
When?
Why?
Then, how?
1. Understand the users and their goals
2. Identify the entry point
3. Map out the flow (using Figma, Miro, or LucidChart)
4. Include decision points or specific details
5. Determine the endpoint
6. Review and iterate
User Flow Example
Source: Zen Flowchart
User Flow
Example
Source: userguiding.com/
The Differences
Between User Flow &
User Journey
User journeys and user
flows are both UX tools
that capture how
people accomplish
goals with certain
products or services.
What is User Journey?
User journey: (Or customer journey) A
scenario-based sequence of the steps that a
user takes in order to accomplish a
high-level goal with a company or product,
usually across channels and over time.
GDGoC UI - Learn UX, User Persona, User Flow
GDGoC UI - Learn UX, User Persona, User Flow
Combining User Journeys
and User Flows
User flows can be thought of as a
deep dive into specific areas of the
high-level user journey.
GDGoC UI - Learn UX, User Persona, User Flow
So, User Journey or User Flow?
● Does your user process involve more than one channel or more than one, known product
(e.g., your company’s website)? User journeys are best for capturing activities
dispersed over multiple channels; user flows are well-suited for interactions within
one product.
● Can users generally accomplish the goal in minutes or hours, at the most, or will they need
to complete activities over days, weeks, or months? User journeys are better for
communicating activities over longer periods of time; user flows are better for
relatively short-term goals.
● Will it be critical to understand not only the actions but the emotions and thoughts of users
across more complex decision-making? User journeys capture those; user flows are
limited to sequences of steps, with no additional information about users’ emotional
states.
Connecting User
Personas to User
Flows
How are they relevant?
To design an effective user flow, you must
understand your users. Instead of analyzing
each user individually, create a user persona
that represents key traits like age, gender,
motivations, and goals.
How to Integrate User
Personas to User
Flows?
1. Know your user personas
2. Define your user scenarios
3. Map out your user flow
4. Validate and iterate
Mastering User Flows for
Diverse User Personas
1. Focus on Essential User Profiles
2. Identify Common Traits Among Profiles
3. Use Narrative Scenarios
4. Implement a Continuous Improvement Process
5. Remain Open to Change and Adjustments
Any Questions?
Ask here!
Let’s Analyze
SIAKNG’s User
Flow!
Padlet
Thank Youu!!

More Related Content

PPTX
User Experience Basics
PPTX
Fundamentals and practices of UX research
PDF
UX/UI Introduction
PPTX
UXD - A quick overview on what you need to work with your UX team
PDF
Designing user experience (ux) for digital products
PDF
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
PDF
Personas: arquetipos, no estereotipos
PPTX
Putting Personas to Work at UX Pittsburgh
User Experience Basics
Fundamentals and practices of UX research
UX/UI Introduction
UXD - A quick overview on what you need to work with your UX team
Designing user experience (ux) for digital products
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas: arquetipos, no estereotipos
Putting Personas to Work at UX Pittsburgh

Similar to GDGoC UI - Learn UX, User Persona, User Flow (20)

PPTX
Strategically UX Oriented with Personas
PDF
Persona & User Journey in Practice
PDF
UX is for Losers
PDF
Brand ux (3)
PDF
Brand ux (4)
PPT
HCI Module-4-UX-Emotion-and-Experience.ppt
PDF
Personas, scenarios, user stories
PDF
Experiential Project Design
PDF
Personas and how they are used in user-centered design
PPTX
Putting Personas to Work at IIBA Cleveland
PDF
USER PERSONAS FOR UI & UX DESIGN FOR UNIVERSITY STUDENT DURING SIWES
PDF
The UX Analyst
PPTX
Putting Personas to Work
PPTX
Putting Personas to Work: Getting personas adopted throughout your organization
PDF
Scaling empathy with personas
KEY
UX 101: An Overview of User Experience
PPTX
UX Personas: How I've made & used personas over the past seven years
PPT
An introduction to personas for technical authors
PPTX
No one cares about your persona
PDF
User Research: Personas, scenarios, user stories
Strategically UX Oriented with Personas
Persona & User Journey in Practice
UX is for Losers
Brand ux (3)
Brand ux (4)
HCI Module-4-UX-Emotion-and-Experience.ppt
Personas, scenarios, user stories
Experiential Project Design
Personas and how they are used in user-centered design
Putting Personas to Work at IIBA Cleveland
USER PERSONAS FOR UI & UX DESIGN FOR UNIVERSITY STUDENT DURING SIWES
The UX Analyst
Putting Personas to Work
Putting Personas to Work: Getting personas adopted throughout your organization
Scaling empathy with personas
UX 101: An Overview of User Experience
UX Personas: How I've made & used personas over the past seven years
An introduction to personas for technical authors
No one cares about your persona
User Research: Personas, scenarios, user stories
Ad

Recently uploaded (20)

PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
building Planning Overview for step wise design.pptx
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
Entrepreneur intro, origin, process, method
PPTX
EDP Competencies-types, process, explanation
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPT
UNIT I- Yarn, types, explanation, process
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
CLASSIFICATION OF YARN- process, explanation
PPTX
Implications Existing phase plan and its feasibility.pptx
PPTX
6- Architecture design complete (1).pptx
PDF
Phone away, tabs closed: No multitasking
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPT
Machine printing techniques and plangi dyeing
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
building Planning Overview for step wise design.pptx
Tenders & Contracts Works _ Services Afzal.pptx
Entrepreneur intro, origin, process, method
EDP Competencies-types, process, explanation
AD Bungalow Case studies Sem 2.pptxvwewev
YV PROFILE PROJECTS PROFILE PRES. DESIGN
UNIT I- Yarn, types, explanation, process
Quality Control Management for RMG, Level- 4, Certificate
CLASSIFICATION OF YARN- process, explanation
Implications Existing phase plan and its feasibility.pptx
6- Architecture design complete (1).pptx
Phone away, tabs closed: No multitasking
HPE Aruba-master-icon-library_052722.pptx
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Machine printing techniques and plangi dyeing
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
Ad

GDGoC UI - Learn UX, User Persona, User Flow

  • 1. Learn UX, User Persona, User Flow UI/UX 2nd Study Jam
  • 2. Outline 1. Intro to UX 2. UX Research 3. Discover User Personas 4. Understanding User Flows 5. User Flow VS User Journey 6. Connecting User Personas to User Flows
  • 4. User Experience User experience (UX) design is the process design teams use to develop high-quality interactive systems, products and services that fit with people and their ways of living.
  • 5. “No product is an island. A product is more than the product. It is a cohesive, integrated set of experiences. Think through all of the stages of a product or service – from initial intentions through final reflections, from the first usage to help, service, and maintenance. Make them all work together seamlessly.” Don Norman Inventor of the term “User Experience
  • 7. UX Design is User Centered
  • 9. What is UX Research? User experience research (UX research) is the process of gathering insights about users' behaviors, needs, and pain points through observation methodologies to provide input into the user experience design process.
  • 10. “Is it really that important?” OF COURSE! User insights guide every decision, suggestion, and solution.
  • 11. Common Methods User Interviews Focus Groups Surveys ..AND MANY MORE! A nity Map How Might We Value Effort Matrix etc. Gather Data Organize Data Tools: Figma, Miro, dll.
  • 12. User Interview Extreme Semi-Extreme Non-Extreme General Expectation & Motivation Information Interviewee Questions
  • 14. How Might We Source: conceptboard and trailhead.salesforce
  • 17. What is User Persona? User Persona is a fictional, yet realistic, description of a typical or target user of the product.
  • 18. Personas must be based on user research in order to be at all accurate and representative of actual users of a product. Personas are made-up people, but they should be made up based on information about real people.
  • 19. Create Effective User Personas 1. Collect extensive data on target users. 2. Determine the qualities of and differences between users. 3. Develop a hypothesis from the research, determining the qualities of and differences between users. 4. Ensure stakeholders agree on the hypothesis about the users. 5. Determine a number of personas – more than one per project, but focus especially on one. 6. Name and describe each persona in 1-2 pages, including:A picture, User’s values, interests, education, lifestyle, needs, attitudes, desires, limitations, goals and behavior patterns.
  • 21. How to Use Personas in Design Projects ● Stays in context – What specific points about his/her situation can you map to how he/she can use your product now? ● Reflects a target user’s real behavior patterns, attitudes, skillset, motivations and goals within the product’s domain. ● Has an end-goal – What does the user want to achieve? What features would help him/her do that best? ● Faces realistic, relevant scenarios—written from the persona’s perspective—to envision how users would find they’d use the product to attain a particular goal. ● Occupies a clear setting – a day-in-the-life approach that shows what he/she encounters in what environment. ● Has visible pain points – What’s the hardest/most frustrating aspect of his/her situation/context?
  • 24. Imagine you want to order a pizza.. 1. Open the pizza app 2. Choose your favourite pizza 3. Add it to the cart 4. Enter your address 5. Make a payment 6. Wait for the pizza to arrive
  • 25. What is a User Flow? User flow is a visual roadmap of your user's journey of the steps they take to complete a specific task within a product.
  • 26. The development of new features Redesigning a website or app Communication and alignment Enhances user experience Improves communication clarity Boosts e ciency Helps prioritize tasks better When? Why?
  • 27. Then, how? 1. Understand the users and their goals 2. Identify the entry point 3. Map out the flow (using Figma, Miro, or LucidChart) 4. Include decision points or specific details 5. Determine the endpoint 6. Review and iterate
  • 28. User Flow Example Source: Zen Flowchart
  • 30. The Differences Between User Flow & User Journey
  • 31. User journeys and user flows are both UX tools that capture how people accomplish goals with certain products or services.
  • 32. What is User Journey? User journey: (Or customer journey) A scenario-based sequence of the steps that a user takes in order to accomplish a high-level goal with a company or product, usually across channels and over time.
  • 35. Combining User Journeys and User Flows User flows can be thought of as a deep dive into specific areas of the high-level user journey.
  • 37. So, User Journey or User Flow? ● Does your user process involve more than one channel or more than one, known product (e.g., your company’s website)? User journeys are best for capturing activities dispersed over multiple channels; user flows are well-suited for interactions within one product. ● Can users generally accomplish the goal in minutes or hours, at the most, or will they need to complete activities over days, weeks, or months? User journeys are better for communicating activities over longer periods of time; user flows are better for relatively short-term goals. ● Will it be critical to understand not only the actions but the emotions and thoughts of users across more complex decision-making? User journeys capture those; user flows are limited to sequences of steps, with no additional information about users’ emotional states.
  • 39. How are they relevant? To design an effective user flow, you must understand your users. Instead of analyzing each user individually, create a user persona that represents key traits like age, gender, motivations, and goals.
  • 40. How to Integrate User Personas to User Flows? 1. Know your user personas 2. Define your user scenarios 3. Map out your user flow 4. Validate and iterate
  • 41. Mastering User Flows for Diverse User Personas 1. Focus on Essential User Profiles 2. Identify Common Traits Among Profiles 3. Use Narrative Scenarios 4. Implement a Continuous Improvement Process 5. Remain Open to Change and Adjustments