SlideShare a Scribd company logo
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
Experiential Project Design
Experiential Project Design
Experiential Project Design
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
Experiential Project Design
Experiential Project Design
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?
Experiential Project Design
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
Experiential Project Design
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
Experiential Project Design
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
Experiential Project Design
Experiential Project Design
User Flow: Social Sarah
Experiential Project Design
Experiential Project Design
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

More Related Content

PDF
Hillside - User Testing Report (EN)
PDF
Ui/UX Steps on Application Design
PPTX
UX / UI Mobile Trends
PDF
Rakesh UX/UI Portfolio
PDF
Federal City Council Case Study - Responsive Landing Page
PDF
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
PDF
AARRR Marketing Guide
PDF
UX Trends 2016
Hillside - User Testing Report (EN)
Ui/UX Steps on Application Design
UX / UI Mobile Trends
Rakesh UX/UI Portfolio
Federal City Council Case Study - Responsive Landing Page
Asap casestudy - UX / UI Design for Corporate Instant Messaging Mobile App
AARRR Marketing Guide
UX Trends 2016

What's hot (20)

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

Similar to Experiential Project Design (20)

PDF
UX Masterclass Presentation
PDF
Know the Steps to Develop Dating App in 2024
PDF
Axisbull fitness app Case study .pdf
PDF
Get-A-Way(Marketing plan)
PDF
Tim Penton - Trading Skills, UX Academy Project
PDF
How to Start Tour and Travel App Development in 2024.pdf
PPTX
Marketing plan For App
PDF
Framework for a Seamless User Experience in Super Apps.pdf
PDF
Ux mobile apps design (travelr)
PDF
Tips To Create An App Like Splitwise_ Cost And Features You Need To Know.pdf
PPTX
Carpooling App India - UX Desin - Avjit Chinara
PDF
7 secrets to app success
PDF
Pranay Mhatre Introduction with UX Design & Research Portfolio
PDF
GDGoC UI - Learn UX, User Persona, User Flow
PPT
Patton user modeling
PPTX
Personas In Product Design
PDF
Detailed Guide on Dating Mobile App Development in 2023
PDF
Mobile app-marketing-playbook
DOCX
how to build engaging apps- ebook.docx
PPTX
Marketing plan for an android app
UX Masterclass Presentation
Know the Steps to Develop Dating App in 2024
Axisbull fitness app Case study .pdf
Get-A-Way(Marketing plan)
Tim Penton - Trading Skills, UX Academy Project
How to Start Tour and Travel App Development in 2024.pdf
Marketing plan For App
Framework for a Seamless User Experience in Super Apps.pdf
Ux mobile apps design (travelr)
Tips To Create An App Like Splitwise_ Cost And Features You Need To Know.pdf
Carpooling App India - UX Desin - Avjit Chinara
7 secrets to app success
Pranay Mhatre Introduction with UX Design & Research Portfolio
GDGoC UI - Learn UX, User Persona, User Flow
Patton user modeling
Personas In Product Design
Detailed Guide on Dating Mobile App Development in 2023
Mobile app-marketing-playbook
how to build engaging apps- ebook.docx
Marketing plan for an android app
Ad

More from Alena Holligan (20)

PDF
2023 Longhorn PHP - Learn to Succeed .pdf
PDF
Environmental variables
PDF
Dev parent
PDF
Dependency Injection
PDF
Dependency Management
PDF
Reduce Reuse Refactor
PDF
Organization Patterns: MVC
PDF
When & Why: Interfaces, abstract classes, traits
PDF
Object Features
PDF
Obect-Oriented Collaboration
PDF
WordCamp Portland 2018: PHP for WordPress
PDF
Let's Talk Scope
PDF
Demystifying Object-Oriented Programming #phpbnl18
PDF
Exploiting the Brain for Fun and Profit
PDF
Environmental Variables
PDF
Learn to succeed
PDF
Demystifying oop
PDF
Demystifying Object-Oriented Programming - PHP[tek] 2017
PDF
Demystifying Object-Oriented Programming - PHP UK Conference 2017
PDF
Exploiting the Brain for Fun & Profit #zendcon2016
2023 Longhorn PHP - Learn to Succeed .pdf
Environmental variables
Dev parent
Dependency Injection
Dependency Management
Reduce Reuse Refactor
Organization Patterns: MVC
When & Why: Interfaces, abstract classes, traits
Object Features
Obect-Oriented Collaboration
WordCamp Portland 2018: PHP for WordPress
Let's Talk Scope
Demystifying Object-Oriented Programming #phpbnl18
Exploiting the Brain for Fun and Profit
Environmental Variables
Learn to succeed
Demystifying oop
Demystifying Object-Oriented Programming - PHP[tek] 2017
Demystifying Object-Oriented Programming - PHP UK Conference 2017
Exploiting the Brain for Fun & Profit #zendcon2016

Recently uploaded (20)

PDF
Adobe Illustrator 28.6 Crack My Vision of Vector Design
PDF
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
PDF
Design an Analysis of Algorithms I-SECS-1021-03
PPTX
Operating system designcfffgfgggggggvggggggggg
PPTX
ai tools demonstartion for schools and inter college
PDF
How to Migrate SBCGlobal Email to Yahoo Easily
PDF
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
PDF
System and Network Administration Chapter 2
PPTX
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
PDF
Flood Susceptibility Mapping Using Image-Based 2D-CNN Deep Learnin. Overview ...
PDF
PTS Company Brochure 2025 (1).pdf.......
PDF
Adobe Premiere Pro 2025 (v24.5.0.057) Crack free
PPTX
Transform Your Business with a Software ERP System
PDF
System and Network Administraation Chapter 3
PPTX
L1 - Introduction to python Backend.pptx
PDF
Odoo Companies in India – Driving Business Transformation.pdf
PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
PDF
Which alternative to Crystal Reports is best for small or large businesses.pdf
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
PDF
How Creative Agencies Leverage Project Management Software.pdf
Adobe Illustrator 28.6 Crack My Vision of Vector Design
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
Design an Analysis of Algorithms I-SECS-1021-03
Operating system designcfffgfgggggggvggggggggg
ai tools demonstartion for schools and inter college
How to Migrate SBCGlobal Email to Yahoo Easily
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
System and Network Administration Chapter 2
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
Flood Susceptibility Mapping Using Image-Based 2D-CNN Deep Learnin. Overview ...
PTS Company Brochure 2025 (1).pdf.......
Adobe Premiere Pro 2025 (v24.5.0.057) Crack free
Transform Your Business with a Software ERP System
System and Network Administraation Chapter 3
L1 - Introduction to python Backend.pptx
Odoo Companies in India – Driving Business Transformation.pdf
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
Which alternative to Crystal Reports is best for small or large businesses.pdf
Navsoft: AI-Powered Business Solutions & Custom Software Development
How Creative Agencies Leverage Project Management Software.pdf

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.
  • 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
  • 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?
  • 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
  • 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
  • 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
  • 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