Creating meaningful experiences — re:publica XI workshop

1. CreatingmeaningfulexperiencesHannes JentschMartin JordanJohannes SchardtChristophe StollRE:DESIGN @ RE:PUBLICA XI13. April 2011

2. 30.000 neue Produkteerreichen jedes Jahrdeutsche Supermärkte,

3. 30.000 neue Produkteerreichen jedes Jahrdeutsche Supermärkte,70% von ihnenscheitern innerhalbvon 365 Tagen.** Studie über Innovationsﬂops bei ›Fast moving consumer goods‹ vom Markenverband, Serviceplan und der Gesellschaft für Konsumforschung, zitiert in ›brand eins‹ 09/2006

4. Wie viele der über350.000* Programmein Apples App Storewerden mehr als 5.000mal installiert?* Pressmitteilung Apple Inc. vom 22. Januar 2011

5. „60 Prozent derInnovationﬂops pas-sieren, weil die Marken-artikler sich schon imKonzept verkalkulierenbei: Qualität, Leistung,Preis, Zielgruppen undInnovationsgrad.“— ›brand eins‹ 09/2006

6. Design Thinking ist einMittel, um für Nutzerrelevante Produkte undServices zu kreieren.

7. Design Thinkingist Methode,ist Framework,ist Haltung.

8. Design Thinking ist … NUTZERZENTRIERT KOLLABORATIV ITERATIV

9. WORKSHOP ROADMAPHINTERGRUND NUTZER TOUCHPOINTS KONZEPT RECAP

10. INPUTEcosystem of Screens

11. Als Designstudio sind wir über diverse Projekte auf sehr unterschiedliche Screens und Umfelder jenseits des PC gestoßen.

12. Ecosystem of screensAm interessantesten finden wir die Frage, wie wir für Nutzer spannende und sinnvolle Dramaturgien für deren „Ecosystem of Screens“,also die Interaktion über mehrere sehr unterschiedliche Endgeräte und Nutzungsszenarien hinweg, entwerfen können. Illustration (c) http://www.kylebean.co.uk

13. Smartphone Personal Computer Tablet (and E-Reader) TV (and Game Console)Wir konzentrieren uns zur Zeit auf vier Gerätetypen und wollen hierzu auf den folgenden Folien einige Zusammenhänge beleuchten.

14. Devices sind zunehmend untereinander vernetzt — sie „wissen voneinander“.

15. Sie sind jederzeit mit ihren Nutzern und mit dem Internet verbunden.

16. Wir gestalten und entwickeln also nicht nur Produkte oder Services ...

17. … sondern auch ihre Beziehungen. Wir entwerfen Systeme.

18. No product is an island. A product is more than the product. It is a cohesive, integrated set of experiences. … Make them all work together seamlessly. Thats systems thinking.Don Norman, 2010Quelle: http://jnd.org/dn.mss/systems_thinking_a_product_is_more_than_the_product.html

19. Ein Buch lesen:Ein Beispielszenario: ein Buch zu lesen bedeutet mehr als „nur“ Lesen.

20. Die Beziehung zwischen Leser und Buch ist vielseitig und entwickelt sich mit der Zeit: wir erfahren von einem Buch, kaufen es, lesen zuunterschiedlichen Zeitpunkten an verschiedenen Orten, setzen Lesezeichen, machen uns Notizen und sortieren es nach persönlichenKriterien in unser Bücherregal ein und empfehlen es unseren Freunden weiter.

31. Der Lebenszyklus eines Buchs = TOUCHPOINTSMorgens BuchkaufMittags Lesen ins RegalAbends EmpfehlungNachts Empfehlung Dienstag Mittwoch Donnerstag Freitag Samstag Sonntag

32. Ein E-Book lesen:Dasselbe trifft zu, wenn wir Bücher elektronisch lesen. Auch hier sollte eine Beziehung zwischen Leser und Buch entstehen können.

35. Amazon bietet mit dem Kindle nicht nur ein eigenes Lesegerät für E-Books an, sondern ein komplettes Ökosystem. Bücher könnengesucht, gekauft, gelesen, annotiert, archiviert und weiterempfohlen werden. Es stehen zusätzlich zur eigenen Hardware Kindle-Anwendungen für zahlreiche Plattformen und Endgeräte zur Verfügung.

36. • Leseposition Markierungen & Notizen Bücherregal • •Man liest ein Buch in unterschiedlichen Situationen über verschiedene Endgeräte hinweg – die aktuelle Leseposition, Lesezeichen,Markierungen oder Notizen sowie das persönliche digitale Bücherregal sind immer und überall verfügbar und jederzeit syncron.

37. Patterns für Multiscreen Strategien Coherence Syncronization Screen sharing Device Shifting Complementarity SimultaneityBeim Kindle-Beispiel stehen Kohärenz und Synchronisation im Vordergrund – die Anwendung ist spezifisch für die jeweiligen Plattformenund Endgeräte optimiert, Leseposition und Daten sind immer syncron. Wir haben weitere Strategien zum Umgang mit dem „Ecosystem ofScreens“ beobachtet und als Patterns für Multiscreen Strategien dokumentiert (eine öffentlich zugängliche Version ist in Arbeit).

38. Nutzer.Im Mittelpunkt dieser Systeme für das „Ecosystem of Screens“ stehen jedoch nicht Technologien, sondern Nutzer.

39. Viele sehr unterschiedliche Nutzer.Nutzer haben sehr unterschiedlich ausgeprägte Bedürfnisse, Gewohnheiten und Verhaltensmuster.

40. Kontext.Und erleben sehr unterschiedliche Situationen.

41. Kontext.Diese Situationen bestimmen die Wahrnehmung und das Erlebnis von digitalen Produkten und Services maßgeblich.

42. Reaktionen aus früheren Workshops.Wir haben zahlreiche, sehr unterschiedliche Workshops rund um das „Ecosystem of Screens“ durchgeführt – bei Unternehmen, Agenturen,Hochschulen – und wollen ausgewählte Reaktionen von Teilnehmer/innen als Ausgangspunkt und Diskussionsgrundlage für den „CreatingMeaningful Experiences“ Workshop nutzen.

43. Ich schau Fussball nurnoch mit mindestensdrei Screens parallel!

44. Ich kann mich nicht aufzwei Dinge gleichzeitigkonzentrieren.

45. Ich habe immer mehrMöglichkeiten, kriege aberimmer weniger gebacken.

46. Ich hätte gerne EINintelligentes Gerät, dasALLES kann.

47. Ich bin doch jetzt schonreizüberflutet.

48. ACTION Teamﬁndung

49. Mit Hilfe von Puzzleteilen ﬁnden sich die Gruppen binnenweniger Augenblicke zusammen.

50. INPUTQualitative Nutzerrecherche

51. Diverse ähnlicheFrameworks:D-School Potsdam

52. Diverse ähnlicheFrameworksd.school Standford

53. Diverse ähnlicheFrameworksIDEO

54. Diverse ähnlicheFrameworksFjord

55. Ihre Gemeinsamkeit: EMPATHIE

56. EMPATHIEWAS?• nachempﬁnden was der Andere empﬁndet• widerspiegeln von Ausdruck, Meinung und Erwartungen

57. EMPATHIEWARUM?• um Menschen, ihre expliziten und impliziten Wünsche & Bedürfnisse zu verstehen und nachvollziehen zu können• um aus diesen eine Aufgabe & Herausforderung zu deﬁnieren

58. EMPATHIEWIE?• ohne Vorurteile• mit neuem Blick• neugierig• optimistisch• respektvoll

59. EMPATHIEWIE?• Interviews• Beobachtung• Selbsttest• ›Cultural Probes‹

60. EMPATHIEWIE? Gedanken Aussagen Empﬁndungen Handlungen

61. EMPATHIEWO?• Hauptnutzer• Experten• Extremnutzer• Analogien

62. ACTIONBeobachten und verstehen

63. CULTURAL PROBES(16+ Bilder aus dem Tag eines unbekannten Menschen + 1 Persona-Fragebogen)

64. Die Fotos, auf denen der Fotograf selbst nicht zu sehen ist, werdennach Spuren seines Alters, Geschlechts und Hintergrundes untersucht.

65. OUTPUT Persona

66. Binnen 10 Minuten ist eine erfassbare Persona (re-)konstruiert.Foto: Alexander Johmannhttp://www.ﬂickr.com/photos/alexander_johmann/5615977375/

67. INPUTTouchpoint-Identiﬁzierung & Szenarioentwicklung

68. Es folgt die … HERAUSFORDERUNG

69. Diese heißt: »NEUIGKEITEN«

70. (im weiteren Sinne) »NEUIGKEITEN«

71. ... und ihre Verknüpfung TOUCHPOINTS

72. „Was interessiert Eure Person?“„In welchen Situationen nimmt sie wie Neuigkeiten auf?“

73. → Lebenszyklus Buch SZENARIOENTWICKLUNG

74. MORGENS VORMITTAGS MITTAGS NACHMITTAGS ABENDS NACHTSWAS?WIE?WOMIT? MATRIX

75. ACTIONTouchpoint-Identiﬁzierung & Szenarioentwicklung

76. Anhand der Persona werden alle Berührungspunkte des Nutzers mitNeuigkeiten identiﬁziert und deren Inhalt genauer beschrieben.

77. INPUTBrainstrorming-Regeln

78. die Menge macht’s

79. macht’s ﬁx

80. wagt Wildes

81. beurteilt später

82. baut auf Ideen von anderen

83. eine/r spricht

84. bleibt beim Thema

85. seid visuell

86. ACTION Brainstorming

87. Basierend auf Persona und Touchpoint-Matrix werden Ideenfür nutzerrelevante Neuigkeitenaufnahme generiert …

88. ACTION Clustering

89. … um diese im Anschluss zu selektieren und priorisieren.

90. OUTPUTKonzeptpräsentation

91. Die innerhalb von knapp 2 Stunden durch 9 Teams entstandenenErkenntnisse, Ideen und Konzepte werden kurz präsentiert.

92. APPLAUS

93. INPUT Recap

94. PROTOTYPINGWARUM?• früh scheitern, schnell scheitern• zeigen, nicht reden• machen, um zu lernen• machen anstatt zu reden• mit den Händen denken

95. PROTOTYPINGWIE?Ein Beispiel eines frühen Papierprototypen einer Nachrichten-App für das iPhone, dessen Screensaus Post-it-Zetteln eine sehr schnelle Iteration erlauben

96. PROTOTYPINGWIE?Ein anderer schneller Papierprototyp einer News-App für das iPad, auf dessen Rückseite ein iPhonegeklebt ist, auf dem eine Live-Skype-Videochat läuft um eine Chatroulette-ähnliche Funktion zu testen.

97. PROTOTYPINGWIE? Der Chatpartner ist lediglich wenige Meter entfernt und nutzt Skype an einem Computer mit einer groß ausgedruckten Menschenmenge im Hintergrund, um eine Verortung in Bengasi, Libyen zu simulieren.

98. PROTOTYPING WIE?Die Reaktionen der Testnutzerkönnen einfach und schnellbeobachtet und festgehaltenwerden, zudem kann er umgehendHinweise geben und Vorschlägeeinbringen.

99. PROZESSverstehen beobachten deﬁnieren kreieren modellieren testenDer Prozess ist hoch iterativ – so nötig kann in jeder Phaseein früheres Ergebnis revidiert und re-justiert werden.

100. EMPATHIEWIE RICHTIG?• Fokusgruppe bestimmen• groß angelegte Beobachtungs- und Befragungsstudien planen oder auch Guerilla-Observationen machen• Verhaltensmuster ableiten• Archetypen generieren• Persona destillieren

101. INSIGHTS SondierungSkizzen: George Kembel / D-School Stanford

102. Design Thinking ist … NUTZERZENTRIERT KOLLABORATIV ITERATIV

103. Ziel ist in kontinuier-lichem Abgleich mitdem Nutzer und seinenBedürfnissen für ihnrelevante Produkte undDienstleistungen zuentwickeln.

104. Ziel ist … BRAND NUTZER TECHNOLOGIE

105. EXTEND Recap

106. Mehr unter … @crt_xpFolgt unserem Twitter-Account zum Workshopfür ergänzende Hintergrundinformationen,Links und Lesetipps

107. Danke sagen:www.precious-forever.com Christophe Stoll Johannes Schardt @preciousforever @jhnswww.brandexperience.info Hannes Jentsch Martin Jordan @kaﬀeetrinken @martin_jordan