interaction design workshop - designkantine namics
DESCRIPTION
Slides vom Interaction Design Workshop in der Designkantine bei Namics.TRANSCRIPT
![Page 1: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/1.jpg)
Designkantine. Interaction Design. Prototyping. Lafer, Lichter, Lecker. Workshop. Namics.
Michael Sandmaier. Consultant UX. Daniel Demel. Interaction Designer. 27. Oktober 2011
![Page 2: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/2.jpg)
Namics.
Die Ziele der heutigen Designkantine
Interaction Design. Kochschule. Rühren nicht vergessen.
Zweck des IX Designs verstehen
Laufen lernen
Werkzeuge & Methoden
kennenlernen
![Page 3: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/3.jpg)
Namics.
User Experience Design. Interaction. Daniel Demel
Lichter
10/27/11 Interaction Design. Kochschule. Rühren nicht vergessen. 3
à Zürcher Hochschule der Künste
à Dipl. Interaction Designer
à +10 Jahre Kreation
à Seit 2010 bei Namics
à Twitter: @dfour
![Page 4: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/4.jpg)
Namics.
User Experience. Consulting. Michael Sandmaier
Lichter
10/27/11 Interaction Design. Kochschule. Rühren nicht vergessen. 4
à Hochschule der Medien Stuttgart
à Dipl. Informationswirt (M. Sc.)
à Masterarbeit am Fraunhofer IAO
à Usability Engineering, Konzeption
à Seit 2010 bei Namics
![Page 5: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/5.jpg)
Namics. Interaction Design. Kochschule. Rühren nicht vergessen.
Interaction Design ?
![Page 6: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/6.jpg)
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 7: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/7.jpg)
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 8: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/8.jpg)
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Feedback
Eingabe
![Page 9: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/9.jpg)
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Technologie
Feedback
Eingabe
![Page 10: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/10.jpg)
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Kontext
Technologie
Nutzer
Feedback
Eingabe
![Page 11: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/11.jpg)
Namics.
Der Versuch Interaction Design einzuordnen
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 12: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/12.jpg)
Namics. Interaction Design. Kochschule. Rühren nicht vergessen. © http://www.collection-rolf-heyne.de/
Interaction Design = Nutzerzentriertes gestalten
© image Scott Hanson
![Page 13: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/13.jpg)
Namics.
Nutzer- & Kontextanalyse
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 14: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/14.jpg)
Namics.
Nutzer & Kontext abbilden
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 15: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/15.jpg)
Namics.
Nutzer & Kontext abbilden
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 16: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/16.jpg)
Namics.
Personas modellieren
Nutzerzentriertes Gestalten
10/27/11 16 HTW Chur. Kreation. Präsentieren.
à Archetypische Benutzer
§ Interviews
§ Persönliche Ziele
§ Motivation, Erwartung, Frust
à Persönliche Wege
§ Ziele beim Nutzen einer Website oder eines Produktes
§ Keywords
![Page 17: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/17.jpg)
Namics.
Anwendungsfälle schreiben – z.B. Reisen
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Als Vielflieger will ich eine meine letzten Reisen sehen, so dass ich für Reisen die ich oft buche, Zeit sparen kann.
Vor der Abreise möchte ich mich über das Wetter vor Ort informieren, damit ich weiss was ich am Reisetag anziehen kann.
@flickr
![Page 18: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/18.jpg)
Namics.
Modelle generieren
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 19: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/19.jpg)
Namics.
Ideen generieren
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 20: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/20.jpg)
Namics. Interaction Design. Kochschule. Rühren nicht vergessen. © http://www.collection-rolf-heyne.de/
Interaction Design = Erlebnis gestalten
![Page 21: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/21.jpg)
Namics.
Emotionen abbilden
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 22: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/22.jpg)
Namics.
Fehler auffangen
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 23: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/23.jpg)
Namics.
Fehler auffangen
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 24: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/24.jpg)
Namics.
Eingabe unterstützen
Interaction Design. Kochschule. Rühren nicht vergessen.
Erlebnis gestalten
http://cl.ly/2y1l0Q0f2d3u070A3J0
![Page 25: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/25.jpg)
Namics.
Zustände darstellen
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 26: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/26.jpg)
Namics.
Nutzer überraschen
Interaction Design. Kochschule. Rühren nicht vergessen.
Erlebnis gestalten
http://cl.ly/2y1l0Q0f2d3u070A3J0
![Page 27: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/27.jpg)
Namics. Interaction Design. Kochschule. Rühren nicht vergessen.
http://www.flickr.com/photos/bojo/285850043
Interaction Design = Prototyping
http://www.flickr.com/photos/wili/207697884/
![Page 28: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/28.jpg)
Namics.
Aufgabe: Gestaltung einer Hotel App
à Belvedere Business Hotels
§ Hotelkette mit Fokus auf Geschäftsreisende
à Belvedere Family Ressort
§ Familienhotel mit Kinderbetreuung und Unterhaltungsprogramm
Prototyping
Interaction Design. Kochschule. Rühren nicht vergessen.
à Hotelgäste können eine App nutzen…
§ …als Entertainment Center
§ …zur Zimmersteuerung
§ …als Gäste Information
§ …für Zugang zu Hoteldienstleistungen
![Page 29: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/29.jpg)
Namics.
Ziele des Workshop
Workshop
Interaction Design. Kochschule. Rühren nicht vergessen.
Ideen finden Ideen festhalten
![Page 30: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/30.jpg)
Namics.
Ablauf des Workshops (Kochplan)
Workshop
Interaction Design. Kochschule. Rühren nicht vergessen.
Ideation 5´
Prototyping 15´ Präsentation 5´
Analyse 5´
![Page 31: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/31.jpg)
Namics.
Analyse - Personas
à Belvedere Business Hotels:
§ Nora Parker
à Belvedere Family Ressort:
§ Karin & Roger Mayer
Prototyping
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 32: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/32.jpg)
Roger und Karin Mayer
Persönlicher Service Moderne Zimmereinrichtung Technische Ausstattung Filme & Games Room Service Spa Sonderangebote & Packages Hotelrestaurant Freizeitangebote
Interessen
“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.”
Know-How
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. Familie Mayer ist ein grosses Zimmer(appartement) wichtig, da sie mit den Kindern auch viel Zeit im Zimmer verbringen. 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 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.
Personas. Motivation. Needs. Demography. Knowledge. Namics.
Technik Thema / Domain Erfahrung
• Kleine Zimmer • Unzufriedene Kinder • Unzureichende Betreuung • Unsicherheit, ob ein Angebot das passende
ist. • Schlechte und nicht kindgerechte Ausstattung
Frustrationen
• Kinderfilme im Zimmer • Tages und Wochenprogramm durchstöbern
und buchen • Wellness und Spa Angebot • Kinderbetreuung buchen • bessere Klimaanlagensteuerung • Sonderangebote
Wunschliste
http://www.flickr.com/photos/serpicolugnut/172616929/sizes/m/in/photostream/
![Page 33: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/33.jpg)
Technik Thema / Domain Erfahrung
Nora Parker
“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.”
Personas. Motivation. Needs. Demography. Knowledge. Namics.
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 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. Wenn Nora am Abend nicht mit Kunden zusammen isst, bevorzugt Sie meistens das Hotelrestaurant, und isst auch gerne im Zimmer.
Persönlicher Service Moderne Zimmereinrichtung Technische Ausstattung Filme & Games Room Service Spa Sonderangebote & Packages Hotelrestaurant Freizeitangebote
Interessen • Lange Check-In und Check-Out Prozesse • Hotelküche die früh schliesst • Inkompetenter Service • Wartezeiten
Frustrationen
• Checkout ohne Besuch der Rezeption • Hotelservice bestellen • Essen bestellen • Weckdienst • Taxi bestellen • Zug und Flugverbindungen nachschlagen • Mitgliederleistungen beziehen
Wunschliste
Know-How
@flickr
![Page 34: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/34.jpg)
Namics.
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!
Prototyping
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 35: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/35.jpg)
Namics.
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.
Prototyping
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 36: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/36.jpg)
Namics.
Prototype
à 15 Min!
§ 5 Minuten alleine konzipieren
§ 10 Minuten gemeinsam Ausarbeiten
à Fokus auf wenige oder nur ein Key-Feature
à Storytelling: Erzählt das Erlebnis
Prototyping
Interaction Design. Kochschule. Rühren nicht vergessen.
![Page 37: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/37.jpg)
Namics. Interaction Design. Kochschule. Rühren nicht vergessen. http://www.flickr.com/photos/wili/207697884/
Anrichten
http://www.michael-polster.de/2010/05/grillparty-mit-johann-lafer-und-jurgen-drews/
![Page 38: Interaction Design Workshop - Designkantine Namics](https://reader034.vdocuments.mx/reader034/viewer/2022051323/5488e7dfb47959ec0c8b5807/html5/thumbnails/38.jpg)
Namics.
Vielen Dank für Eure Aufmerksamkeit.
[email protected] [email protected]
© Namics
Bildrechte bei den Autoren
Interaction Design. Kochschule. Rühren nicht vergessen.