This workshop taught participants about the Product Experience Framework and how children's stories could be used to improve and inspire digital products.
2. About Jason Prunty
✤ Senior Manager, User Experience @ Billtrust
✤ Professor @ Thomas Jefferson University
✤ Design Training:
• Electrical Engineering
• Architecture
• Photography/Fine Art
3. ?
What makes a “great” story?
“For sale: Baby shoes.
Never worn.”
-Hemingway
4. Inspiration
✤ Soap Operas & long-running experiences
✤ Passive vs Active Experiences
✤ Words used to describe a design vs the
experience of the design
✤ Pleasure vs Usability vs Function
✤ User Story vs Product Story“Computer, did we
bring batteries?
Computer?”
- Eileen Gunn
5. Our Goals
✤ Break down a story into a Product Experience
Framework
✤ Apply Framework to a problem
✤ Design interactions or content related to the
framework
✤ Create a storyboard that tells the Product
Story including interactions
✤ Share with the group
“Gown removed
carelessly. Head, less
so.”
- Joss Whedon
9. Framework
✤ Product Experience Framework
OPENING MIDDLE END
THROUGHOUT
“Lie detector
eyeglasses perfected:
Civilization
collapses.”
- Richard Powers
✤ Start where a user
left off
✤ Answer question
from last
engagement
✤ Highlight work as it
is being done
✤ Count down to
complete tasks
✤ Ask a question
about their next
engagement
✤ Two elements should be
“bantering” with the user
10. Activity #1
✤ Select and review a story
✤ Create a framework hierarchy with large post-
it notes
✤ Fill in the framework, using small post-it notes,
with experiences from your book
Questions?“I’m dead. I’ve missed
you. Kiss … ?”
- Neil Gaiman
11. ✤ Product Experience Framework
OPENING MIDDLE END
THROUGHOUT
“Kirby had never
eaten toes before.”
- Kevin Smith
Activity #1
12. Activity #2
✤ Select an industry to apply your experience
framework
✤ Design a few interactions for each of your
experience bullet points
“Rained, rained,
rained, and never
stopped.”
- Howard Waldrop
13. ✤ Product Experience Framework
OPENING MIDDLE END
THROUGHOUT “TIME MACHINE
REACHES FUTURE!!!
… nobody there …”
- Harry Harrison
Activity #2
✤ Dashboard with list
of past accounts
accessed and what
was changed
✤ Oversized search
bar
✤ Important field
contents are
highlighted at the
top of the form
✤ Account next action
questions are asked
before leaving the
account
✤ Primary and secondary buttons
have witty text that shows after
they have been clicked
15. “whorl. Help! I'm
caught in a time”
- Darren Aronofsky
and Ari Handel
Activity #3
✤ Create a storyboard that details the
experience of your users with your
interactions using the large post-it notes.
Example
16. “Please, this is
everything, I swear.”
- Orson Scott Card
Done!!
Thank You.
Contact me @
Twitter-@jjprnty
LinkedIn-www.linkedin.com/in/jjprnty/