WUD 08
Workshop Interaction Design:
Grundlagen und Prinzipien
WUNSCHFELD

ABLAUF
- Orientierung
- IX Design Ansätze
- Research, Übung: Beobachtung
- Konzeption, Übung: Brainstorm und Prototype, Präsentation
- Validierung

USER INTERFACE DESIGN:INTERACTION DESIGN:USER EXPERIENCE DESIGN

INTERACTION DESIGN (IxD) is the branch of USER EXPERIENCE DESIGN
that illuminates the relationship between people and the
interactive products they use.
While interaction design has a firm foundation in the theory,
practice, and methodology of traditional USER INTERFACE DESIGN, its
focus is on defining the complex dialogues that occur between
people and interactive devices of many types—from computers to
mobile communications devices to appliances

MENSCHEN
INTERACTION DESIGN
DATEN
Grafik: „Designing the Obvious“ by Robert Hoekman, Jr.

INTERACTION DESIGN
Verdeutlicht die Funktion und Interaktivität
eines Systems

INTERACTION DESIGN
Definiert das Verhalten des Systems in Bezug auf
Nutzer-Eingaben

INTERACTION DESIGN
Legt einfache und komplexe Arbeitsschritte offen.

INTERACTION DESIGN
Informiert den Nutzer jederzeit über den Zustand
des Systems.

INTERACTION DESIGN
Verhindert Nutzer Fehler.

WIE?

Ansatz Überblick Nutzer Designer
Konzentration auf die begleitet das Übersetzt
User Centered
Ziele und Bedürfnisse Design Bedürfnisse und
Design
der Nutzer Ziele des Nutzers
Konzentration auf die führt die erstellt die
Activity Centered auszuführenden Aktivitäten aus Artifakte zur
Design Aktivitäten und Durchführung der
Aktionen. Aktionen
Verläßt sich auf die validiert das ist die Quelle der
Fähigkeiten und das Design Inspiration.
Genius Design
Wissen von erfahrenen
Designern
Tabelle aus „Designing for Interaction“ by Dan Saffer

Ansatz Überblick Nutzer Designer
Konzentration auf die begleitet das Übersetzt
User Centered
Ziele und Bedürfnisse Design Bedürfnisse und
Design
der Nutzer Ziele des Nutzers
Konzentration auf die führt die erstellt die
Activity Centered auszuführenden Aktivitäten aus Artifakte zur
Design Aktivitäten und Durchführung der
Aktionen. Aktionen
Verläßt sich auf die validiert das ist die Quelle der
Fähigkeiten und das Design Inspiration.
Genius Design
Wissen von erfahrenen
Designern
Tabelle aus „Designing for Interaction“ by Dan Saffer

Ansatz Überblick Nutzer Designer
Konzentration auf die begleitet das Übersetzt
User Centered
Ziele und Bedürfnisse Design Bedürfnisse und
Design
der Nutzer Ziele des Nutzers
Konzentration auf die führt die erstellt die
Activity Centered auszuführenden Aktivitäten aus Artifakte zur
Design Aktivitäten und Durchführung der
Aktionen. Aktionen
Verläßt sich auf die validiert das ist die Quelle der
Fähigkeiten und das Design Inspiration.
Genius Design
Wissen von erfahrenen
Designern
Tabelle aus „Designing for Interaction“ by Dan Saffer

Ansatz Überblick Nutzer Designer
Konzentration auf die begleitet das Übersetzt
User Centered
Ziele und Bedürfnisse Design Bedürfnisse und
Design
der Nutzer Ziele des Nutzers
Konzentration auf die führt die erstellt die
Activity Centered auszuführenden Aktivitäten aus Artifakte zur
Design Aktivitäten und Durchführung der
Aktionen. Aktionen
Verläßt sich auf die validiert das ist die Quelle der
Fähigkeiten und das Design Inspiration.
Genius Design
Wissen von erfahrenen
Designern
Tabelle aus „Designing for Interaction“ by Dan Saffer

USER CENTERED DESIGN:
„DU BIST NICHT DER NUTZER.“

360° Sicht Synthese Konzeption Validierung
ite
ra t i ve s t e s t e n

360° Sicht

360° Sicht
METHODEN
- Konkurrenzanalyse
- Mystery Shopping
- Beobachtung
- Interviews
- Analogiestudien
- Fokusgruppen
- Fragebögen

360° Sicht
BEOBACHTUNG
- Verständnis für den Alltag des Endnutzers
entwickeln
- Interviews und Erzählungen sind nur
Darstellungen über diesen Alltag
- bestimmte Handlungsweisen sind nur der
Beobachtung zugänglich

ÜBUNG 1:
„Beobachtung“

360° Sicht
LEITFRAGEN
- In was für einer Umwelt bewegt sich die Person?
- Was für Aufgaben möchte diese Person ausführen?
- Welche Hilfsmittel werden dabei benutzt?
- Welche Probleme sind erkennbar?

Synthese
Sinnvolle Auswertung der Daten
aus dem User Research

Synthese
- Was hat man über den Nutzer gelernt?
- Welche Anforderungen und Bedürfnisse
existieren?
- Wie ist der Nutzer vorgegangen?
- Welche Hilfsmittel hat der Nutzer evtl.
benötigt?
- Wo gibt es Probleme?

Synthese
ERGEBNISSE DER SYNTHESE
- Personas
- Use Cases
- Scenarios
- Flow Charts
- (weitere)

ÜBUNG 2:
„Problem-Priorisierung“

Konzeption
Ideenfindung und Prototyping
für das Anwendungsszenario

„Ich glaube nicht, dass
Kreativität die Gabe einer
guten Fee ist.”
Edward de Bono – Erfinder des 6-Hüte-Denkens

Konzeption
KREATIVMETHODEN
- Methode 6-3-5
- 6 Hüte Denken
- Brainstorming
- Storyboards
- Collective Notebook
- (weitere)

Konzeption
BRAINSTORMING
- „using the brain to storm a problem“
- Schnell viele Ideen entwickeln in kurzer Zeit
- Ungewöhnliche Alternativen finden
- Mitarbeiter, Laien oder Experten
- auch andere Fachgebiete können teilnehmen

Konzeption
WIE BRAINSTORMEN?
- Fokus: identifizierte Probleme aus der Beobachtung
- Lösungsansätze/ Ideen auf Post-Its notieren in Worten oder
Skizzen etc.
- Jeder stellt nacheinander dem Team seine Ideen vor
- Darauf aubauend ggfs. weitere Lösungsansätze entwickeln
- Ideen gruppieren und relevante Cluster festlegen

ÜBUNG 3:
„Brainstorm“

Konzeption
REGELN
- Keine Kritik
- Verrückte Ideen fördern
- Auf anderen Ideen aufbauen
- Das Problem im Auge behalten
- Ausreden lassen
- Anschaulich erklären
- Je mehr Ideen, desto besser

Konzeption
RAPID PROTOTYPING
- Schnell und kostengünstig
- Erste Ideen visualisieren und kommunizieren
- Ermöglicht frühzeitiges Feedback zu Lösungvorschlägen
und Konzepten
- Geringes Risiko von Fehlentwicklungen durch häufige
und zeitnahe Validierung

Konzeption
RAPID PROTOTYPING TECHNIKEN
- Papierprototypen
- Wireframes
- Story boards
- 3D Modelle
- Ablaufdiagramme
- Screens

PROTOTYPE FIDELITY

ÜBUNG 4:
„Prototyp erstellen
und präsentieren“

Validierung

BUCH- UND LINKLISTE
Books.
- Designing the Moment, Robert Hoekman, Jr
- Designing the Obvious, Robert Hoekman, Jr
- Designing Interaction, Dan Saffer
- The Art of Innovation, Tom Kelley
Links.
- Interaction Design Association, www.gamma.ixda.org
- Grundsätze des Interaction Designs, http://meiert.com/de/publications/translations/asktog.com/firstprinciples/
- Apple User Interface Guidelines, http://developer.apple.com/documentation/UserExperience/Conceptual/
AppleHIGuidelines/XHIGIntro/chapter_1_section_1.html#//apple_ref/doc/uid/TP30000894-DontLinkElementID_323
- Don Norman: Human-Centered Design Considered Harmful, http://jnd.org/dn.mss/human-centered.html
- ISO Definition von UCD (Human Centered Design): http://usabilityprofessionals.org/usability_resources/about_usability/
what_is_ucd.html
- Video: Das UX Design Development von Office 2007: http://msstudios.vo.llnwd.net/o21/mix08/08_WMVs/UX09.wmv

Vielen Dank!
WUNSCHFELD
Interaction Design
Dirk J. Platzek Nadine Dannert
info@wunschfeld.net nadine.dannert@d-labs.com
www.wunschfeld.net www.d-labs.com
040 429 18 772 0331 979 92 316