SlideShare 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 defining the Specs & Functions



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




Storyboard-like Wireframing & Task Flows defining the Specs & Functions

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



Get the big Picture
second point is....



Avoid to say “The User“
A User represents always one single Person within a specific 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

Similar to Storytelling as a Design Tool

Writing a Story.pptx
Writing a Story.pptxWriting a Story.pptx
Writing a Story.pptx
arun kumar
 
Textile Design Cycle Summative
Textile Design Cycle SummativeTextile Design Cycle Summative
Textile Design Cycle Summative
Angela DeHart
 
User Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsUser Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable Products
Kelley Howell
 
Storymapping, personas, and scenarios
Storymapping, personas, and scenariosStorymapping, personas, and scenarios
Storymapping, personas, and scenarios
Kelley Howell
 
User Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsUser Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable Products
uxpin
 
Be Ready, Be Done: The Art of Slicing Stories
Be Ready, Be Done: The Art of Slicing StoriesBe Ready, Be Done: The Art of Slicing Stories
Be Ready, Be Done: The Art of Slicing Stories
Raj Indugula
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Kiera McMaster
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Gessica Puri
 
UX. How to start?
UX. How to start?UX. How to start?
UX. How to start?
Oleksandr Lisovskyi
 
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWEDVIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
ElysaMicu
 
Design Thinking Intro.
Design Thinking Intro.Design Thinking Intro.
Design Thinking Intro.
MrsKateThoma
 
Exploring UX / Customer Research
Exploring UX / Customer Research Exploring UX / Customer Research
Exploring UX / Customer Research
Manu Gupta
 
Patton Building Better Products Using.pdf
Patton Building Better Products Using.pdfPatton Building Better Products Using.pdf
Patton Building Better Products Using.pdf
Aung Ko Ko Thet
 
Storytelling inproductmanagement v0.3
Storytelling inproductmanagement v0.3Storytelling inproductmanagement v0.3
Storytelling inproductmanagement v0.3
ISPMAIndia
 
Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)
Above the Fold
 
Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)
Joe Baz
 
basic-addition-and-subtraction-math-pre-k.pptx
basic-addition-and-subtraction-math-pre-k.pptxbasic-addition-and-subtraction-math-pre-k.pptx
basic-addition-and-subtraction-math-pre-k.pptx
arny43500
 
Generative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam MaterialGenerative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam Material
Misael Leon
 

Similar to Storytelling as a Design Tool (20)

Writing a Story.pptx
Writing a Story.pptxWriting a Story.pptx
Writing a Story.pptx
 
Textile Design Cycle Summative
Textile Design Cycle SummativeTextile Design Cycle Summative
Textile Design Cycle Summative
 
User Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsUser Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable Products
 
Storymapping, personas, and scenarios
Storymapping, personas, and scenariosStorymapping, personas, and scenarios
Storymapping, personas, and scenarios
 
User Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsUser Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable Products
 
Be Ready, Be Done: The Art of Slicing Stories
Be Ready, Be Done: The Art of Slicing StoriesBe Ready, Be Done: The Art of Slicing Stories
Be Ready, Be Done: The Art of Slicing Stories
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Design Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: WireframeDesign Process | Tool 02: Scenario - Tool 03: Wireframe
Design Process | Tool 02: Scenario - Tool 03: Wireframe
 
UX. How to start?
UX. How to start?UX. How to start?
UX. How to start?
 
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWEDVIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
VIEWED.pptx DETERMINING RELEVANCE IN THE MATERIAL VIEWED
 
Design Thinking Intro.
Design Thinking Intro.Design Thinking Intro.
Design Thinking Intro.
 
Exploring UX / Customer Research
Exploring UX / Customer Research Exploring UX / Customer Research
Exploring UX / Customer Research
 
Patton Building Better Products Using.pdf
Patton Building Better Products Using.pdfPatton Building Better Products Using.pdf
Patton Building Better Products Using.pdf
 
Storytelling inproductmanagement v0.3
Storytelling inproductmanagement v0.3Storytelling inproductmanagement v0.3
Storytelling inproductmanagement v0.3
 
Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)
 
Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)Solution Design - The Hidden Side of UX (for Product Managers)
Solution Design - The Hidden Side of UX (for Product Managers)
 
Hci intro + task
Hci intro + taskHci intro + task
Hci intro + task
 
basic-addition-and-subtraction-math-pre-k.pptx
basic-addition-and-subtraction-math-pre-k.pptxbasic-addition-and-subtraction-math-pre-k.pptx
basic-addition-and-subtraction-math-pre-k.pptx
 
Define
DefineDefine
Define
 
Generative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam MaterialGenerative Research Workshop by Nearsoft — Amsterdam Material
Generative Research Workshop by Nearsoft — Amsterdam Material
 

Recently uploaded

一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
TeeFusion
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
fastfixgaragedoor
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
Alvis Oh
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 

Recently uploaded (20)

一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 

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 defining the Specs & Functions Image Credit: ,Storyboards‘ by Chris Campbell / Flickr: http://www.flickr.com/photos/cgc/
  • 9. hm, wouldn‘t it be cool if there is a possibility to.... *IDEA* Storyboard-like Wireframing & Task Flows defining the Specs & Functions and will help you on ideation!
  • 11. first 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 specific 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