Bureaucrats, emailconfirmed
1,221
edits
→Build a Paper-Prototype
mNo edit summary |
|||
| Line 481: | Line 481: | ||
The interaction is simulated by manually changing parts of the paper-Interface. E.g. You draw a dialogue box on paper and place it over the rest of the interface if the user triggers the action that shall make it appear. Or if a "link" is clicked you change all parts of the site that are supposed to be different from the old one. | The interaction is simulated by manually changing parts of the paper-Interface. E.g. You draw a dialogue box on paper and place it over the rest of the interface if the user triggers the action that shall make it appear. Or if a "link" is clicked you change all parts of the site that are supposed to be different from the old one. | ||
====Materials==== | ====Materials==== | ||
[[File:PaperPrototyping_Materialien.jpg|right|200px|thumb|Almost everything is in your office already]] | [[File:PaperPrototyping_Materialien.jpg|right|200px|thumb|Almost everything is in your office already]] | ||
*'''Paper itself''': | *'''Paper itself''': The core material. You can draw your interface on it, you can apply glue, sellotape etc. and you can stack it and have e.g. consitent background and changing parts like dialogue boxes oir sitebars. Not to mention that it is very cheap. So it is no problem to restart or apply changes. | ||
*'''pens''': | *'''pens''': You need them to draw your Interface. I mainly use markers that are not too thin so I don't get lost in the details. You are fine with anything else as long as the contrast to the paper is high enough. | ||
*''' | *'''Sellotape''':Useful for taping pieces together or to create parts of the interface you can write on with wipable pens. Pretty cheap. | ||
*''' | *'''Transparency Foil:''' Serves as area for wipable pens as well. Especially useful if you have bigger areas to cover or as a overlay for transitionally elements or messages. | ||
*''' | *'''wipable Pens:''' They need to be applied on sellotape or foil and are always needed if the interface demands text input. They are as well great for changing parts of the interface. There are dry-wipable and wet-wipable. For the most cases, the latter are better, since they are not wiped of in the testing process as long as you don't do it by purpose using a slighly wet cloth or something like this. Availiable in normal stationery shops. | ||
*'''Restickable Glue:''' | *'''Restickable Glue:''' Pretty cool. They allow to turn every paper into a post-it-like thing. So you can temporarily fixate elements and prevent them from moving. This is very useful. Sadly not as easy to get as the other things on this list. You probably need to order them. Costs ~1,50€ and are worth the money. | ||
====Ressources==== | |||
* A List Apart on [http://www.alistapart.com/articles/paperprototyping/ paper-prototyping] | |||
* Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces by Carolyn Snyder. ISBN 978-1558608702 | |||
===Interacting with a Paper-Prototype=== | ===Interacting with a Paper-Prototype=== | ||