Agile Projekte leben von schnellen UX Design-Entscheidungen für akute Problemstellungen in interdisziplinären Sprints. Aber: das „Big Picture“, die intensive Beschäftigung mit übergeordneten Projektaspekten bleibt dabei oft auf der Strecke. Hier hilft die „Designvision“. Sie ist dem agilen Prozess zeitlich vorgelagert, definiert das strategische-konzeptionelle „What“ und das visuelle „How“, an dem sich alle späteren Entscheidungen orientieren können. Sie visualisiert ein gemeinsames Zielbild im Projektteam, hilft bei der Kommunikation mit Stakeholdern und Entscheidern auf Kundenseite – und könnte somit ein Lösungsweg sein, die agile Dynamik mit dem notwendigen intensiven Nachdenken über komplexe UX-Problematiken zu verbinden.

1. Creating the Bigger Picture
Die Designvision in agilen Projekten
Silke Kreiling, Aperto
Berlin, 03.Juni 2016

2. 2© Aperto 2016 – An IBM Company

4. 4© Aperto 2016 – An IBM Company
Digital Communications Lean Innovation
Online Marketing Brand Experience Design
Content Marketing Corporate Websites
B2B Communication User Experience Design
Intranets Brand Transformation Editorial
Services Digital Service Design Mobile Apps
Online Campaigns Social Media Digital
Strategy Content Management …
Was wir so machen …
Wir gestalten die
digitalisierte Welt.

5. 5© Aperto 2016 – An IBM Company
Mit wem wir arbeiten.

6. 6© Aperto 2016 – An IBM Company
Creating the Bigger Picture
Die Designvision in agilen Projekten

7. 7© Aperto 2016 – An IBM Company
Agil, scrum, alles super.
Richtig?

8. 8© Aperto 2016 – An IBM Company
Wo wir her kommen. Kernpunkte des Agilen Manifesto
Menschen und
Interaktionen
Funktionierende Software
Zusammenarbeit mit
dem Kunden
Reagieren auf Veränderung
stehen über Prozessen und
Werkzeugen.
steht über umfassender
Dokumentation.
steht über Vertragsverhandlung.
steht über dem Befolgen eines
Plans.

9. 9© Aperto 2016 – An IBM Company
Herausforderungen im “agilen Projektalltag” einer Digitalagentur
Teamzusammensetzung &
„exklusive Ressourcen“
variieren im Projektverlauf.
Wir sind Dienstleister
unserer Kunden.
Wir entwickeln i.d.R. nicht
„from scratch“. Wir
optimieren, verknüpfen
bestehende Anwendungen
& suchen nach blind spots.
Unsere Kunden sind selbst
Teil komplexer Stakeholder-
& Budget Systeme.
Projekte bestehen zu
großen Teilen aus
wiederkehrenden
Problemstellungen.
Wir entwickeln digitale
Kommunikations- &
Servicelösungen.

10. 10© Aperto 2016 – An IBM Company

11. 11© Aperto 2016 – An IBM Company
Mehr als ein Jahrzehnt nach dem
agilen Manifest sind wir
in der Realität angekommen

12. 12© Aperto 2016 – An IBM Company
UX und Design in der agilen Entwicklung
Schnell, transparent – aber auch oft reaktiv und machbarkeitsorientiert.
• „Ad hoc-rolloutfähige“ Software geht vor
holistischer Funktionserfüllung.
• Fokus liegt auf der einfachsten Lösung - nicht
auf der besten.
• UX / Design ist oft Requirement und Teil eines
Sprints zugleich.
• Prozess ist nicht nutzer- sondern
entwicklungsszentriert.
• Teilziele referenzieren auf kein übergeordnetes
eigentliches Ziel.
• Keine eindeutige ästhetische & kommunikative
definition of done.
... Sprint nSprint 1Sprint 0

13. 13© Aperto 2016 – An IBM Company
„In such a high-speed development
cycle, do we have time to
fully understand users’ needs?“
Richard F. Cecil
http://www.uxmatters.com/mt/archives/2006/12/clash-of-the-titans-agile-and-ucd.php

14. 14© Aperto 2016 – An IBM Company
„The short answer is no.“
Richard F. Cecil
http://www.uxmatters.com/mt/archives/2006/12/clash-of-the-titans-agile-and-ucd.php

15. 15© Aperto 2016 – An IBM Company
Lösungsversuche für den agilen Entwurfsprozess.
Supersprint
Verlängerter Sprint 0, in dem
auch Design / UX Research
und Prototyping betrieben
wird.
Pipelining
UX und Entwicklung arbeiten
in zwei parallelen Sprints.
Design Spikes
Prototyping, Evaluations- &
Research-Phase, die
„zwischen“ Sprints
eingeschoben wird.
Integriertes Pipelining
UX und Entwicklung arbeiten
parallel in gemeinsamen
(längeren) Sprints.
Agiler Wasserfall
Nur Entwicklung arbeitet in
Sprints basierend auf UX
Feinkonzept.
Übersprint
Product Design Sprint
Lean UX
...

16. 16© Aperto 2016 – An IBM Company

17. 17© Aperto 2016 – An IBM Company
In unserem Projektalltag geht es
nicht nur um User Needs.

18. 18© Aperto 2016 – An IBM Company
Was ist eigentlich mit den
Realitäten unserer Kunden
– ihrer Stakeholder & Co.?

19. 19© Aperto 2016 – An IBM Company
l
Client Needs sind eine
besondere Herausforderung in
komplexen Konzernen

20. 20© Aperto 2016 – An IBM Company
„As agile permeates into larger
organisations; we have to
focus on both idealism and
practicality.“
John Highsmith.
Autor u.a. The Agile Manifesto

21. 21© Aperto 2016 – An IBM Company
Erkenntnis:
Das agile Model muss
erweitert werden.

22. 22© Aperto 2016 – An IBM Company
Wir brauchen eine vorgelagerte Phase.
... Sprint nSprint 1Sprint 0
?

23. 23© Aperto 2016 – An IBM Company
Wir brauchen eine vorgelagerte Phase.
... Sprint nSprint 1Sprint 0
1. Kollaborativ
2. Holistisch
3. Visionär
4. Schnell
Welche
Kriterien muss
diese neue
Phase erfüllen?
5. Agil operationalisierbar
6. Explorativ
7. Proaktiv
8. Methodenagnostisch
?

24. 24© Aperto 2016 – An IBM Company
Haben wir da nicht schon ‘was in
unserem Repertoire?

25. 25© Aperto 2016 – An IBM Company
Design Thinking

26. 26© Aperto 2016 – An IBM Company
Design Thinking ist die systematische Herangehensweise an komplexe Problemstellungen.
Design Thinking Agile Development
„...a method for practical and creative
problem-solving, that evolved from fields as
varied as engineering, architecture and
business.“ - IBM
Und: Viel mehr als ein Workshop-Format...
„Helps development teams respond to
unpredictability through incremental, iterative
work cadences, known as sprints.“ – The Agile
Movement
Discover Define Develop Deliver

27. 27© Aperto 2016 – An IBM Company
„Nicht technische Lösbarkeit sondern
Nutzerwünsche, -bedürfnisse und
das nutzerorientierte Erfinden stehen
im Zentrum des Prozesses.“
HPI Potsdam

28. 28© Aperto 2016 – An IBM Company
Design Thinking meets agile Development
Design Thinking Agile Development
Prototype
Ideate
Learn
Develop
Measure
Iterate
Explore
UX &
Design
Hypothesis
User Research
Business Analytics
Client Needs, Wishes &
Constraints
…
Ideas
User Journeys
Strategies
StyleTiles
Wireframes
…
Personas
Empathy Map
…
Pivot
Inspiriert von: http://www.pilarsaura.com/2014/07/design-thinking-discovers-customers.html
Design
Vision
Understand

29. 29© Aperto 2016 – An IBM Company

30. 30© Aperto 2016 – An IBM Company
„At its core, Design Thinking focuses
on understanding people’s needs and
creative discovery of solutions to
meet those needs.“
IBM

31. 31© Aperto 2016 – An IBM Company
Exkurs: Design Thinking

32. 32© Aperto 2016 – An IBM Company
Exkurs: IBM Design Thinking
Wie passen wir Design Thinking an Tempo und Anforderungen von (Groß-)Unternehmen an?
Mehr Details: www.ibm.com/design/thinking/

33. 33© Aperto 2016 – An IBM Company
Exkurs: IBM Design Thinking
Drei Kommunikationsschlüssel für komplexe Projekte und große Teams.
Mehr Details: www.ibm.com/design/thinking/
State your intent: Hills turn
users’ needs into project
goals, helping your team
align around a common
understanding of the
intended outcomes to
achieve.
Most projects have
stakeholders that need to
understand the work and
have relevant input to
provide. Playbacks are a
safe space to provide and
receive feedback.
Sponsor Users are
(potential) users that bring
their lived experience and
expertise to your team.
They aren’t just passive
subjects—they’re active
participants who work
alongside your team.

34. 34© Aperto 2016 – An IBM Company
“...as the agile movement matured,
we’ve added back specialists....“
John Highsmith.
Autor u.a. The Agile Manifesto

35. 35© Aperto 2016 – An IBM Company
Wir bei Aperto auch... J

36. 36© Aperto 2016 – An IBM Company
Wie wir konkret damit arbeiten: “Big jumps” mit Experten Task Forces gehen über in Sprints im
agilen Team.
Agile UX &
Development
Sprint 1 - n
Iteratives &
kollaboratives
Bearbeiten von
Anforderungen aus
dem Backlog in 2- 4
wöchigen
Arbeitseinheiten
Priorisiert nach
Business und Vision
Values
Architecture
& Set Up
Sprint 0
Design Vision
Gemeinsame
Verabschiedung von
Zielen & Prämissen,
UX / Design
Prinzipen, Vision
Values
Identifikation von
Hills & Chancen
Stakeholder
Alignment
Ideate
& Prototype
Visuelle,
kommunikative &
strukturelle Ideen
entwickeln &
verproben
Interne &
externe Experten-
Workshops
Understand
& Explore
Empathisches
Verständnis entwickeln
Wissen sammeln,
clustern & verknüpfen
Erfahrungen
challengen
Experten Task Forces
Multidisziplinäres Agile Team
Job /User Stories,
Backlog,
technische
Grundent-
scheidungen
Styletiles & Patterns
Organisation &
Regeln
Teaminitialisierung
Design Thinking Agile Development

37. 37© Aperto 2016 – An IBM Company
Die Design Vision: Agil operationalisierbares Ergebnis einer holistischen und dennoch schnellen
Entwurfsphase.
ü Liefert die ästhetische & kommunikative definition of done
ü verabschiedet konkrete Innovationsziele
ü Ist ein nützliches Tool für das Stakeholder Alignment
ü Wird gemeinsam mit unseren Kunden erarbeitet, diskutiert und
verabschiedet
ü Dauert ca. 3 – 4 Wochen

38. 38© Aperto 2016 – An IBM Company
“...Specialisation wasn’t the primary
problem—collaboration was.....“
John Highsmith.
Autor u.a. The Agile Manifesto

39. 39© Aperto 2016 – An IBM Company
Discover
Design
Vision
Der Aperto Design & Development Prozess:
Integriert, iterativ: Design Thinking meets Agile Development
Client
Level
Agency/
Team Level
Understand Explore Ideate Prototype
Design Thinking Agile Development
Sprint 0 Sprint 1 Sprint nSprint 2
User
Level
Design
Playback
Project
Vision
Project
Mission
Research
Playback
Feasibility
Playback
Pre-
Production
Playback
Launch
Playback
Product
Playback
Product
Playback
User & Usage
Research
Ideation
Playback
Design
Playback
Product
Playback
…Design
Vision
Product
Playback
Product
Playback

40. 40© Aperto 2016 – An IBM Company
to be iterated J

41. 41© Aperto 2016 – An IBM Company
Thank you & let‘s discuss!

42. 42© Aperto 2016 – An IBM Company
Feel free...
Silke Kreiling Creative Director
E-Mail silke.kreiling@aperto.com
Oder eben über xing, linked in, facebook, twitter, instagram, snapchat, tinder... you name it..J
Aperto – An IBM Company
Chausseestr. 5
10115 Berlin
We are hiring:
www.aperto.com/jobs

43. 43© Aperto 2016 – An IBM Company
Verwendete Literatur & Lesetipps
• http://www.sparcedge.com/what-an-agile-design-process-looks-like/
• https://resources.sei.cmu.edu/asset_files/Presentation/2012_017_001_23343.pdf
• http://agilemodeling.com/essays/bmuf.htm
• https://designshack.net/articles/business-articles/understanding-agile-design-and-why-its-
important/
• http://forty.co/agile-design-what-weve-learned
• https://www.rallydev.com/blog/agile/top-3-reasons-designers-object-agile-and-how-overcome-
them
• https://de.atlassian.com/agile/design
• https://www.smashingmagazine.com/2011/03/lean-ux-getting-out-of-the-deliverables-business/
• http://www.bcs.org/content/conWebDoc/43676?changeNav=10130
• http://www.symposion.de/kapitel48320101_WERK0003672.html
• https://stefanroock.wordpress.com/2012/12/30/shades-of-scrum-waterfall-pipelining-and-sprints/

44. 44© Aperto 2016 – An IBM Company
Verwendete Literatur & Lesetipps
• http://www.meetup.com/de-DE/ux-feierabend-beer-Bern/events/228251422/
• https://www.nngroup.com/articles/doing-ux-agile-world/
• https://www.smashingmagazine.com/2014/08/getting-started-with-design-sprints/
• http://www.webdesignerdepot.com/2015/10/hurdle-ux-obstacles-with-design-sprints/
• https://www.smashingmagazine.com/2012/11/design-spikes-fit-big-picture-ux-agile-development/
• http://www.userzoom.com/agile-ux-research-and-testing/integrating-ux-into-an-agile-environment/
• http://www.leadingagile.com/2014/04/dont-estimate-spikes/
• http://boxesandarrows.com/the-ux-professionals-guide-to-working-with-agile-scrum-teams/
• http://ux.stackexchange.com/questions/81745/are-there-ux-stories-in-agile
• https://studio.uxpin.com/blog/the-12-realistic-principles-of-agile-ux/

46. 46© Aperto 2016 – An IBM Company
Copyright ©Aperto AG
Alle Erkenntnisse, Unterlagen und Methoden, die Aperto bei den vorgelegten Konzepten
erarbeitet hat, bleiben ausschließlich geistiges Eigentum von Aperto. Die Auswertung der
vorgestellten Werke in Form von Ideen, Texten, grafischen Arbeiten, Planungen, Fotos, Bild- &
Tonmaterial und/oder anderen Speichermedien, die mit diesem Konzept zur Verfügung gestellt
werden, ist ausdrücklich auf die Verwirklichung des Konzepts mit Aperto beschränkt. Die
Nutzung ist nur frei im Rahmen eines Vertrages mit den Schöpfern und seiner Erfüllung. Nur für
den Fall, dass ein Vertrag mit den Schöpfern und/oder den Auswertungsberechtigten zustande
kommt, werden Nutzungsrechte eingeräumt. Dann bestimmt sich je nach Verwendungszweck
der räumliche, zeitliche und inhaltliche Umfang des Nutzungsrechts sowie die eingeräumte
Nutzungsart. Eine von diesen Bedingungen abweichende Auswertung und/oder Nutzung - ganz
oder in Auszügen - sowie die Weitergabe an Dritte stellt eine Urheberrechtsverletzung mit allen
rechtlichen Folgen dar.
4
All findings, documents and methods that Aperto has worked at the submitted concepts,
exclusively remain the intellectual property of Aperto. The evaluation of the works presented in
the form of ideas, texts, graphic works, plans, photos, video & audio material and / or other
storage media that are provided with this concept available is expressly limited to the
implementation of the concept with Aperto. The use is only released under a contract with the
creators and its fulfillment. Just in case that an agreement with the creators and / or the
evaluation beneficiary comes, usage rights are granted. Then, depending on the intended use of
the spatial, temporal and substantive scope of the right to use and the time allowed usage. A
deviating terms evaluation and / or use - in whole or in part - as well as the disclosure to third
parties constitutes a copyright infringement with all legal consequences.