狠狠撸

狠狠撸Share a Scribd company logo
Storytelling as a Design Tool
Stefanie Kegel
UX / Interaction Designer

www.guerillagirl.de
twitter: @guerillagirl_




          Hi!
Why Storytelling?
We all like Stories
Storys are easy to
   remember
Storys will lead to
the ,Backlog‘ of your
      Product
Interactive Products are
        narrative
Storyboard-like Wireframing & Task Flows de?ning the Specs & Functions



                         Image Credit: ,Storyboards‘ by Chris Campbell / Flickr:   http://www.?ickr.com/photos/cgc/
hm, wouldn‘t it be cool
                                                                 if there is a possibility
                                                                       to.... *IDEA*




Storyboard-like Wireframing & Task Flows de?ning the Specs & Functions

                    and will help you on ideation!
Getting Started
?rst point is....



Get the big Picture
second point is....



Avoid to say “The User“
A User represents always one single Person within a speci?c Usergroup
third point is....



It‘s all about Goals &
          Needs!
Example: A Webapp to do a weekly food plan




Remember: Who actually is your cutomer/user - you will tell their story!
Lena is trying to___________________________________________ , but

____________________________________________.
make a weekly food plan
Lena is trying to___________________________________________ , but
she has to consider the food allergy of her kids!
____________________________________________.
Goal


                   make a weekly food plan
Lena is trying to___________________________________________ , but
she has to consider the food allergy of her kids!
____________________________________________.



                                     Problem
Have fun when sketching!




                                    Solution 1                       Solution 2



                                   Goal &
                                   Problem &
                                   Solution Descriptions
                                   Benefits for our User?

additional: User Status? (angry,
happy, excited...)




                                       Solution 3                       Solution 4




                                                                   Source:   http://www.konigi.com/tools/graph-paper
Stories help people to create a shared understanding of Needs & Goals
Stories help people to create a shared understanding of Needs & Goals


Stories help us to see a bigger , clearer Picture and make this abstrcat, cluttered
thing (the later web app or product) come ?alive“
Stories help people to create a shared understanding of Needs & Goals


Stories help us to see a bigger , clearer Picture and make this abstrcat, cluttered
thing (the later web app or product) come ?alive“


Stories are a great tool to generate more and useful Ideas even within yr team
Stories help people to create a shared understanding of Needs & Goals


Stories help us to see a bigger , clearer Picture and make this abstract, cluttered
thing (the later web app or product) come ?alive“


Stories are a great tool to generate more and useful Ideas even within yr team


Stories help us to communicate and sell design solutions to clients
It hurts less to kill some paper sheets rather than the code
                 of a ready-to-go application
Thank you!
Recommended Reads:




Storytelling for User Experience                         The Inmates are running the asylum
by Whitney Quesenbery & Kevin Brooks / Rosenfeld Media   by Alan Cooper

More Related Content

Storytelling as a Design Tool

  • 1. Storytelling as a Design Tool
  • 2. Stefanie Kegel UX / Interaction Designer www.guerillagirl.de twitter: @guerillagirl_ Hi!
  • 4. We all like Stories
  • 5. Storys are easy to remember
  • 6. Storys will lead to the ,Backlog‘ of your Product
  • 8. Storyboard-like Wireframing & Task Flows de?ning the Specs & Functions Image Credit: ,Storyboards‘ by Chris Campbell / Flickr: http://www.?ickr.com/photos/cgc/
  • 9. hm, wouldn‘t it be cool if there is a possibility to.... *IDEA* Storyboard-like Wireframing & Task Flows de?ning the Specs & Functions and will help you on ideation!
  • 11. ?rst point is.... Get the big Picture
  • 12. second point is.... Avoid to say “The User“
  • 13. A User represents always one single Person within a speci?c Usergroup
  • 14. third point is.... It‘s all about Goals & Needs!
  • 15. Example: A Webapp to do a weekly food plan Remember: Who actually is your cutomer/user - you will tell their story!
  • 16. Lena is trying to___________________________________________ , but ____________________________________________.
  • 17. make a weekly food plan Lena is trying to___________________________________________ , but she has to consider the food allergy of her kids! ____________________________________________.
  • 18. Goal make a weekly food plan Lena is trying to___________________________________________ , but she has to consider the food allergy of her kids! ____________________________________________. Problem
  • 19. Have fun when sketching! Solution 1 Solution 2 Goal & Problem & Solution Descriptions Benefits for our User? additional: User Status? (angry, happy, excited...) Solution 3 Solution 4 Source: http://www.konigi.com/tools/graph-paper
  • 20. Stories help people to create a shared understanding of Needs & Goals
  • 21. Stories help people to create a shared understanding of Needs & Goals Stories help us to see a bigger , clearer Picture and make this abstrcat, cluttered thing (the later web app or product) come ?alive“
  • 22. Stories help people to create a shared understanding of Needs & Goals Stories help us to see a bigger , clearer Picture and make this abstrcat, cluttered thing (the later web app or product) come ?alive“ Stories are a great tool to generate more and useful Ideas even within yr team
  • 23. Stories help people to create a shared understanding of Needs & Goals Stories help us to see a bigger , clearer Picture and make this abstract, cluttered thing (the later web app or product) come ?alive“ Stories are a great tool to generate more and useful Ideas even within yr team Stories help us to communicate and sell design solutions to clients
  • 24. It hurts less to kill some paper sheets rather than the code of a ready-to-go application
  • 26. Recommended Reads: Storytelling for User Experience The Inmates are running the asylum by Whitney Quesenbery & Kevin Brooks / Rosenfeld Media by Alan Cooper