Einführung in Paper Prototyping
-
Upload
tobias-adam -
Category
Design
-
view
524 -
download
0
Transcript of Einführung in Paper Prototyping
Einführung inPaper Prototyping
agile design camp, Hamburg, 23.07.2011@tow8ie
Einfachheit
Kommunikation
Respekt
Mut
Feedback
Evernote
“Designing the new interface was a daunting task. First, we made an advanced prototype by cutting out a roughly-tablet-sized piece of cardboard, writing ‘iPad’ on it, and carrying it around for a few days. We would bring it to meetings, hold it in different ways, and try to imagine what Evernote would feel like on this form factor. We looked pretty stupid and people made fun of us mercilessly. We printed out Photoshopped UI screens and taped them to the ‘iPad’ to get an idea of font sizes and finger placement. We learned a lot.”
“We tried taking our existing iPhone UI and making it bigger.”
FAIL
“We tried taking our existing Mac UI and making it smaller.”
FAIL
“We […] threw away all of our previous designs. After some trial and error, we got something that we fell in love with.”
“Paper prototyping is a variation of usability testing where representative users perform realistic tasks by interacting with a paper version of the interface that is manipulated by a person ‘playing computer’, who doesn’t explain how the interface is intended to work.”
User
Computer
Moderator
Beobachter
‣ Test immer vorbereiten!‣ genaue Definition des zu testenden
Interface-Konzepts‣ alle Materialien fertigstellen, die benötigt
werden, um den Test durchzuführen
Wichtig
‣ frühes Feedback‣ schnelle Änderungen‣ verbessert Kommunikation mit allen
Projektbeiligten, insb. mit dem Kunden‣ keine technischen Vorkenntnisse nötig‣ lädt zum Herumspielen ein
Vorteile
Testbare Interaktion vor der Implementierung
Größter Vorteil“Most software is like [an iceberg] -- there's a pretty user interface that takes about 10% of the work, and then 90% of the programming work is under the covers.”
Joel Spolsky
Designer
Figures out what it should do or be.
Entwickler
Makes it happen.
Techniker
understands the contraints of the technology and tools used to implement the interface
Das ganze Team:‣ Designer‣ Entwickler‣ Techniker‣ Nicht-Techniker
Techniker und Nicht-Techniker sollten sich die Waage halten.
Technik hat das letzte Wort.
Beteiligung
Usability Test -wesentliche Bestandteile
Ziele/Zielgruppe definieren
Aufgabe für Ziel-Benutzer erstellen
Papierprototyp erstellen
selbst durchspielen/testen
testen und verbessern
festhalten/kommunizieren
‣ Ziele und Zielgruppe definieren‣ Aufgaben für die Zielgruppe erstellen‣ Papierprototyp erstellen‣ Selbst durchspielen/testen‣ Testen und nach jedem Test verbessern‣ Erkenntnisse festhalten und
kommunizieren
Usability Test