Einführung in Paper Prototyping

Einführung inPaper Prototypingagile design camp, Hamburg, 23.07.2011@tow8ie

Einfachheit

Kommunikation

Respekt

Feedback

Evernote

“Designing the new interface was a daunting task.First, we made an advanced prototype by cuttingout a roughly-tablet-sized piece of cardboard,writing ‘iPad’ on it, and carrying it around for a fewdays. We would bring it to meetings, hold it indifferent ways, and try to imagine what Evernotewould feel like on this form factor. We lookedpretty stupid and people made fun of usmercilessly. We printed out Photoshopped UIscreens and taped them to the ‘iPad’ to get an ideaof font sizes and finger placement. We learned alot.”

FAIL“We tried taking our existing iPhone UI and makingit bigger.”

FAIL“We tried taking our existing Mac UI and making itsmaller.”

“We […] threw away all of our previous designs.After some trial and error, we got something that wefell in love with.”

“Paper prototyping is a variation of usability testingwhere representative users perform realistic tasksby interacting with a paper version of the interfacethat is manipulated by a person ‘playing computer’,who doesn’t explain how the interface is intendedto work.”

Computer

Moderator

Beobachter

Wichtig‣ Test immer vorbereiten! ‣ genaue Deﬁnition des zu testenden Interface-Konzepts ‣ alle Materialien fertigstellen, die benötigt werden, um den Test durchzuführen

Vorteile‣ frühes Feedback‣ schnelle Änderungen‣ verbessert Kommunikation mit allen Projektbeiligten, insb. mit dem Kunden‣ keine technischen Vorkenntnisse nötig‣ lädt zum Herumspielen ein

Größter Vorteil “Most software is like [an iceberg] -- theres a pretty user interface that takes about 10% of the work, and then 90% of the programming work is under the covers.” Joel SpolskyTestbare Interaktion vor der Implementierung

Figures out what it should do or be.Designer

Makes it happen. Entwickler

understands the contraints of the technology andtools used to implement the interface Techniker

BeteiligungDas ganze Team: ‣ Designer ‣ Entwickler ‣ Techniker ‣ Nicht-TechnikerTechniker und Nicht-Techniker sollten sich dieWaage halten.Technik hat das letzte Wort.

Usability Test -wesentliche Bestandteile

Ziele/Zielgruppe definieren

Aufgabe für Ziel-Benutzererstellen

Papierprototyp erstellen

selbst durchspielen/testen

testen und verbessern

festhalten/kommunizieren

Usability Test ‣ Ziele und Zielgruppe deﬁnieren ‣ Aufgaben für die Zielgruppe erstellen ‣ Papierprototyp erstellen ‣ Selbst durchspielen/testen ‣ Testen und nach jedem Test verbessern ‣ Erkenntnisse festhalten und kommunizieren

Fragerunde@tow8ietow8ie@gmail.com

Einführung in Paper Prototyping

by Tobias Adam

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 12

Statistics

Einführung in Paper Prototyping Presentation Transcript

http://lanyrd.com	7
http://coderwall.com	5