Das Dokument beschreibt die Design-Studio-Methode, ein agiles Format zur kollaborativen Lösung komplexer UI-Probleme in interdisziplinären Teams. Es umfasst Schritte wie Skizzieren, Präsentieren und Kritisieren, um die Ideen in mehreren Iterationen zu verfeinern, und betont die Wichtigkeit von Teamzusammenhalt sowie geeigneter Vorbereitung. Stolpersteine werden aufgezeigt und Tipps gegeben, um den Erfolg des Design Studios zu gewährleisten.

1. DESIGN
STUDIO
DESIGN
STUDIOSchnell und gemeinsam Lösungen visualisieren.
Leonie Lentz, IA Konferenz 2013

2. ?R?

3. Was ist Design Studio?
- Agiles UX-Format
- ursprünglich aus dem Produkt- und
Industrie-Design, auch Architektur und
Stadtplanung („Charrette“)
- für Software- und Web-Entwicklung
adaptiert (Literatur siehe Ende des
Vortrags)

4. Wofür taugt es?

5. Wann ist Design Studio geeignet?
- bei komplexeren User Interface-
Aufgaben (z.B. Gestaltung von
Dashboard, Check-out, Transaktion).
- bei ausreichend konkreter
Aufgabenstellung
- in der Kickoff-Phase bzw. vor der
Umsetzung

6. kollaborativ

7. Kollaborativ = gleichberechtigt arbeiten
- Wissen teilen
- voneinander lernen
- sich auf Lösungen einigen

8. kollaborativ
interdisziplinär
o

9. Interdisziplinäre Teams
- Design, UX, Frontend, Backend, PM...
- idealerweise auch Teilnehmer von
Kundenseite
- verschiedene Perspektiven bringen mehr
und fundiertere Ideen

10. (Tisch mit Material)

11. (Tisch mit Material)

12. AuftaktAuftakt

14. Was man vorbereiten muss
- kurze präzise Beschreibung der zu
lösenden Problemstellung („Design
Challenge“)
- User Research (Personas, Szenarien, funkt.
Anforderungen, Benchmarks etc.)
- kurze Erläuterung von Design Studio-
Methode

15. Skizziere,
Präsentiere
Kritisiere
Skizziere,
Präsentiere
Kritisiere
o

16. SkizziereSkizziere

17. 5Minuten
R5Minuten

18. Regeln fürs Skizzieren
- Jeder zeichnet
- Stift und Papier
- alle Ideen sind ok
- Quantität vor Qualität

19. http://uxmag.com/uploads/evansdesignstudio2/8upsketchboard-8-up.pdf

21. PräsentierePräsentiere

22. 2Minuten
R2Minuten

23. Regeln fürs Präsentieren
- Alle hören zu, keine Diskussion oder
Fragen
- Jeder stellt seine Ideen vor
- „Meine Idee löst unser Problem,
indem sie...“

26. KritisiereKritisiere
˜

27. 3Minuten
R3Minuten

28. Regeln fürs Kritisieren
- Jeder gibt und bekommt Kritik
- „2 Dinge, die funktionieren und 1-2
Dinge, die du verbessern kannst.“
- „Deine Idee löst die Aufgabe (noch
nicht), weil...“
- keine persönlichen Geschmacksurteile

31. IterationIteration
œœ
@@

32. 2 richtig
gute Ideen
2 richtig
gute Ideen
Aus 80
Ideen
machen

33. Iteration 1: 30-40 min
Explorieren und generieren

34. Iteration 1: 30-40 min
Explorieren und generieren
6-8 Skizzen jeder für sich 5 min
Präsentation vor dem Team je 3 min
Kritik durch das Team je 2 min

38. Iteration 2: 40-50 min
Remixen und verfeinern

39. 1 Skizze jeder für sich 5 min
Präsentation
jeder vor dem
Team
je 3 min
Kritik durch das Team je 5 min
Iteration 2: 40-50 min
Remixen und verfeinern

41. Iteration 3: 60 min
Co-Designen und verdichten

42. 1 Skizze
gemeinsam im
Team
40 min
Präsentation Team zu Team je 5 min
Kritik Team zu Team je 5 min
Iteration 3: 60 min
Co-Designen und verdichten

44. ReviewReview

45. Darum geht es im Review
- Welche Ideen haben gut
funktioniert?
- Welche Ideen haben nicht
funktioniert?
- Welche wollen wir ausprobieren?

46. Tipps & FazitTipps & Fazit

47. Stolpersteine
Design Studio funktioniert nicht, wenn...
- die Lösung eines Problems gar nicht
mehr offen ist
- die Lösung außerhalb des Design
Studios bestimmt wird
- zuviele Restriktionen gesetzt werden
- die wichtigsten Teammitglieder nicht
dabei sein können

48. Tipps
- Aufwärmübung fürs Zeichnen
machen
- Musik (beim Skizzieren)
- Verpflegung und Pausen einplanen
(Essen, Trinken, E-Mails checken)

50. BenefitsBenefits

51. Benefits
Schnelles Explorieren
Benefits

52. Benefits
Schnelles Explorieren
Wissen teilen
Benefits

53. Benefits
Schnelles Explorieren
Wissen teilen
Gemeinsames Verstehen
Benefits

54. Benefits
Schnelles Explorieren
Wissen teilen
Gemeinsames Verstehen
Commitment
Benefits

55. Benefits
Schnelles Explorieren
Wissen teilen
Gemeinsames Verstehen
Commitment
Team-Zusammenhalt
Benefits

56. Will Evans:
Introduction to Design Studio Methodology,
UX Magazine 2011.
http://uxmag.com/articles/introduction-to-design-
studio-methodology
The Design of Design Studio,
UX Magazine 2011.
http://uxmag.com/articles/the-design-of-design-
studio
Fantastische Quellen 1

57. Will Evans and Jeff Gothelf:
Design Studio and Agile UX: Process and Pitfalls.
UX Magazine 2011
http://uxmag.com/articles/design-studio-and-
agile-ux-process-and-pitfalls
Todd Zaki Warfel:
The Design Studio Method. Agile UX NYC 2012.
http://vimeo.com/37861987
Fantastische Quellen 2

58. Anders Ramsay:
Design Studio Workshop.
http://de.slideshare.net/andersr/design-
studioworkshop-1h-session
James Ungar and Jeffrey A. White:
Agile User Centered Design: Enter the Design
Studio - A Case Study. CHI 2008, Florence.
Jeff Gothelf with Josh Seiden:
Lean UX. O‘Reilly 2013
Fantastische Quellen 3

59. Danke!Danke!
www.xing.com/profile/Leonie_Lentz