interaction design workshop - designkantine namics
DESCRIPTION
Slides vom Interaction Design Workshop in der Designkantine bei Namics.TRANSCRIPT
Designkantine. Interaction Design. Prototyping. Lafer, Lichter, Lecker. Workshop. Namics.
Michael Sandmaier. Consultant UX. Daniel Demel. Interaction Designer. 27. Oktober 2011
Namics.
Die Ziele der heutigen Designkantine
Interaction Design. Kochschule. Rühren nicht vergessen.
Zweck des IX Designs verstehen
Laufen lernen
Werkzeuge & Methoden
kennenlernen
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
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
Namics. Interaction Design. Kochschule. Rühren nicht vergessen.
Interaction Design ?
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Feedback
Eingabe
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Technologie
Feedback
Eingabe
Namics.
Mensch und Computer im Dialog
Interaction Design. Kochschule. Rühren nicht vergessen.
Kontext
Technologie
Nutzer
Feedback
Eingabe
Namics.
Der Versuch Interaction Design einzuordnen
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics. Interaction Design. Kochschule. Rühren nicht vergessen. © http://www.collection-rolf-heyne.de/
Interaction Design = Nutzerzentriertes gestalten
© image Scott Hanson
Namics.
Nutzer- & Kontextanalyse
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Nutzer & Kontext abbilden
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Nutzer & Kontext abbilden
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
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
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
Namics.
Modelle generieren
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Ideen generieren
Nutzerzentriertes Gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics. Interaction Design. Kochschule. Rühren nicht vergessen. © http://www.collection-rolf-heyne.de/
Interaction Design = Erlebnis gestalten
Namics.
Emotionen abbilden
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Fehler auffangen
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Fehler auffangen
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Eingabe unterstützen
Interaction Design. Kochschule. Rühren nicht vergessen.
Erlebnis gestalten
http://cl.ly/2y1l0Q0f2d3u070A3J0
Namics.
Zustände darstellen
Erlebnis gestalten
Interaction Design. Kochschule. Rühren nicht vergessen.
Namics.
Nutzer überraschen
Interaction Design. Kochschule. Rühren nicht vergessen.
Erlebnis gestalten
http://cl.ly/2y1l0Q0f2d3u070A3J0
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/
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
Namics.
Ziele des Workshop
Workshop
Interaction Design. Kochschule. Rühren nicht vergessen.
Ideen finden Ideen festhalten
Namics.
Ablauf des Workshops (Kochplan)
Workshop
Interaction Design. Kochschule. Rühren nicht vergessen.
Ideation 5´
Prototyping 15´ Präsentation 5´
Analyse 5´
Namics.
Analyse - Personas
à Belvedere Business Hotels:
§ Nora Parker
à Belvedere Family Ressort:
§ Karin & Roger Mayer
Prototyping
Interaction Design. Kochschule. Rühren nicht vergessen.
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/
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
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.
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.
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.
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/
Namics.
Vielen Dank für Eure Aufmerksamkeit.
[email protected] [email protected]
© Namics
Bildrechte bei den Autoren
Interaction Design. Kochschule. Rühren nicht vergessen.