XDi Presentation_Lean UX-Workshop@MCBW2017

XDi - Experience Design Institut 2013-2017• Autor: Stefan Werner Schmitt • s.schmitt@xd-i.com • xd-i.com 1

XDi-Mini-Workshop
LeanUX
Schlank gestalten
Stefan Schmitt

XDi - Experience Design Institut 2013-2016 • Autor: Stefan Werner Schmitt • s.schmitt@xd-i.com • xd-i.com 3
Wer bin ich und wenn ja warum?
Intro

4
1970 Geboren 
1989 Psychologie-Studium 
1995 Design-Studium 
1998 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-Practitioner 
2012 System. Management Coach 
2013 UX-Trainer 
2014 XDi

Was kommt.
Inhalte

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

Grundlagen.
Lean UX Basics

DT + UX + Agile = LeanUX

Verstehen
Research, User needs, Business Needs,
Annahmen, Hypothesen, Visionen
Entwickeln
Hypothesen, Prototypen, MVP, Landing Pages,
Styleguide, Code …
Validieren
Testing, Analytics, Interviews…

Testen. Beobachten. Fragen
Verstehen

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.

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]

Stephen P. Anderson - The Fundamentals of Experience Design
The fundamentals of Experience Design
Stephen P. Anderson

Konzipieren. Gestalten. Programmieren.
Entwickeln.

Lean UX
Capability Matrix

Lean UX
Design Spikes
Smashing Magazine

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

Evaluieren
Testing
Bildquelle: Optimal Workshop

Evaluieren
Interviews

Evaluieren
Beobachtung

Philosophie.
Lean UX Prinzipien

Lean UX Prinzipien
Interdisziplinarität
Kompetenzen. Perspektiven. Denkschemata.

Lean UX Prinzipien
Kooperation
Gemeinsames Verständnis. An einem Strang ziehen. Kompetenzen nutzen.

Lean UX Prinzipien
Ergebnisorientierung
Geschäftsziele. Produktziele. Nutzerziele.

Lean UX Prinzipien
Fokussierung
Priorisierung. Konzentration auf das Wesentliche. Überflüssiges weglassen.

Lean UX Prinzipien
Kontinuierliches Lernen
Kunden fragen. Kunden beobachten. Kunden testen.

Lean UX Prinzipien
GOOB - Get out of the building
Raus aus dem Elfenbeinturm. Auf die Strasse gehen.

Lean UX Prinzipien
Visualisieren
An die Wand werfen. Sichtbar machen. Kommunizierbar machen.

Lean UX Prinzipien
Machen
Probieren geht über Studieren.

Lean UX Prinzipien
Interativ
Schleifen drehen. Zirkulär denken. Stetig verbessern.

Lean UX Prinzipien
MVP - Minimum Viable Product
Produktion geht vor Dokumentation.

Lean UX Prinzipien
Scheitern.
Früher scheitern. Schneller Erfolg haben.

Praktische Übungen
Selber machen.

XDi - Experience Design Institut 2013-2017• Autor: Stefan Werner Schmitt • s.schmitt@xd-i.com • xd-i.com
Praktische Übungen
Herausforderung#1
37
Entwickeln Sie eine Smartphone-App eines neuen
mittelständischen Automobilherstellers und Mobility
Service Providers mit revolutionärer Antriebstechnik.

XDi - Experience Design Institut 2013-2017• Autor: Stefan Werner Schmitt • s.schmitt@xd-i.com • xd-i.com
Praktische Übungen
Herausforderung#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

Wissen was man will.
Produkt Vision

Image credit: Wedding Girl

Wissen für wen man entwickelt.
Personas

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

Personas
16 Personalities
16 Personalities

Wissen was wichtig ist.
User Scenarios

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

User Scenarios - Beispiel
Elisabeth
öffnet O2Car-App
Fahrzeuge in der
Nähe werden auf
einer Karte
angezeigt.
Elisabeth filtert
Autos nach
Modellen
Elisabeth wählt
geeignetes Auto
aus
Elisabeth schaut
sich Informationen
zum Auto an.
Elisabeth
reserviert
Auto.
Reservierung
wird bestätigt.
App zeigt Weg
zum Auto.
Alternativen zur
Miete via
Smartphone
anbieten?
Was passiert,
wenn kein Auto
in unmittelbarer
Nähe?
Was wenn nicht
das “richtige”
Auto in der Nähe
ist?
Info’s sofort
einblenden oder
via Button?
Reservierungs-
bestätigung
in App oder via
SMS oder beides?
Nur ab einer
best. 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 Dienste
anbieten, wenn
kein geeignetes
Auto zur
Verfügung steht.
Kommentare
anderer Nutzer
einblenden
Alternativ Auto
bringen 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 muss
aktiviert sein,
Netzabdeckung
erforderlich
GPS muss
aktiviert sein,
Netzabdeckung
erforderlich
Auto wird mit Bild
und weiteren
Info’s angezeigt
Preise, Kilometer,
Schäden etc.
anzeigen
Reservierung nur
begrenzte Zeit
gültig.
App wechselt nach
Reservierungs-
bestätgung sofort
in Navigation-Mode
Elisabeth öffnet
Auto und fährt los.

Praktische Übungen
Selber machen.
Entwickeln Sie ein ausgewähltes User Scenario
mit mehreren Use Cases (Schritten).

Collaborative Sketching.
Design Studio

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

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
Iteration 3 - Skizzieren im Team
✴ Gruppen bilden
✴ Skizzieren im Team

Design Studio
Ablauf
Create Pitch Critique
5 3 2

Praktische Übungen
Selber machen.
Nutzen Sie die Design-Studio-Methode um mit Hilfe
von Scribbles schnell erste Konzeptansätze einzelner
Screens zu illustrieren.
30 Minuten

Danke Schön!
Alles Gute.
Stefan.
s.schmitt@xd-i.com

XDi Presentation_Lean UX-Workshop@MCBW2017

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (11)

Ähnlich wie XDi Presentation_Lean UX-Workshop@MCBW2017

Ähnlich wie XDi Presentation_Lean UX-Workshop@MCBW2017 (20)

XDi Presentation_Lean UX-Workshop@MCBW2017