prototyping
DESCRIPTION
weitere Infos: http://marcelzimmermann.wordpress.com Folien des Vortrages beim Usability Stammtisch 30.04.2009 in Hannover. Eine Initiative des GC-UPA (Berufsverband der deutschen Usability und User Experience Professionals). Die Folien zeigen Beispiele aus dem Bereich Prototyping, sowie methodische Problemstellungen dazu. Es wurde bei dem Termin zudem eine Demo der Software "Axure" mit verschiedenen Anwendungsfällen gezeigt. http://www.ponton-lab.de http://www.ux-hannover.deTRANSCRIPT
Anwendungsfälle und ProblemstellungenDipl. Päd. Marcel Zimmermann
Was ist ein Prototyp?
(es zeigt) "die Darstellung [...] des Systems, welche [...] für eine Beurteilung verwendet werden kann." ISO 13407
Warum braucht man Prototypen?
Kunden „verstehen“ keine Word-Dokumente
Warum braucht man Prototypen?
„Was passiert, wenn ich da
klicke?“
„Das habe ich mir aber anders
vorgestellt!“
Design-Iterationen sind teuer!
TEUER =nicht gut!
User Centered Design Process
Prototyping und Werkzeug
festlegen
Was nehme ich da?
?User Centered Design Process
Nutzungskontext analysieren
Anforderungen ableiten und verfeinern
Anforderungen am Prototypen
evaluieren
Prototypen entwickeln und
verbessern
Prototyp erfüllt
Anforderungen
Benutzer-partizipation
Leitfragen
Was ist die Aufgabe des
Prototypen?
✓ Eine Vision visualisieren?
✓ Eine Interaktion spezifizieren?
✓ Eine Userjourney simulieren
und dazugehörige Tests
ermöglichen?
Leitfragen
Was ist die Aufgabe des
Prototypen?
✓ Eine Vision visualisieren?
✓ Eine Interaktion spezifizieren?
✓ Eine Userjourney simulieren
und dazugehörige Tests
ermöglichen?
Leitfragen
Welche Methode passt dazu?
✓ Paper✓ Wireframes / Mockups✓ HTML klickbar✓ Design (Ästhetik)
Beispiele
Beispiele
IT-Holding Corporate Seite
✓ Wireframes mit Visio
✓ Sketchboard an Pinnwand
NORD/LB Intranet ✓ Cardsorting für globale IA
✓ Paper Prototyp mit Sticky Notes
✓ HTML mit Axure
IT-Holding Corporate Seite
✓ Strategie-Workshops
✓ Personas und User-Journeys
✓ Wireframes und Sketchboards
✓ Design
Beispiele
Beispiele
Wireframe
Sketchboard
Design
NORD/LB Intranet
✓ Sehr viel Content / sehr viele Nutzergruppen
✓ Interviews (daraus Personas und User Journeys)
✓ Cardsorting
✓ Paperprototyping
✓ HTML-Prototyp
✓ Design
Beispiele
Contentmapund Cardsorting
Wireframe
Beispiele
Axure ✓ Kommerzielle Software (589 $)
✓ Stärken im Bereich des dynamischen HTML Output und Word-Spezifikation
✓ Verwendung von Master Shapes
✓ Ermöglicht Low- und High-Fidelity