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

Fragerunde

@tow8ietow8ie@gmail.com