Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Product design through stories

D36d2c1821af9249b69ff7f5ed60529b?s=47 Tammie Lister
December 07, 2018
Design
0
160

Product design through stories

D36d2c1821af9249b69ff7f5ed60529b?s=128

Tammie Lister

December 07, 2018
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
1
110
CSS in the editor
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
0
47
Global styles the story so far
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
1
250
Dropped stitches and tangled yarn - a call to simplify WordPress
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
1
190
Being Brave
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
1
320
Lessons from growing design in the open
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
0
180
Thinking in patterns
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
0
43
Design matters in open source
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
1
150
Opportunity of Open Source
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
0
140

Other Decks in Design

See All in Design
Rakuma Developers
8b62efd8d4dd7c134243b785993c5f63?s=48 nojirakuten
0
2.4k
Designing Experiences For Indian Users - T-Hub
Ad94879495e21b7362d0d2c845f44bc0?s=48 soham
0
110
サービス設計12箇条で紐解く「サービスデザイン思考」
40638b9e3a098313234f358d35103735?s=48 y150saya
0
610
Forget-me-not
B9f1579b53c0fd588aa685f98d97076d?s=48 kackington
1
220
The Triangle
936338cf2e2eb7fbaadc60850935d0fb?s=48 wallabites
0
150
デザイン編 Hatena Engineer Seminar #19
7ee8ca88aa7f99cafd91a79f9734668c?s=48 takuwolog
3
740
DMM.comデザイン部_プロダクトデザイナービジョン
635b0000e69f3203c8b41df47293d451?s=48 takumasaito
0
280
The HIG & Software UI Design
A4c8177aa00623c9593f10be748b3861?s=48 usagimaru
3
1.4k
新卒UIデザイナーが職種を超えて活躍するために意識した2つの視点
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
920
Monoxer Brand Guideline
2a8387f23d70f68047f0b8c32439a292?s=48 monoxer
0
8.8k
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
2174bd20a68bf55c494a424ad3790f4a?s=48 1024jp
3
600
UXとUIから知るプロダクトデザイン研修
635b0000e69f3203c8b41df47293d451?s=48 takumasaito
2
250

Featured

See All Featured
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
In The Pink: A Labor of Love
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
131
21k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
290k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
We Have a Design System, Now What?
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
35
3k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
119
28k
It's Worth the Effort
Ba530e786553390f3fb271848485681c?s=48 3n
172
26k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k

Transcript

  1. Product design through stories Tammie Lister : @karmatosed

  2. None
  3. None

  4. Tea pigs

  5. “We are, as a species, addicted to story. 
 Even

    when the body goes to sleep, the mind stays up all night, telling itself stories. “
 
 — John Gottschall
  6. None
  7. None
  8. None

  9. The structure of a story

  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None

  17. Märchen: 
 “fairy tales”, take place in once-upon-a-time

  18. Sagen: 
 “legends”, supposed to have actually happened

  19. A product’s stories

  20. None

  21. airbnb.com/stories

  22. everlane.com

  23. mattandnat.com

  24. eu.patagonia.com/gb/en/worn-wear.html

  25. monzo.com

  26. None

  27. “Years ago, my friend Betty woke me at 1:30am –

    the first night she had a new MacBook Pro. “It’s breathing! It’s breathing!,” she exclaimed. Betty had just put the computer to sleep for the first time, and the pulsating snooze indicator had her feeling that she not only had a new computer, but also a new friend.” mindtheproduct.com/2016/09/the-importance-of-passionate-stories-to-product-design

  28. Discovering stories

  29. None

  30. Short stories: surveys*, testimonials, reviews, support tales, social media *well

    not all…..

  31. Long stories: interviews, observations, diary studies…

  32. None

  33. Keeping stories

  34. None
  35. None

  36. Telling stories

  37. Stories: Keep focus on users.

  38. Stories: Enable collaboration.

  39. Stories: Fuel creativity.

  40. Stories: Unite.

  41. “When we read a story, not only do the language

    parts of our brains light up, but any other part of the brain that we would use if we were actually experiencing what we’re reading about becomes activated as well.” 
 ~Rachel Gillett
  42. None
  43. None

  44. donnalichaw.com/toolkit

  45. donnalichaw.com/toolkit

  46. None
  47. None

  48. Experience: Creating the visual story is crucial to recall.

  49. Report: If it happened, report it.

  50. Archive: If it happened, if it was reported, archive it.

  51. Review: Change happens and your stories change.

  52. Creating stories

  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None

  60. “The details are not the details. They make the design”

    - Charles Eames

  61. teapings.co.uk

  62. None
  63. None

  64. Start with stories

  65. None
  66. None
  67. None

  68. Thanks, questions Tammie Lister : @karmatosed Slides: speakerdeck.com/tammielis/product-design-through-stories ?