SlideShare une entreprise Scribd logo
1  sur  40
Esri User Experience Team
The Users’ Story:
UX Storyboarding
Frank Garofalo
Esri User Experience Team
CREDIT
• Derived from a SxSW 2011 presentation by:
• Joseph O’Sullivan, Intuit
• Rachel Evans, Intuit
• http://schedule.sxsw.com/events/event_IAP7349
• http://www.slideshare.net/IntuitInc/conserve-code-
storyboard-experiences-with-customers-first
STORY BOARD
STORY BOARD
A panel or series of panels of rough sketches
outlining the sequence of events
a customer will experience
before, during, and after using our product.
OUR STORYBOARD STRUCTURE
Problem
Solution
Benefit
OUR STORYBOARD STRUCTURE
OUR STORYBOARD STRUCTURE
Problem Problem
OUR STORYBOARD STRUCTURE
SolutionSolution
Solution
OUR STORYBOARD STRUCTURE
Benefit
EXAMPLE
• Scenario:
- Small Café – serving soups, salads, sandwiches
- 5-10 employees
- Currently only excepts Cash payments
- Limited Budget
- Trying to be “high-tech” & “going green”
END-USER
• Be specific
• Don’t be everything to no one
END-USER
• Be specific
• Don’t be everything to no one
END-USER
• Be specific
• Don’t be everything to no one
1
minCafé Owner & Employees
For example:
PROBLEM
• I am trying to: ____________
BUT ____________________
• Prior to use
• CAREFUL: Don’t insert your
solutions as the problem
Problem Problem
PROBLEM
Problem Problem
• I am trying to: ____________
BUT ____________________
• Prior to use
• CAREFUL: Don’t insert your
solutions as the problem
PROBLEM
Problem Problem
• I am trying to: ____________
BUT ____________________
• Prior to use
• CAREFUL: Don’t insert your
solutions as the problem
3
min
I’m trying to offer credit card payments,
but I can’t afford monthly payments for traditional CC service
SOLUTION
• What are the important
moments that need to occur
for the solution to execute
• “Trigger Moments”
Solution Solution
SOLUTION
• What are the important
moments that need to occur
for the solution to execute
• “Trigger Moments”
4
min
Solution Solution
Smartphone app & reader device to accept POS transactions
and online service for transaction ledger & reports
BENEFIT
• What would a customer say is
great about your solution.
• Do not regurgitate the feature
list.
Benefit
BENEFIT
• What would a customer say is
great about your solution.
• Do not regurgitate the feature
list.
3
min
Benefit
Customers are now happy they can pay by credit card.
Café owner finds the app easy to use and increased productivity.
LEARNING
• Goal:
Gather as much new
feedback as possible
Customer
Problem
Do you understand the problem?
Is it an important problem?
Solution
Does your solution solve the
problem completely?
Customer
Benefit
What is good about your idea
from the user’s perspective?
LEARNING
• Goal:
Gather as much new
feedback as possible
What is the familiarity of the Café Owner & employees with
Smartphone applications?
Customer
Problem
Do you understand the problem?
Is it an important problem?
Solution
Does your solution solve the
problem completely?
Customer
Benefit
What is good about your idea
from the user’s perspective?
TIME TO DRAW
BUT, I CAN’T DRAW
1 MINUTE DRAWING LESSON
1
min
Quick Drawing Lesson
Quick Drawing Lesson
Quick Drawing Lesson
Quick Drawing Lesson
Quick Drawing Lesson
Quick Drawing Lesson
Quick Drawing Lesson
Quick Drawing Lesson
Quick Drawing Lesson
My Example Storyboard
Handheld device, credit card processing
Café Owner & Employees
Cash
Only
?
Easy Set-up & Configuration
Process
Frustrated Customers b/c
can only pay with cash
Limited budget to afford
traditional CC processing
Employees use reader device
& smartphone for transactions
Café Owner can see ledger
& generate reports online
Café Owner’s & employee familiarity with smartphone apps?
Customers can pay with
credit cards, revenue increase
DRAW
5
min
SHARE
4
min
Users' Story: UX Storyboarding
Users' Story: UX Storyboarding

Contenu connexe

Tendances

Tendances (20)

UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
UX lesson 3: Usability First
UX lesson 3: Usability FirstUX lesson 3: Usability First
UX lesson 3: Usability First
 
What is UX?
What is UX?What is UX?
What is UX?
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
Ux design process
Ux design processUx design process
Ux design process
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
Lean UX
Lean UXLean UX
Lean UX
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 

Similaire à Users' Story: UX Storyboarding

Entrepreneurship Workshop at IE
Entrepreneurship Workshop at IEEntrepreneurship Workshop at IE
Entrepreneurship Workshop at IE
Max Oliva
 
Applying lean ux in designing enterprise software from ground up
Applying lean ux in designing enterprise software from ground upApplying lean ux in designing enterprise software from ground up
Applying lean ux in designing enterprise software from ground up
Kok Chiann
 
Prototype & test
Prototype & testPrototype & test
Prototype & test
alfred_lee
 

Similaire à Users' Story: UX Storyboarding (20)

PMs & the Art of Storytelling by Amazon & United Airlines Sr PMs
PMs & the Art of Storytelling by Amazon & United Airlines Sr PMsPMs & the Art of Storytelling by Amazon & United Airlines Sr PMs
PMs & the Art of Storytelling by Amazon & United Airlines Sr PMs
 
What Is Innovation — Really?
What Is Innovation — Really?What Is Innovation — Really?
What Is Innovation — Really?
 
Pitch incredibly
Pitch incrediblyPitch incredibly
Pitch incredibly
 
Rapid prototyping and how to avoid building a product nobody wants
Rapid prototyping and how to avoid building a product nobody wantsRapid prototyping and how to avoid building a product nobody wants
Rapid prototyping and how to avoid building a product nobody wants
 
dtbanking.pptx
dtbanking.pptxdtbanking.pptx
dtbanking.pptx
 
UX workshop
UX workshopUX workshop
UX workshop
 
Building a wow product by @RuthlessUx
Building a wow product by @RuthlessUxBuilding a wow product by @RuthlessUx
Building a wow product by @RuthlessUx
 
Design thinking to create user centered products
Design thinking to create user centered productsDesign thinking to create user centered products
Design thinking to create user centered products
 
UX Field Research Toolkit - A Workshop at Big Design - 2017
UX Field Research Toolkit - A Workshop at Big Design - 2017UX Field Research Toolkit - A Workshop at Big Design - 2017
UX Field Research Toolkit - A Workshop at Big Design - 2017
 
Startup Pitching and Mobile App Startup
Startup Pitching and Mobile App StartupStartup Pitching and Mobile App Startup
Startup Pitching and Mobile App Startup
 
Customer Development for Startups
Customer Development for StartupsCustomer Development for Startups
Customer Development for Startups
 
The ROI Of User Experience: Consider, Calculate & Measure Success
The ROI Of User Experience: Consider, Calculate & Measure SuccessThe ROI Of User Experience: Consider, Calculate & Measure Success
The ROI Of User Experience: Consider, Calculate & Measure Success
 
Entrepreneurship Workshop at IE
Entrepreneurship Workshop at IEEntrepreneurship Workshop at IE
Entrepreneurship Workshop at IE
 
Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019
 
Applying lean ux in designing enterprise software from ground up
Applying lean ux in designing enterprise software from ground upApplying lean ux in designing enterprise software from ground up
Applying lean ux in designing enterprise software from ground up
 
Prototype & test
Prototype & testPrototype & test
Prototype & test
 
Best of Lean Startup and Scrum for product development and enhancement
Best of  Lean Startup and Scrum  for product development and enhancementBest of  Lean Startup and Scrum  for product development and enhancement
Best of Lean Startup and Scrum for product development and enhancement
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Produkt Tank Amsterdam PULSE UX
Produkt Tank Amsterdam PULSE UX Produkt Tank Amsterdam PULSE UX
Produkt Tank Amsterdam PULSE UX
 
Product Tank Amsterdam Pulse UX Presentation
Product Tank Amsterdam Pulse UX PresentationProduct Tank Amsterdam Pulse UX Presentation
Product Tank Amsterdam Pulse UX Presentation
 

Plus de Frank Garofalo

Plus de Frank Garofalo (20)

Resident Engagement Focus to Increasing Productivity and Efficiency - ACUHO-I...
Resident Engagement Focus to Increasing Productivity and Efficiency - ACUHO-I...Resident Engagement Focus to Increasing Productivity and Efficiency - ACUHO-I...
Resident Engagement Focus to Increasing Productivity and Efficiency - ACUHO-I...
 
Toolkit Workshop: Learn Methods and Techniques for Understanding your Target ...
Toolkit Workshop: Learn Methods and Techniques for Understanding your Target ...Toolkit Workshop: Learn Methods and Techniques for Understanding your Target ...
Toolkit Workshop: Learn Methods and Techniques for Understanding your Target ...
 
San Diego Startup Week 2019 Idea Track Lightning Talk Wed May 29
San Diego Startup Week 2019 Idea Track Lightning Talk Wed May 29San Diego Startup Week 2019 Idea Track Lightning Talk Wed May 29
San Diego Startup Week 2019 Idea Track Lightning Talk Wed May 29
 
Garofalo UX: Training
Garofalo UX: TrainingGarofalo UX: Training
Garofalo UX: Training
 
Pitch and Critique Method
Pitch and Critique MethodPitch and Critique Method
Pitch and Critique Method
 
Idea Generation and Evaluation Workshop
Idea Generation and Evaluation WorkshopIdea Generation and Evaluation Workshop
Idea Generation and Evaluation Workshop
 
Garofalo UX - Portfolio 2018
Garofalo UX - Portfolio 2018Garofalo UX - Portfolio 2018
Garofalo UX - Portfolio 2018
 
Startup San Diego - Volunteer Onboarding 2018 (v2)
Startup San Diego - Volunteer Onboarding 2018 (v2)Startup San Diego - Volunteer Onboarding 2018 (v2)
Startup San Diego - Volunteer Onboarding 2018 (v2)
 
The Business of UX - Being a Designer Is Not Enough
The Business of UX - Being a Designer Is Not EnoughThe Business of UX - Being a Designer Is Not Enough
The Business of UX - Being a Designer Is Not Enough
 
Ideas, Human Experience, & ROI
Ideas, Human Experience, & ROIIdeas, Human Experience, & ROI
Ideas, Human Experience, & ROI
 
ROI + Brainstorming
ROI + BrainstormingROI + Brainstorming
ROI + Brainstorming
 
Esri User Conference 2016 - UX & UI activities
Esri User Conference 2016 - UX & UI activitiesEsri User Conference 2016 - UX & UI activities
Esri User Conference 2016 - UX & UI activities
 
User Experience (UX) & User Interface (UI) Exchange 2016
User Experience (UX) & User Interface (UI) Exchange 2016User Experience (UX) & User Interface (UI) Exchange 2016
User Experience (UX) & User Interface (UI) Exchange 2016
 
Esri DevSummit 2016 - Journey Canvas:
Esri DevSummit 2016 - Journey Canvas: Esri DevSummit 2016 - Journey Canvas:
Esri DevSummit 2016 - Journey Canvas:
 
DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 2 of 2)
DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 2 of 2)DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 2 of 2)
DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 2 of 2)
 
DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 1 of 2)
DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 1 of 2)DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 1 of 2)
DevSummit 2016 PreSummit Workshop: Getting to Know Your Users (Part 1 of 2)
 
Purdue GIS Day 2015 Keynote - It's All About the Journey
Purdue GIS Day 2015 Keynote - It's All About the JourneyPurdue GIS Day 2015 Keynote - It's All About the Journey
Purdue GIS Day 2015 Keynote - It's All About the Journey
 
Purdue GIS Day 2015 - Ideation Workshop
Purdue GIS Day 2015 - Ideation WorkshopPurdue GIS Day 2015 - Ideation Workshop
Purdue GIS Day 2015 - Ideation Workshop
 
The Art of User Experience: Methodologies Around Designing Great Apps
The Art of User Experience: Methodologies Around Designing Great AppsThe Art of User Experience: Methodologies Around Designing Great Apps
The Art of User Experience: Methodologies Around Designing Great Apps
 
Brainstorming in an Agile World, present- Esri UC 2015
Brainstorming in an Agile World, present- Esri UC 2015Brainstorming in an Agile World, present- Esri UC 2015
Brainstorming in an Agile World, present- Esri UC 2015
 

Dernier

Dernier (20)

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 

Users' Story: UX Storyboarding

Notes de l'éditeur

  1. Start with an hypothesis and use wireframes through storyboards to explore the story.Try to get more honest feedbackGo broad to go narrow – a funnelRapid experimentation with customers
  2. For this presentation, we will refer to a storyboard as a panel or series of panels of rough sketches outlining the sequence of events a customer will experience before, during, and after using our product.
  3. Our basic structure for the storyboard to tell the end-users’ storyFocus on the idea / concept, not the artwork3-4 bullet points will go into each cell block
  4. What actually is the end-users’ problem, prior to use?Do you understand the problem?Is it an important problem?
  5. Mad Lib: I’m trying to (insert end-users’ goal), but (insert end-users’ problem)
  6. Mad Lib: I’m trying to (insert end-users’ goal), but (insert end-users’ problem)
  7. Does the solution solve the problem completely?What are the important, “trigger” moments that need to occur for the solution to execute?
  8. Does the solution solve the problem completely?What are the important, “trigger” moments that need to occur for the solution to execute?
  9. What is good about your idea from the users’ perspective?What would a user say is great about your solution? (Do not repeat the feature list)If they are currently using something else, would they switch to your solution? Would they never go back to their previous solution?
  10. What is good about your idea from the users’ perspective?What would a user say is great about your solution? (Do not repeat the feature list)If they are currently using something else, would they switch to your solution? Would they never go back to their previous solution?
  11. What do you want to learn about this?Which components are you concerned about?Which components do you feel need further exploration?
  12. What do you want to learn about this?Which components are you concerned about?Which components do you feel need further exploration?
  13. Focus on the idea / concept, not the artwork
  14. Focus on the idea / concept, not the artwork
  15. Focus on the idea / concept, not the artwork
  16. Focus on the idea / concept, not the artwork
  17. Focus on the idea / concept, not the artwork