Slides vom Interaction Design Workshop in der Designkantine bei Namics.

1. Designkantine. Interaction Design. Prototyping.
Lafer, Lichter, Lecker. Workshop. Namics.
Michael Sandmaier. Consultant UX.
Daniel Demel. Interaction Designer.
27. Oktober 2011

2. Die Ziele der heutigen Designkantine
Zweck des Werkzeuge & Laufen
IX Designs Methoden lernen
verstehen kennenlernen
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

3. Lichter
User Experience Design. Interaction. Daniel Demel
à Zürcher Hochschule der Künste
à Dipl. Interaction Designer
à +10 Jahre Kreation
à Seit 2010 bei Namics
à Twitter: @dfour
10/27/11 3 Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

4. Lichter
User Experience. Consulting. Michael Sandmaier
à Hochschule der Medien Stuttgart
à Dipl. Informationswirt (M. Sc.)
à Masterarbeit am Fraunhofer IAO
à Usability Engineering, Konzeption
à Seit 2010 bei Namics
10/27/11 4 Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

5. Interaction Design ?
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

6. Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

7. Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

8. Mensch und Computer im Dialog
Feedback
Eingabe
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

9. Mensch und Computer im Dialog
Feedback
Technologie
Eingabe
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

10. Mensch und Computer im Dialog
Feedback
Kontext
Technologie
Eingabe Nutzer
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

11. Der Versuch Interaction Design einzuordnen
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

12. Interaction Design =
Nutzerzentriertes gestalten
© image Scott Hanson
© http://www.collection-rolf-heyne.de/ Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

13. Nutzerzentriertes Gestalten
Nutzer- & Kontextanalyse
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

14. Nutzerzentriertes Gestalten
Nutzer & Kontext abbilden
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

15. Nutzerzentriertes Gestalten
Nutzer & Kontext abbilden
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

16. Nutzerzentriertes Gestalten
Personas modellieren
à Archetypische Benutzer
§ Interviews
§ Persönliche Ziele
§ Motivation, Erwartung, Frust
à Persönliche Wege
§ Ziele beim Nutzen einer
Website oder eines Produktes
§ Keywords
10/27/11 HTW Chur. Kreation. Präsentieren. 16 Namics.

17. Nutzerzentriertes Gestalten
Anwendungsfälle schreiben – z.B. Reisen
Als Vielflieger will ich
eine meine letzten Vor der Abreise
Reisen sehen, möchte ich mich über
so dass ich für Reisen das Wetter vor Ort
die ich oft buche, informieren, damit ich
Zeit sparen kann. weiss was ich am
Reisetag anziehen kann.
@flickr
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

18. Nutzerzentriertes Gestalten
Modelle generieren
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

19. Nutzerzentriertes Gestalten
Ideen generieren
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

20. Interaction Design =
Erlebnis gestalten
© http://www.collection-rolf-heyne.de/ Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

21. Erlebnis gestalten
Emotionen abbilden
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

22. Erlebnis gestalten
Fehler auffangen
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

23. Erlebnis gestalten
Fehler auffangen
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

24. Erlebnis gestalten
Eingabe unterstützen
http://cl.ly/2y1l0Q0f2d3u070A3J0
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

25. Erlebnis gestalten
Zustände darstellen
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

26. Erlebnis gestalten
Nutzer überraschen
http://cl.ly/2y1l0Q0f2d3u070A3J0
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

27. Interaction Design =
Prototyping
http://www.flickr.com/photos/bojo/285850043
http://www.flickr.com/photos/wili/207697884/ Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

28. Prototyping
Aufgabe: Gestaltung einer Hotel App
à Belvedere Business Hotels à Belvedere Family Ressort
§ Hotelkette mit Fokus auf § Familienhotel mit
Geschäftsreisende Kinderbetreuung und
Unterhaltungsprogramm
à Hotelgäste können eine App nutzen…
§ …als Entertainment Center
§ …zur Zimmersteuerung
§ …als Gäste Information
§ …für Zugang zu Hoteldienstleistungen
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

29. Workshop
Ziele des Workshop
Ideen finden Ideen festhalten
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

30. Workshop
Ablauf des Workshops (Kochplan)
Analyse 5´ Ideation 5´
Präsentation 5´ Prototyping 15´
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

31. Prototyping
Analyse - Personas
à Belvedere Business Hotels:
§ Nora Parker
à Belvedere Family Ressort:
§ Karin & Roger Mayer
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

32. “Das Angebot für die ganze Familie und die Betreuung hat uns
überzeugt. Nun hoffen wir, dass wir im Spa entspannen
können, während unsere Kids gut versorgt und unterhalten
werden.”
Familie
Mayer
hat
zwei
kleine
Kinder,
Emelie
ist
fast
vier,
Jonas
bald
ein
Jahr
alt.
Reisen
ist
mit
den
Kindern
nicht
mehr
so
einfach
wie
es
noch
vor
ein
paar
Jahren
war,
als
die
beiden
regelmässige
Urlaube
und
Kurztrips
unternommen
und
immer
wieder
in
Hotels
übernachtet
haben.
http://www.flickr.com/photos/ Familie
Mayer
ist
ein
grosses
Zimmer(appartement)
wichtig,
da
sie
mit
den
Kindern
auch
viel
Zeit
im
Zimmer
serpicolugnut/172616929/sizes/m/in/ verbringen.
photostream/ Roger
ist
die
gute
technische
Ausstattung
ein
Bedürfnis,
er
ärgerte
sich
schon
einige
Male
über
veraltete
Fernseher,
fehlenden
oder
kostenpJlichtigen
Internetzugang
und
schlecht
zu
bedienende
Klimaanlagen.
Karin
sieht
das
mit
der
Technik
nicht
so
eng.
Sie
blättert
lieber
in
Informationsmaterial
und
Broschüren
die
im
Roger und Karin Mayer Zimmer
zu
Jinden
sind.
Wie
ist
der
Spa-­‐Bereich
ausgestattet,
welche
Behandlungen
gibt
es,
was
bietet
das
Tagesprogramm
für
die
Familie
an
und
gibt
es
Sparangebote
für
AusJlüge.
Know-How Interessen Frustrationen
Technik Persönlicher Service • Kleine Zimmer
• Unzufriedene Kinder
Thema / Domain Moderne Zimmereinrichtung • Unzureichende Betreuung
• Unsicherheit, ob ein Angebot das passende
Erfahrung Technische Ausstattung ist.
• Schlechte und nicht kindgerechte Ausstattung
Filme & Games
Room Service
Wunschliste
Spa • Kinderfilme im Zimmer
• Tages und Wochenprogramm durchstöbern
Sonderangebote & Packages und buchen
• Wellness und Spa Angebot
Hotelrestaurant • Kinderbetreuung buchen
• bessere Klimaanlagensteuerung
Freizeitangebote • Sonderangebote
Personas. Motivation. Needs. Demography. Knowledge. Namics.

33. “Ich verbringe ca. 1/3 des Jahres auf Reisen, bleibe nie länger
als 2-3 Nächte. Das Gute an einer Hotelkette ist, dass ich
immer die gleiche Ausstattung und den gleichen Service
erwarten kann.”
Nora
Parker
ist
Verkaufsleiterin
einer
grossen
BekleidungsJirma.
Reisen
und
die
Übernachtung
in
Hotels
ist
eine
Notwendigkeit
in
ihrem
Beruf.
Sie
reist
meisten
mit
Bahn
oder
Flugzeug
an.
Nimmt
vor
Ort
ein
Taxi.
Sie
hat
bei
drei
verschiedenen
Hotelketten
eine
Mitgliederkarte
und
mag
es,
wenn
bei
einem
wiederkehrenden
Besuch
auf
ihre
dem
Hotel
bekannten
Wünsche
und
Bedürfnisse
eingegangen
werden.
Für
sie
ist
Komfort
und
Funktionalität
wichtig,
aber
auch
Zeitersparnis,
z.B.
durch
einen
reibungslosen
Check-­‐in
und
@flickr Check-­‐out.
Der
Service
im
Hotel
ist
ihr
sehr
wichtig.
Z.B.
Übernacht-­‐Reinigung
von
Kleidung
oder
auch
das
Bügeleisen
im
Zimmer.
Das
Internet
sollte
gratis
und
per
Wlan
zur
Verfügung
stehen.
Nora Parker Wenn
Nora
am
Abend
nicht
mit
Kunden
zusammen
isst,
bevorzugt
Sie
meistens
das
Hotelrestaurant,
und
isst
auch
gerne
im
Zimmer.
Know-How Interessen Frustrationen
Technik Persönlicher Service • Lange Check-In und Check-Out Prozesse
• Hotelküche die früh schliesst
Thema / Domain Moderne Zimmereinrichtung • Inkompetenter Service
• Wartezeiten
Erfahrung Technische Ausstattung
Filme & Games
Room Service
Wunschliste
Spa • Checkout ohne Besuch der Rezeption
• Hotelservice bestellen
Sonderangebote & Packages • Essen bestellen
• Weckdienst
Hotelrestaurant • Taxi bestellen
• Zug und Flugverbindungen nachschlagen
Freizeitangebote • Mitgliederleistungen beziehen
Personas. Motivation. Needs. Demography. Knowledge. Namics.

34. Prototyping
Ideation - Sprint
à 5 Min!
à Fokus auf Bedürfnisse und Frustrationen!
à “Wie würde es funktionieren wenn es magisch wäre?”
à Die Quantität zählt, nicht Qualität!
à Es gibt keine schlechten Ideen!
à Es sind genug Post-Its da!
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

35. Prototyping
Design Prinzipien
à Belveder Business Hotels:
§ Wie Alfred (aus Batman): Ein langjähriger Butler der immer
zur Verfügung steht und schon vorher die Wünsche kennt
§ Pünktlich wie die SBB: Die Interaktionen sollten so sein, dass
keine Wartezeiten entstehen.
à Belveder Family Resorts:
§ Kinderleicht: Das Interface soll so sein, dass es auch Kinder
bedienen können
§ Wie Kinderüberraschung: Für jeden was dabei.
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

36. Prototyping
Prototype
à 15 Min!
§ 5 Minuten alleine konzipieren
§ 10 Minuten gemeinsam Ausarbeiten
à Fokus auf wenige oder nur ein Key-Feature
à Storytelling: Erzählt das Erlebnis
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.

37. Anrichten
http://www.flickr.com/photos/wili/207697884/ Interaction Design. Kochschule. Rühren nicht vergessen. Namics.
http://www.michael-polster.de/2010/05/grillparty-mit-johann-lafer-und-jurgen-drews/

38. Vielen Dank für Eure Aufmerksamkeit.
michael.sandmaier@namics.com
daniel.demel@namics.com
© Namics
Bildrechte bei den Autoren
Interaction Design. Kochschule. Rühren nicht vergessen. Namics.