SlideShare una empresa de Scribd logo
1 de 26
Descargar para leer sin conexión
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

Más contenido relacionado

Similar a Storytelling as a Design Tool

Writing a Story.pptx
Writing a Story.pptxWriting a Story.pptx
Writing a Story.pptxarun kumar
 
Textile Design Cycle Summative
Textile Design Cycle SummativeTextile Design Cycle Summative
Textile Design Cycle SummativeAngela 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 ProductsKelley Howell
 
Storymapping, personas, and scenarios
Storymapping, personas, and scenariosStorymapping, personas, and scenarios
Storymapping, personas, and scenariosKelley 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 Productsuxpin
 
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 StoriesRaj Indugula
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience DesignKiera 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: WireframeGessica Puri
 
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.pdfAung Ko Ko Thet
 
Storytelling inproductmanagement v0.3
Storytelling inproductmanagement v0.3Storytelling inproductmanagement v0.3
Storytelling inproductmanagement v0.3ISPMAIndia
 
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
 
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 MaterialMisael Leon
 
Final report daniel_d_kim_nathanlo_shinahkang
Final report daniel_d_kim_nathanlo_shinahkangFinal report daniel_d_kim_nathanlo_shinahkang
Final report daniel_d_kim_nathanlo_shinahkangDanielDType
 

Similar a 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?
 
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
 
Define
DefineDefine
Define
 
Effectcup promo en
Effectcup promo enEffectcup promo en
Effectcup promo en
 
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
 
Final report daniel_d_kim_nathanlo_shinahkang
Final report daniel_d_kim_nathanlo_shinahkangFinal report daniel_d_kim_nathanlo_shinahkang
Final report daniel_d_kim_nathanlo_shinahkang
 

Último

Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 

Último (19)

Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 

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