SlideShare uma empresa Scribd logo
1 de 44
Baixar para ler offline
Experiential Project Design
User Experience and Why it Matters
What is covered
1. What is User Experience (UX) Design
2. Understanding Our Users
User Persona and Empathy Map
3. Strategy: Determining Goals for your Product
4. Planning Your Users’ Journey
User Flow
1. What is User Experience (UX)
The cornerstone of UX is actively building an experience around your users
and their needs instead of hoping your users can understand and use what
you've already built.
Who are users?
People who interact with products in order to reach a goal.
Customers, donors, visitors, or anyone that uses your product or service
What did you interacted with today?
Often grouped by demographics or psychographics
Why do users’ experiences matter?
Think back to a time you couldn’t find something on the internet
How a user feels about experience directly reflects on the view of company
Since you made it, everything is obvious—to you (curse of knowledge)
You want people to enjoy your product and to keep using it
If you don’t have users, you don’t have a product.
UX vs UI
UX in Context: Timeline
1. Research before you begin your project
2. Don’t be afraid to change your decisions as you learn more about your users
3. Build personas to help think about different types of user of our app
4. Make empathy maps for your users to better see where they’re coming from
5. Look at your users’ goals: figuring out what each user wants out of our app
6. Create a user flow: help guide product’s development toward easy navigation
7. Documents help with: wireframing, design, and development choices
8. Iterate!
2. Understanding Our Users
Group users into representative profiles
You are not targeting EVERYONE
Assess your most realistic users
WHY people are using our product?
Limitations of different personas and groups
*These are stereotypes and individual users will act differently than the representative
persona you choose*
People who use a ride-sharing app
Businessman Brian Social Sarah
Empathy
How will your audience use the app based on their surroundings?
What are their thoughts and feelings?
What is the businessman expecting?
Who are your competitors that the college students might use?
Are there expected patterns?
Businessman Brian
Pain Gain
Frustrated with cabs and shuttles
Scared about using stranger’s car
Thinks cabs are dirty
Frustrated that cabs and shuttles
don’t look very professional
Annoyed that there is surge pricing
Annoyed about shortage of drivers
Excited for a potentially new way
to travel
Needs a clean, convenient vehicle
Can spend less on ride and get a
nicer dinner
Gets to educate his coworkers
Feels accomplished booking a ride
Social Sarah
Pain Gain
Had a bad experience with a
different ride-sharing app is leery
Thinks cabs are outdated and $
Annoyed that the ride cost more
at night due to supply of drivers
Has trouble typing when tipsy
Happy to be home safe
Kept her fare under $5
Enjoyed talking to driver
Pleasant experience with driver
Feels like a good friend getting
others home safely
Strategy: Determining Goals
Understanding your Users’ Goals
Thinking of Our Goals
Combining Your Goals with Your Users’ Goals
Structuring Your Users’ Experiences Around Completing Specific Goals
Understanding your Users’ Goals
It’s best to talk to current users if possible, or potential users
Listen to potential users, early and often
Make sure that you understand WHY they would want your product.
Your product needs to meet your users’ goals, or they won’t use it.
Businessman Brian: Goals
Get to the airport quickly
Travel in a clean car
Travel alone (not in a shuttle or carpool)
Book trip in advance
Social Sarah: Goals
Travel as cheap as possible
Get home safely
Travel with her friends
Book a ride using an app
Our Goals
make money
users to get home safely
alternative to costly cabs
provide drivers with a side job that works around their schedule
repeat app users
app to be popular
need the app to route the largest number of passengers as quickly as possible.
Combining Goals
Customer Us
New shirt
Ride to the airport
Vehicle to pick him up promptly
so he doesn’t miss flight
$20
Customers to use app
App to be efficient to provide the
most rides
4. Planning Users’ Journey
Users Expect a Process: Understanding User Flows
Getting Our Steps in Order
Contrasting User Goals
Making User Flows
Users Expect a Process:
Understanding User Flows
User flows are the route we want users to take from one end of the product to another.
NOT the only path users can take
Provide a plan to get users where they want to go as efficiently as possible.
“in as few clicks as possible”
The process should be intuitive
Specific steps they should take to reach their goal
Determine steps and order logically
Guide with buttons and feedback
Card Sorting: Brian
Card Sorting: Brian
Card Sorting: Brian
Contrasting User Goals: Sarah
Additional passengers
She doesn’t know when she will be going from place to place
Split Fare: Connect with other apps, like Square Cash, Venmo, or PayPal
Referral codes or coupons
Add in an extra stop
Card Sorting: Sarah
Making User Flows
Easiest path for our users to take
The more different the user goals are the more different their paths
Through design and development, keep in mind each user group’s concerns
Share this with clients, other stakeholders, or for future reference
Diagrams with simple shapes and arrows
Share diagrams with settings
User Flow: Businessman Brian
User Flow: Social Sarah
Recape
Always prioritize what the user wants and needs.
Personas to categorize types of users to meet the needs of key user groups.
Empathy maps to better understand the situations and context in which app is used.
Merge user goals with business goals for mutual benefits.
Find new features and better experience.
Test early and often with real people.
Card sorting exercise to think about the actions users need to take from one end of our product to the next.
It all comes together in a user flow - User path to reach their goals.
Resources: Applications
Sketch is a design toolkit built to help you create your best work — from
your earliest ideas, through to final artwork.
Funnelytics is a website that is meant for digital marketing sales funnels, but
it has the components needed to make visual user flows quickly...and it’s
free!
LucidChart is $5/month for a basic plan, but it includes a lot of premade
shapes and features. It is less visual than Funnelytics, relying on text to
convey meaning.
Resources: Further Reading
Aligning UX Strategy with Business Goals, by Sarah Bloomer, Lori Landesman, and
Susan J. Wolfe.
Designing for Goals, by Brian McKenna, addresses the importance of identifying User
Goals
UX Strategy v UX Design: The Ideal UX PRocess, by Justinmind and Jaime Levy.
User Goals and Corporate Goals, by Tyner Blain
UX Glossary: Task Flows, User Flows, Flowcharts… by Naema Baskanderi
Optimization Glossary from Optimizely: User Flow
Alena Holligan
• Wife, and Mother of 3 young children
• PHP Teacher at Treehouse
• Portland PHP User Group Leader
• Cascadia PHP Conference (cascadiaphp.com)
@alenaholligan alena@holligan.us https://joind.in/talk/c619f

Mais conteúdo relacionado

Mais procurados

UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil Zieba
 

Mais procurados (20)

UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UX techniques
UX techniquesUX techniques
UX techniques
 
The Case for the UX Developer
The Case for the UX DeveloperThe Case for the UX Developer
The Case for the UX Developer
 
The Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App DevelopmentThe Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App Development
 
Mobile First Design Strategy & Process
Mobile First Design Strategy & ProcessMobile First Design Strategy & Process
Mobile First Design Strategy & Process
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
 
Wireframing for Mobile App Developers
Wireframing for Mobile App DevelopersWireframing for Mobile App Developers
Wireframing for Mobile App Developers
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
AWH Almost Ultimate_App_ebook
AWH Almost Ultimate_App_ebookAWH Almost Ultimate_App_ebook
AWH Almost Ultimate_App_ebook
 
Interaction design as product branding instrument
Interaction design as product branding instrumentInteraction design as product branding instrument
Interaction design as product branding instrument
 
Laura Castaño UX/UI Portfolio
Laura Castaño UX/UI PortfolioLaura Castaño UX/UI Portfolio
Laura Castaño UX/UI Portfolio
 
UI UX 概論
UI UX 概論 UI UX 概論
UI UX 概論
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Instagram (Case Study)
Instagram (Case Study)Instagram (Case Study)
Instagram (Case Study)
 
UX trends 2016
UX trends 2016UX trends 2016
UX trends 2016
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
Rally final Presentation 072412
Rally final Presentation 072412Rally final Presentation 072412
Rally final Presentation 072412
 

Semelhante a Experiential Project Design

9a it4 the reemsters pitch presentation
9a it4 the reemsters pitch presentation9a it4 the reemsters pitch presentation
9a it4 the reemsters pitch presentation
CardinalwisemanICT2
 

Semelhante a Experiential Project Design (20)

UX Masterclass Presentation
UX Masterclass PresentationUX Masterclass Presentation
UX Masterclass Presentation
 
Know the Steps to Develop Dating App in 2024
Know the Steps to Develop Dating App in 2024Know the Steps to Develop Dating App in 2024
Know the Steps to Develop Dating App in 2024
 
Axisbull fitness app Case study .pdf
Axisbull fitness app Case study .pdfAxisbull fitness app Case study .pdf
Axisbull fitness app Case study .pdf
 
Get-A-Way(Marketing plan)
Get-A-Way(Marketing plan)Get-A-Way(Marketing plan)
Get-A-Way(Marketing plan)
 
Tim Penton - Trading Skills, UX Academy Project
Tim Penton - Trading Skills, UX Academy ProjectTim Penton - Trading Skills, UX Academy Project
Tim Penton - Trading Skills, UX Academy Project
 
How to Start Tour and Travel App Development in 2024.pdf
How to Start Tour and Travel App Development in 2024.pdfHow to Start Tour and Travel App Development in 2024.pdf
How to Start Tour and Travel App Development in 2024.pdf
 
Marketing plan For App
Marketing plan For AppMarketing plan For App
Marketing plan For App
 
Ux mobile apps design (travelr)
Ux mobile apps design (travelr)Ux mobile apps design (travelr)
Ux mobile apps design (travelr)
 
Tips To Create An App Like Splitwise_ Cost And Features You Need To Know.pdf
Tips To Create An App Like Splitwise_ Cost And Features You Need To Know.pdfTips To Create An App Like Splitwise_ Cost And Features You Need To Know.pdf
Tips To Create An App Like Splitwise_ Cost And Features You Need To Know.pdf
 
Carpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit ChinaraCarpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit Chinara
 
7 secrets to app success
7 secrets to app success 7 secrets to app success
7 secrets to app success
 
Patton user modeling
Patton user modelingPatton user modeling
Patton user modeling
 
Personas In Product Design
Personas In Product DesignPersonas In Product Design
Personas In Product Design
 
Detailed Guide on Dating Mobile App Development in 2023
Detailed Guide on Dating Mobile App Development in 2023Detailed Guide on Dating Mobile App Development in 2023
Detailed Guide on Dating Mobile App Development in 2023
 
Mobile app-marketing-playbook
Mobile app-marketing-playbookMobile app-marketing-playbook
Mobile app-marketing-playbook
 
how to build engaging apps- ebook.docx
how to build engaging apps- ebook.docxhow to build engaging apps- ebook.docx
how to build engaging apps- ebook.docx
 
Marketing plan for an android app
Marketing plan for an android appMarketing plan for an android app
Marketing plan for an android app
 
How To Make An App Like Tinder 15 Features Cost Etc.pdf
How To Make An App Like Tinder 15 Features Cost Etc.pdfHow To Make An App Like Tinder 15 Features Cost Etc.pdf
How To Make An App Like Tinder 15 Features Cost Etc.pdf
 
9a it4 the reemsters pitch presentation
9a it4 the reemsters pitch presentation9a it4 the reemsters pitch presentation
9a it4 the reemsters pitch presentation
 
A Guide for Anyone Who Wants to Turn App Development Idea into Reality
A Guide for Anyone Who Wants to Turn App Development Idea into RealityA Guide for Anyone Who Wants to Turn App Development Idea into Reality
A Guide for Anyone Who Wants to Turn App Development Idea into Reality
 

Mais de Alena Holligan

Mais de Alena Holligan (20)

2023 Longhorn PHP - Learn to Succeed .pdf
2023 Longhorn PHP - Learn to Succeed .pdf2023 Longhorn PHP - Learn to Succeed .pdf
2023 Longhorn PHP - Learn to Succeed .pdf
 
Environmental variables
Environmental variablesEnvironmental variables
Environmental variables
 
Dev parent
Dev parentDev parent
Dev parent
 
Dependency Injection
Dependency InjectionDependency Injection
Dependency Injection
 
Dependency Management
Dependency ManagementDependency Management
Dependency Management
 
Reduce Reuse Refactor
Reduce Reuse RefactorReduce Reuse Refactor
Reduce Reuse Refactor
 
Organization Patterns: MVC
Organization Patterns: MVCOrganization Patterns: MVC
Organization Patterns: MVC
 
When & Why: Interfaces, abstract classes, traits
When & Why: Interfaces, abstract classes, traitsWhen & Why: Interfaces, abstract classes, traits
When & Why: Interfaces, abstract classes, traits
 
Object Features
Object FeaturesObject Features
Object Features
 
Obect-Oriented Collaboration
Obect-Oriented CollaborationObect-Oriented Collaboration
Obect-Oriented Collaboration
 
WordCamp Portland 2018: PHP for WordPress
WordCamp Portland 2018: PHP for WordPressWordCamp Portland 2018: PHP for WordPress
WordCamp Portland 2018: PHP for WordPress
 
Let's Talk Scope
Let's Talk ScopeLet's Talk Scope
Let's Talk Scope
 
Demystifying Object-Oriented Programming #phpbnl18
Demystifying Object-Oriented Programming #phpbnl18Demystifying Object-Oriented Programming #phpbnl18
Demystifying Object-Oriented Programming #phpbnl18
 
Exploiting the Brain for Fun and Profit
Exploiting the Brain for Fun and ProfitExploiting the Brain for Fun and Profit
Exploiting the Brain for Fun and Profit
 
Environmental Variables
Environmental VariablesEnvironmental Variables
Environmental Variables
 
Learn to succeed
Learn to succeedLearn to succeed
Learn to succeed
 
Demystifying oop
Demystifying oopDemystifying oop
Demystifying oop
 
Demystifying Object-Oriented Programming - PHP[tek] 2017
Demystifying Object-Oriented Programming - PHP[tek] 2017Demystifying Object-Oriented Programming - PHP[tek] 2017
Demystifying Object-Oriented Programming - PHP[tek] 2017
 
Demystifying Object-Oriented Programming - PHP UK Conference 2017
Demystifying Object-Oriented Programming - PHP UK Conference 2017Demystifying Object-Oriented Programming - PHP UK Conference 2017
Demystifying Object-Oriented Programming - PHP UK Conference 2017
 
Exploiting the Brain for Fun & Profit #zendcon2016
Exploiting the Brain for Fun & Profit #zendcon2016Exploiting the Brain for Fun & Profit #zendcon2016
Exploiting the Brain for Fun & Profit #zendcon2016
 

Último

introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
VishalKumarJha10
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
Health
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
 

Último (20)

Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language ModelsUnlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Models
 
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time ApplicationsUnveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
 
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdfintroduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdfAzure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
10 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 202410 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 2024
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnVTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
 
Software Quality Assurance Interview Questions
Software Quality Assurance Interview QuestionsSoftware Quality Assurance Interview Questions
Software Quality Assurance Interview Questions
 
Diamond Application Development Crafting Solutions with Precision
Diamond Application Development Crafting Solutions with PrecisionDiamond Application Development Crafting Solutions with Precision
Diamond Application Development Crafting Solutions with Precision
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial Goals
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.com
 

Experiential Project Design

  • 1. Experiential Project Design User Experience and Why it Matters
  • 2. What is covered 1. What is User Experience (UX) Design 2. Understanding Our Users User Persona and Empathy Map 3. Strategy: Determining Goals for your Product 4. Planning Your Users’ Journey User Flow
  • 3. 1. What is User Experience (UX) The cornerstone of UX is actively building an experience around your users and their needs instead of hoping your users can understand and use what you've already built.
  • 4. Who are users? People who interact with products in order to reach a goal. Customers, donors, visitors, or anyone that uses your product or service What did you interacted with today? Often grouped by demographics or psychographics
  • 5. Why do users’ experiences matter? Think back to a time you couldn’t find something on the internet How a user feels about experience directly reflects on the view of company Since you made it, everything is obvious—to you (curse of knowledge) You want people to enjoy your product and to keep using it If you don’t have users, you don’t have a product.
  • 7.
  • 8.
  • 9.
  • 10. UX in Context: Timeline 1. Research before you begin your project 2. Don’t be afraid to change your decisions as you learn more about your users 3. Build personas to help think about different types of user of our app 4. Make empathy maps for your users to better see where they’re coming from 5. Look at your users’ goals: figuring out what each user wants out of our app 6. Create a user flow: help guide product’s development toward easy navigation 7. Documents help with: wireframing, design, and development choices 8. Iterate!
  • 11. 2. Understanding Our Users Group users into representative profiles You are not targeting EVERYONE Assess your most realistic users WHY people are using our product? Limitations of different personas and groups *These are stereotypes and individual users will act differently than the representative persona you choose*
  • 12. People who use a ride-sharing app Businessman Brian Social Sarah
  • 13.
  • 14.
  • 15. Empathy How will your audience use the app based on their surroundings? What are their thoughts and feelings? What is the businessman expecting? Who are your competitors that the college students might use? Are there expected patterns?
  • 16.
  • 17. Businessman Brian Pain Gain Frustrated with cabs and shuttles Scared about using stranger’s car Thinks cabs are dirty Frustrated that cabs and shuttles don’t look very professional Annoyed that there is surge pricing Annoyed about shortage of drivers Excited for a potentially new way to travel Needs a clean, convenient vehicle Can spend less on ride and get a nicer dinner Gets to educate his coworkers Feels accomplished booking a ride
  • 18.
  • 19. Social Sarah Pain Gain Had a bad experience with a different ride-sharing app is leery Thinks cabs are outdated and $ Annoyed that the ride cost more at night due to supply of drivers Has trouble typing when tipsy Happy to be home safe Kept her fare under $5 Enjoyed talking to driver Pleasant experience with driver Feels like a good friend getting others home safely
  • 20. Strategy: Determining Goals Understanding your Users’ Goals Thinking of Our Goals Combining Your Goals with Your Users’ Goals Structuring Your Users’ Experiences Around Completing Specific Goals
  • 21. Understanding your Users’ Goals It’s best to talk to current users if possible, or potential users Listen to potential users, early and often Make sure that you understand WHY they would want your product. Your product needs to meet your users’ goals, or they won’t use it.
  • 22. Businessman Brian: Goals Get to the airport quickly Travel in a clean car Travel alone (not in a shuttle or carpool) Book trip in advance
  • 23. Social Sarah: Goals Travel as cheap as possible Get home safely Travel with her friends Book a ride using an app
  • 24. Our Goals make money users to get home safely alternative to costly cabs provide drivers with a side job that works around their schedule repeat app users app to be popular need the app to route the largest number of passengers as quickly as possible.
  • 25. Combining Goals Customer Us New shirt Ride to the airport Vehicle to pick him up promptly so he doesn’t miss flight $20 Customers to use app App to be efficient to provide the most rides
  • 26.
  • 27. 4. Planning Users’ Journey Users Expect a Process: Understanding User Flows Getting Our Steps in Order Contrasting User Goals Making User Flows
  • 28. Users Expect a Process: Understanding User Flows User flows are the route we want users to take from one end of the product to another. NOT the only path users can take Provide a plan to get users where they want to go as efficiently as possible. “in as few clicks as possible” The process should be intuitive Specific steps they should take to reach their goal Determine steps and order logically Guide with buttons and feedback
  • 32. Contrasting User Goals: Sarah Additional passengers She doesn’t know when she will be going from place to place Split Fare: Connect with other apps, like Square Cash, Venmo, or PayPal Referral codes or coupons Add in an extra stop
  • 34. Making User Flows Easiest path for our users to take The more different the user goals are the more different their paths Through design and development, keep in mind each user group’s concerns Share this with clients, other stakeholders, or for future reference Diagrams with simple shapes and arrows Share diagrams with settings
  • 36.
  • 37.
  • 39.
  • 40.
  • 41. Recape Always prioritize what the user wants and needs. Personas to categorize types of users to meet the needs of key user groups. Empathy maps to better understand the situations and context in which app is used. Merge user goals with business goals for mutual benefits. Find new features and better experience. Test early and often with real people. Card sorting exercise to think about the actions users need to take from one end of our product to the next. It all comes together in a user flow - User path to reach their goals.
  • 42. Resources: Applications Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork. Funnelytics is a website that is meant for digital marketing sales funnels, but it has the components needed to make visual user flows quickly...and it’s free! LucidChart is $5/month for a basic plan, but it includes a lot of premade shapes and features. It is less visual than Funnelytics, relying on text to convey meaning.
  • 43. Resources: Further Reading Aligning UX Strategy with Business Goals, by Sarah Bloomer, Lori Landesman, and Susan J. Wolfe. Designing for Goals, by Brian McKenna, addresses the importance of identifying User Goals UX Strategy v UX Design: The Ideal UX PRocess, by Justinmind and Jaime Levy. User Goals and Corporate Goals, by Tyner Blain UX Glossary: Task Flows, User Flows, Flowcharts… by Naema Baskanderi Optimization Glossary from Optimizely: User Flow
  • 44. Alena Holligan • Wife, and Mother of 3 young children • PHP Teacher at Treehouse • Portland PHP User Group Leader • Cascadia PHP Conference (cascadiaphp.com) @alenaholligan alena@holligan.us https://joind.in/talk/c619f