xdi presentation_lean ux-workshop@mcbw2017

XDi - Experience Design Institut 2013-2017• Autor: Stefan Werner Schmitt • [email protected] • xd-i.com 1

http://creativecommons.org/licenses/by-nc-nd/3.0/de/

mailto:[email protected]?subject=

http://xd-i.com


XDi-Mini-Workshop

LeanUXSchlank gestalten Stefan Schmitt



http://xd-i.com

XDi - Experience Design Institut 2013-2016 • Autor: Stefan Werner Schmitt • [email protected] • xd-i.com 3

Wer bin ich und wenn ja warum?Intro



http://xd-i.com

4

1970 Geboren1989 Psychologie-Studium1995 Design-Studium1998 Freiberuflicher Designer Pixelpark, Grey, Change-IT, C&A, Douglas, GVF, Lufthansa, Solutas, Estee Lauder, McKinsey …

2006 Freiberuflicher Berater Postbank, Vodafone, Telekom, BNP Paribas …

2011 NLP-Practitioner2012 System. Management Coach2013 UX-Trainer2014 XDi


Was kommt.Inhalte



http://xd-i.com


Inhalte

Vorstellung Lean UX Basics Lean UX Prinzipien Product Vision Personas User Scenario Design Studio / Charrettes Bye Bye

16:00 - 16:10 16:10 - 16:20 16:20 - 16:30 16:30 - 16:40 16:40 - 16:50 16:50 - 17:20 17:20 - 17:50 17:50 - 18:00



http://xd-i.com


Grundlagen.Lean UX Basics



http://xd-i.com


DT + UX + Agile = LeanUX



http://xd-i.com


Verstehen Research, User needs, Business Needs, Annahmen, Hypothesen, Visionen

Entwickeln Hypothesen, Prototypen, MVP, Landing Pages, Styleguide, Code …

Validieren Testing, Analytics, Interviews…



http://xd-i.com




http://xd-i.com


Testen. Beobachten. FragenVerstehen



http://xd-i.com


Lean UX

Annahmen

[Unser Dienst/Produkt] wurde für [Zielsetzungen] gestaltet.

Wir mussten jedoch feststellen, dass [das Produkt/der Dienst] [diese Zielsetzungen] nicht erfüllt, was sich in Form von

[nachteiliger Effekt] auf unsere Geschäftstätigkeit auswirkt.

Wie könnten wir [das Produkt/den Dienst] dahingehend verbessern, dass unsere Kunden aufgrund [dieser messbaren Kriterien] besser

damit arbeiten.



http://xd-i.com


Lean UX

Hypothesen

Wir glauben [diese Annahme ist wahr].

Wir werden wissen, ob wir [richtig/falsch] liegen, sobald wir folgendes Feedback vom Markt erhalten:

[qualitatives Feedback] und/oder [quantitatives Feedback] und/oder [Änderung des maßgeblichen Performance-Indikators]



http://xd-i.com




http://xd-i.com


Stephen P. Anderson - The Fundamentals of Experience Design

The fundamentals of Experience DesignStephen P. Anderson



http://xd-i.com

http://www.poetpainter.com/thoughts/category/Experience-Design-Strategy/

http://briankane.net/wp-content/uploads/2015/02/Mental-Notes-Behavior-Cube.pdf


Konzipieren. Gestalten. Programmieren.Entwickeln.



http://xd-i.com




http://xd-i.com


Lean UX

Capability Matrix



http://xd-i.com


Lean UX

Design Spikes

Smashing Magazine



http://xd-i.com

http://www.smashingmagazine.com/2012/11/design-spikes-fit-big-picture-ux-agile-development/


Testen.Überprüfen.Verändern.Evaluieren



http://xd-i.com


Evaluieren

Testing

Bildquelle: Optimal Workshop



http://xd-i.com

https://www.optimalworkshop.com/blog/wp-content/uploads/2010/01/picture-3.png?__hstc=246535899.46e1329ad2746e50d781ac9c6e5b7d05.1436466943077.1436466943077.1436466943077.1&__hssc=246535899.2.1436466943077&__hsfp=2356942210


Evaluieren

Interviews



http://xd-i.com


Evaluieren

Beobachtung



http://xd-i.com


Philosophie.Lean UX Prinzipien



http://xd-i.com


Lean UX Prinzipien

InterdisziplinaritätKompetenzen. Perspektiven. Denkschemata.



http://xd-i.com


Lean UX Prinzipien

KooperationGemeinsames Verständnis. An einem Strang ziehen. Kompetenzen nutzen.



http://xd-i.com


Lean UX Prinzipien

ErgebnisorientierungGeschäftsziele. Produktziele. Nutzerziele.



http://xd-i.com


Lean UX Prinzipien

FokussierungPriorisierung. Konzentration auf das Wesentliche. Überflüssiges weglassen.



http://xd-i.com


Lean UX Prinzipien

Kontinuierliches LernenKunden fragen. Kunden beobachten. Kunden testen.



http://xd-i.com


Lean UX Prinzipien

GOOB - Get out of the buildingRaus aus dem Elfenbeinturm. Auf die Strasse gehen.



http://xd-i.com


Lean UX Prinzipien

VisualisierenAn die Wand werfen. Sichtbar machen. Kommunizierbar machen.



http://xd-i.com


Lean UX Prinzipien

MachenProbieren geht über Studieren.



http://xd-i.com


Lean UX Prinzipien

InterativSchleifen drehen. Zirkulär denken. Stetig verbessern.



http://xd-i.com


Lean UX Prinzipien

MVP - Minimum Viable ProductProduktion geht vor Dokumentation.



http://xd-i.com


Lean UX Prinzipien

Scheitern.Früher scheitern. Schneller Erfolg haben.



http://xd-i.com

Praktische ÜbungenSelber machen.




http://xd-i.com

XDi - Experience Design Institut 2013-2017• Autor: Stefan Werner Schmitt • [email protected] • xd-i.com

Praktische ÜbungenHerausforderung#1

37

Entwickeln Sie eine Smartphone-App eines neuen mittelständischen Automobilherstellers und Mobility Service Providers mit revolutionärer Antriebstechnik.



http://xd-i.com

XDi - Experience Design Institut 2013-2017• Autor: Stefan Werner Schmitt • [email protected] • xd-i.com

Praktische ÜbungenHerausforderung#1

38

✴ O2 basierte, verbrauchsneutrale Antriebstechnik ✴ 3 Modelle - Der Kompakte, Der Sportler, Die Limousine ✴ Konfiguration und Kauf von Fahrzeugen ✴ Vermietung von Autos überall und jederzeit (keine Mietstationen) ✴ Zusätzliche Mobility und Hospitality Services ✴ Community-, Gamification- und Co-Design-Funktionen ✴ Soziale Kommunikations- und Empfehlungsfunktionen



http://xd-i.com


Wissen was man will.Produkt Vision



http://xd-i.com


Image credit: Wedding Girl



http://xd-i.com

http://weddinggirl.ca/




http://xd-i.com


Wissen für wen man entwickelt.Personas



http://xd-i.com


Personas

Segmentierung

16 Personalities

Kunden

A B C

Anvisierte Kunden Partner Mitarbeiter

Persona 1 Persona 2 Persona 3 Persona 4 Persona 5 Persona 6

A B C A B C A B C



http://xd-i.com

http://www.16personalities.com


Personas

16 Personalities

16 Personalities



http://xd-i.com

http://www.16personalities.com




http://xd-i.com


Wissen was wichtig ist.User Scenarios



http://xd-i.com


User Scenario

User Scenarios beschreiben…

✴ einen Geschäftsprozess mit all seinen Interaktionen (Anwendungsfällen) ✴ welcher Nutzer (Persona) ein Szenario durchläuft, um ein bestimmtes Ziel zu erreichen ✴ die Ziele und Erwartungen, die ein Nutzer bei der Nutzung eines Produktes oder Services hat ✴ den Kontext bzw. die Situation, in der ein Mensch ein Produkt oder einen Service nutzt ✴ ein Vorhaben mit all seinen Schritten bis zur Zielerreichung ✴ eine Abfolge von Screens und Interaktionen als Vorlage für User Stories und Wireframes ✴ die Möglichkeiten, die ein Nutzer hat, um ans angestrebte Ziel zu gelangen ✴ Story für alle Projektbeteiligten abteilungsübergreifend erlebbar und verständlich machen ✴ Personas + Scenarios = Kristallkugel für das spätere Design

usability.gov



http://xd-i.com

http://www.usability.gov/how-to-and-tools/methods/scenarios.html


User Scenarios - Beispiel

Elisabeth öffnet O2Car-App

Fahrzeuge in derNähe werden auf

einer Karteangezeigt.

Elisabeth filtert Autos nach Modellen

Elisabeth wähltgeeignetes Auto

aus

Elisabeth schautsich Informationen

zum Auto an.

Elisabeth reserviert

Auto.Reservierung

wird bestätigt.App zeigt Weg

zum Auto.

Alternativen zur Miete via

Smartphoneanbieten?

Was passiert,wenn kein Autoin unmittelbarer

Nähe?

Was wenn nichtdas “richtige”

Auto in der Näheist?

Info’s soforteinblenden oder

via Button?

Reservierungs-bestätigung

in App oder viaSMS oder beides?

Nur ab einerbest. Distanz

möglich?

Welchen Karten-dienstleister

anbinden?

Möglichkeit zur Ad-Hoc-Miete

für Nichtkunden durch Anmeldung

via Scan von Perso, Führerschein

und Kreditkarte

Nutzer muss App installiert haben und eingeloggt

sein

Listenanzeige neben Karten-

ansicht ermöglichen

Alternative Diensteanbieten, wenn kein geeignetes

Auto zur Verfügung steht.

Kommentareanderer Nutzer

einblenden

Alternativ Autobringen lassen

oder Service wie Uber nutzen.

Verfügbare Funktionen

sofort einblenden.

Versch. Modi (Zielanzeige,

Route) anbieten

Titel: Ad-hoc Auto-Miete Persona: Elisabeth, 23 Jahre, Studentin

Kontext: Fährt mit Tram zu Ikea, findet ein schönes Möbelstück, dass Sie spontan kaufen will, braucht ein Auto, um das Möbelstück nach Hause zu transportieren

Ziel: Schnell ein geeignetes Auto (geräumig, Transport geignet) in der Nähe finden und mieten, um das gekaufte Möbelstück nach Hause transpotieren zu können

Legende: schritt frage kommentar idee

GPS mussaktiviert sein,

Netzabdeckung erforderlich

GPS mussaktiviert sein,

Netzabdeckung erforderlich

Auto wird mit Bildund weiteren

Info’s angezeigt

Preise, Kilometer,Schäden etc.

anzeigen

Reservierung nurbegrenzte Zeit

gültig.

App wechselt nachReservierungs-

bestätgung sofort in Navigation-Mode

Elisabeth öffnetAuto und fährt los.



http://xd-i.com



Entwickeln Sie ein ausgewähltes User Scenario mit mehreren Use Cases (Schritten).



http://xd-i.com


Collaborative Sketching.Design Studio



http://xd-i.com


Design Studio

Ziele

✴ In einem interdisziplinären Team miteinander kollaborieren ✴ Natur, Möglichkeiten und Einschränkungen einer Aufgabenstellung (Ist-Soll) verstehen ✴ In kürzester Zeit viele Ideen und Konzeptansätze generieren und validieren ✴ Wissen teilen, voneinander lernen, sich auf die besten Lösungsansätze verständigen ✴ Ideen visualisieren, kommunizieren und konstruktiv kritisieren ✴ Design-Prozess beschleunigen und alle Stakeholder integrieren



http://xd-i.com


Design Studio

Ablauf

1Iteration 1 - Stilles Skizzieren ✴ Screen/Feature auswählen ✴ 6-8 Ideen pro Screen/Feature

skizzieren ✴ Präsentation mit Erklärung ✴ Feedback-Session

2 3+Iteration 2 - Verfeinern ✴ Verfeinern und Remixen ✴ Feedback berücksichtigen ✴ 1 Ansatz skizzieren ✴ Präsentation mit Erklärung ✴ Feedback-Session

Iteration 3 - Skizzieren im Team ✴ Gruppen bilden ✴ Skizzieren im Team ✴ Präsentation mit Erklärung ✴ Feedback-Session



http://xd-i.com


Design Studio

Ablauf

Create Pitch Critique

5 3 2



http://xd-i.com



Nutzen Sie die Design-Studio-Methode um mit Hilfe von Scribbles schnell erste Konzeptansätze einzelner Screens zu illustrieren.

30 Minuten



http://xd-i.com


Danke Schön! Alles Gute.

Stefan.

[email protected]



http://xd-i.com

https://www.facebook.com/pages/XDi/436194033179707

https://plus.google.com/b/104610946478819117197/104610946478819117197/posts

http://www.pinterest.com/xdi1/

https://www.xing.com/companies/xdi-experiencedesigninstitut

https://twitter.com/milleplateauxx

mailto:[email protected]