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

Interaction Design Workshop - Designkantine Namics

Embed Size (px)

DESCRIPTION

Slides vom Interaction Design Workshop in der Designkantine bei Namics.

Citation preview

Page 1: Interaction Design Workshop - Designkantine Namics

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

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

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

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

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

Interaction Design ?

Page 6: Interaction Design Workshop - Designkantine Namics

Namics.

Mensch und Computer im Dialog

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 7: Interaction Design Workshop - Designkantine Namics

Namics.

Mensch und Computer im Dialog

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 8: Interaction Design Workshop - Designkantine Namics

Namics.

Mensch und Computer im Dialog

Interaction Design. Kochschule. Rühren nicht vergessen.

Feedback

Eingabe

Page 9: Interaction Design Workshop - Designkantine Namics

Namics.

Mensch und Computer im Dialog

Interaction Design. Kochschule. Rühren nicht vergessen.

Technologie

Feedback

Eingabe

Page 10: Interaction Design Workshop - Designkantine Namics

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

Namics.

Der Versuch Interaction Design einzuordnen

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 12: Interaction Design Workshop - Designkantine Namics

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

Namics.

Nutzer- & Kontextanalyse

Nutzerzentriertes Gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 14: Interaction Design Workshop - Designkantine Namics

Namics.

Nutzer & Kontext abbilden

Nutzerzentriertes Gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 15: Interaction Design Workshop - Designkantine Namics

Namics.

Nutzer & Kontext abbilden

Nutzerzentriertes Gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 16: Interaction Design Workshop - Designkantine Namics

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

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

Namics.

Modelle generieren

Nutzerzentriertes Gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 19: Interaction Design Workshop - Designkantine Namics

Namics.

Ideen generieren

Nutzerzentriertes Gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 20: Interaction Design Workshop - Designkantine Namics

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

Namics.

Emotionen abbilden

Erlebnis gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 22: Interaction Design Workshop - Designkantine Namics

Namics.

Fehler auffangen

Erlebnis gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 23: Interaction Design Workshop - Designkantine Namics

Namics.

Fehler auffangen

Erlebnis gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 24: Interaction Design Workshop - Designkantine Namics

Namics.

Eingabe unterstützen

Interaction Design. Kochschule. Rühren nicht vergessen.

Erlebnis gestalten

http://cl.ly/2y1l0Q0f2d3u070A3J0

Page 25: Interaction Design Workshop - Designkantine Namics

Namics.

Zustände darstellen

Erlebnis gestalten

Interaction Design. Kochschule. Rühren nicht vergessen.

Page 26: Interaction Design Workshop - Designkantine Namics

Namics.

Nutzer überraschen

Interaction Design. Kochschule. Rühren nicht vergessen.

Erlebnis gestalten

http://cl.ly/2y1l0Q0f2d3u070A3J0

Page 27: Interaction Design Workshop - Designkantine Namics

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

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

Namics.

Ziele des Workshop

Workshop

Interaction Design. Kochschule. Rühren nicht vergessen.

Ideen finden Ideen festhalten

Page 30: Interaction Design Workshop - Designkantine Namics

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

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

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

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

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

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

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

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

Namics.

Vielen Dank für Eure Aufmerksamkeit.

[email protected] [email protected]

© Namics

Bildrechte bei den Autoren

Interaction Design. Kochschule. Rühren nicht vergessen.