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

Users' Story: UX Storyboarding

Editor's Notes

  • #5 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
  • #6 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.
  • #8 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
  • #16 What actually is the end-users’ problem, prior to use?Do you understand the problem?Is it an important problem?
  • #17 Mad Lib: I’m trying to (insert end-users’ goal), but (insert end-users’ problem)
  • #18 Mad Lib: I’m trying to (insert end-users’ goal), but (insert end-users’ problem)
  • #19 Does the solution solve the problem completely?What are the important, “trigger” moments that need to occur for the solution to execute?
  • #20 Does the solution solve the problem completely?What are the important, “trigger” moments that need to occur for the solution to execute?
  • #21 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?
  • #22 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?
  • #23 What do you want to learn about this?Which components are you concerned about?Which components do you feel need further exploration?
  • #24 What do you want to learn about this?Which components are you concerned about?Which components do you feel need further exploration?
  • #25 Focus on the idea / concept, not the artwork
  • #26 Focus on the idea / concept, not the artwork
  • #27 Focus on the idea / concept, not the artwork
  • #38 Focus on the idea / concept, not the artwork
  • #39 Focus on the idea / concept, not the artwork