Tags

    Paper Prototyping


    Paper Prototype.jpgGoal

    To demonstrate the value of rapid prototyping and provide designers with a tool for prototyping that is easy to use and allows quick iteration.


    Duration

    10-30 Min


    Group Size

    Small groups of 2-5


    WHAT is it?

    "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."– Snyder, 2003

    So what does that mean? You can develop a very low resolution model of an interface you're designing and be able to have a real user interact with it and give you feedback about it without having to implement anything digitally. You can change things on-the-fly and iterate rapidly on paper before committing anything to code and pixels.


    Why Teach it?

    If you prototype interfaces on paper, you can not only keep a physical record of what you've developed but you can also iterate on your design much more rapidly than if you commit to a digital interface. By approximating with paper, you enable your users to test the structure and flow without having to flesh out higher-resolution details. Paper frees you from having to consider irrelevant (in the beginning stages of design, anyway) details in the context of testing a larger system.


    How to teach it?

    Get out your sharpies, folks! Think about the stages of interaction you want your user to go through and create an ordered stack of papers that allow a user to explore your interface. What are the transitions like? Good old stacks of paper are useful, and whiteboards have also been used to some success, as well. See the resources below for examples.

    Sample Lesson (20 min)

    Materials: Whiteboard, Post-its, Markers (can also be done with sheets of paper or just a whiteboard/chalkboard

    1st iteration (5 min): Students choose a topic around which to create a prototype. If you are working on a challenge as a class you can use whatever you came up with in the ideate step of the process, if teaching the lesson as a stand alone, use something simple like "Design a web interface to design sunglasses" or "create a pair of shoes for your partner""design a cool bedroom for one of your classmates." Spend 5 minutes developing a quick prototype using post-its on the whiteboard.

    Feedback (5 min): Have students present their ideas to a test group (usually one another) for feedback, using the paper prototype as visual aide.

    Iterate (5 min): Have students go back to their paper prototype and make changes based on the feedback they received from their test group.

    Wrap Up (5 min): Ask the following questions as a quick wrap-up. What did you learn about your idea from the rapid prototyping? What did you learn about the overall process? What are the benefits of this kind of prototyping? What are the limitations?



    RESOURCES

    Paper Prototyping by Carolyn Snyder, 2003 [links to a host of related resources]


    Download file "lo-res-interface-ptype.ppt"
    Online Eyeglass Customization Interface Testing: Bootcamp W07

    Back to Curriculum Home Page


    CREDIT

    Carolyn Snyder
    text: Carly Geehr

    Comments

    /groups/k12/search/index.rss?tag=hotlist/groups/k12/search/?tag=hotWhat’s HotHotListHot!?tag=hot6/groups/k12/sidebar/HotListAdded tag - hotdyoungDevon Young2016-06-09 18:05:15+00:002016-06-09 18:05:15addTag14Added tag - activitydyoungDevon Young2016-06-09 08:51:57+00:002016-06-09 08:51:57addTag13Added tag - testdyoungDevon Young2016-06-09 08:51:48+00:002016-06-09 08:51:48addTag12Added tag - prototypedyoungDevon Young2016-06-09 08:51:46+00:002016-06-09 08:51:46addTag11Added tag - ideatedyoungDevon Young2016-06-09 08:51:45+00:002016-06-09 08:51:45addTag10Added tag - definedyoungDevon Young2016-06-09 08:51:43+00:002016-06-09 08:51:43addTag9Added tag - empathizedyoungDevon Young2016-06-09 08:51:42+00:002016-06-09 08:51:42addTag8Added tag - stokedyoungDevon Young2016-06-09 08:51:40+00:002016-06-09 08:51:40addTag7Added tag - design thinking processdyoungDevon Young2016-06-09 08:51:38+00:002016-06-09 08:51:38addTag6Added tag - resourcesdyoungDevon Young2016-06-09 08:51:35+00:002016-06-09 08:51:35addTag5dyoungDevon Young2016-06-06 23:47:53+00:002016-06-06 23:47:53updated4dyoungDevon Young2016-06-06 21:53:23+00:002016-06-06 21:53:23updated3dyoungDevon Young2016-06-06 20:58:40+00:002016-06-06 20:58:40updated2First createddyoungDevon Young2016-06-06 20:58:21+00:002016-06-06 20:58:21created1wiki2016-06-06T23:47:53+00:00groups/k12/wiki/bb07fFalseResources and Tools by Stage/groups/k12/wiki/bb07f/Resources_and_Tools_by_Stage.htmlDevon Young14 updatesResources and Tools by Stage Key tools and worksheets in each step Warm-up [Download file "Stoke Deck.pdf"] Improv Toolkit for Educators, Improv Activiti...Falsedyoung2016-06-06T23:47:53+00:00Added tag - hotdyoungDevon Young2016-06-09 18:04:48+00:002016-06-09 18:04:48addTag18Added tag - full-cycledyoungDevon Young2016-06-09 06:21:38+00:002016-06-09 06:21:38addTag17Added tag - designed by k12 labdyoungDevon Young2016-06-09 06:21:34+00:002016-06-09 06:21:34addTag16Added tag - educator workshopdyoungDevon Young2016-06-09 06:21:23+00:002016-06-09 06:21:23addTag15Added tag - 2-hourdyoungDevon Young2016-06-09 06:21:18+00:002016-06-09 06:21:18addTag14Added tag - 2016dyoungDevon Young2016-06-09 06:21:08+00:002016-06-09 06:21:08addTag13Removed tag - workshopdyoungDevon Young2016-06-09 06:21:02+00:002016-06-09 06:21:02removeTag12Removed tag - morning routinedyoungDevon Young2016-06-09 06:21:00+00:002016-06-09 06:21:00removeTag11Removed tag - dp0dyoungDevon Young2016-06-09 06:20:59+00:002016-06-09 06:20:59removeTag10Removed tag - design thinking burstdyoungDevon Young2016-06-09 06:20:56+00:002016-06-09 06:20:56removeTag9Added tag - workshopdyoungDevon Young2016-06-06 15:58:59+00:002016-06-06 15:58:59addTag8Added tag - design thinking burstdyoungDevon Young2016-05-23 20:34:51+00:002016-05-23 20:34:51addTag7Removed tag - burstdyoungDevon Young2016-05-23 20:34:43+00:002016-05-23 20:34:43removeTag6Added tag - morning routinedyoungDevon Young2016-05-23 20:34:05+00:002016-05-23 20:34:05addTag5Added tag - dp0dyoungDevon Young2016-05-23 20:33:54+00:002016-05-23 20:33:54addTag4Added tag - burstdyoungDevon Young2016-05-23 20:33:47+00:002016-05-23 20:33:47addTag3dyoungDevon Young2016-05-23 16:46:27+00:002016-05-23 16:46:27updated2First createddyoungDevon Young2016-05-23 16:08:56+00:002016-05-23 16:08:56created1wiki2016-05-23T16:46:27+00:00groups/k12/wiki/213e5FalseDesign Thinking Burst: May 18, 2016 /groups/k12/wiki/213e5/Design_Thinking_Burst_May_18_2016_.htmlDevon Young18 updatesDesign Thinking Burst: May 18, 2016 What: An introductory experience for educators who are interested in learning about the design thinking process. When: April 28, 2016 at the d...Falsedyoung2016-05-23T16:46:27+00:00Added tag - hotdyoungDevon Young2016-06-09 18:05:46+00:002016-06-09 18:05:46addTag16Added tag - full-cycledyoungDevon Young2016-06-09 06:22:15+00:002016-06-09 06:22:15addTag15Added tag - designed by k12 labdyoungDevon Young2016-06-09 06:22:11+00:002016-06-09 06:22:11addTag14Added tag - educator workshopdyoungDevon Young2016-06-09 06:22:06+00:002016-06-09 06:22:06addTag13Added tag - 2-daydyoungDevon Young2016-06-09 06:22:01+00:002016-06-09 06:22:01addTag12Added tag - 2016dyoungDevon Young2016-06-09 06:21:58+00:002016-06-09 06:21:58addTag11Removed tag - workshopdyoungDevon Young2016-06-09 06:21:52+00:002016-06-09 06:21:52removeTag10Removed tag - discover design thinkingdyoungDevon Young2016-06-09 06:21:50+00:002016-06-09 06:21:50removeTag9Added tag - workshopdyoungDevon Young2016-06-06 15:59:14+00:002016-06-06 15:59:14addTag8Removed tag - savedyoungDevon Young2016-06-06 15:59:10+00:002016-06-06 15:59:10removeTag7Added tag - discover design thinkingdyoungDevon Young2016-05-23 21:41:41+00:002016-05-23 21:41:41addTag6Added tag - savedyoungDevon Young2016-05-16 20:35:23+00:002016-05-16 20:35:23addTag5dyoungDevon Young2016-05-13 21:14:20+00:002016-05-13 21:14:20updated4dyoungDevon Young2016-05-11 15:57:56+00:002016-05-11 15:57:56updated3dyoungDevon Young2016-05-11 03:15:39+00:002016-05-11 03:15:39updated2First createddyoungDevon Young2016-05-11 03:01:09+00:002016-05-11 03:01:09created1wiki2016-05-13T21:14:20+00:00groups/k12/wiki/7c78cFalseDiscover Design Thinking workshop: May 5-6 2016/groups/k12/wiki/7c78c/Discover_Design_Thinking_workshop_May_56_2016.htmlDevon Young16 updatesDiscover Design Thinking workshop: May 5-6 2016 Edit this page Create a new page Delete this ...Falsedyoung2016-05-13T21:14:20+00:00Added tag - hotarazAriel Raz2016-06-09 18:05:38+00:002016-06-09 18:05:38addTag13Added tag - prototypearazAriel Raz2016-06-09 06:30:10+00:002016-06-09 06:30:10addTag12Added tag - full-cyclearazAriel Raz2016-06-09 06:30:00+00:002016-06-09 06:30:00addTag11Added tag - grades 9-12arazAriel Raz2016-06-09 06:29:55+00:002016-06-09 06:29:55addTag10Added tag - student curriculumarazAriel Raz2016-06-09 06:29:51+00:002016-06-09 06:29:51addTag9Added tag - 1-weekarazAriel Raz2016-06-09 06:28:21+00:002016-06-09 06:28:21addTag8Added tag - 2016arazAriel Raz2016-06-09 06:28:18+00:002016-06-09 06:28:18addTag7Removed tag - student workshoparazAriel Raz2016-06-09 06:28:07+00:002016-06-09 06:28:07removeTag6Removed tag - fail forwardarazAriel Raz2016-06-09 06:28:03+00:002016-06-09 06:28:03removeTag5Added tag - student workshoparazAriel Raz2016-06-06 16:37:11+00:002016-06-06 16:37:11addTag4Added tag - fail forwardarazAriel Raz2016-06-06 16:36:53+00:002016-06-06 16:36:53addTag3arazAriel Raz2016-03-14 03:01:39+00:002016-03-14 03:01:39updated2First createdarazAriel Raz2016-03-14 02:48:24+00:002016-03-14 02:48:24created1wiki2016-03-14T03:01:39+00:00groups/k12/wiki/0502dFalseMt. Vernon Presbyterian School - Fail Forward/groups/k12/wiki/0502d/Mt_Vernon_Presbyterian_School__Fail_Forward.htmlAriel Raz13 updatesMt. Vernon Presbyterian School - Fail Forward On this page you'll find resources for the one week workshop we held with Mt. Vernon Presbyterian School. The frame of the weeklong experience was...Falsearaz2016-03-14T03:01:39+00:00weblog2009-11-19T16:29:14+00:00groups/k12/weblog/56457FalseNew Riverside-Nueva partnership/groups/k12/weblog/56457/New_RiversideNueva_partnership.htmlLeticia Britos0 updatesNew Riverside-Nueva partnership The Nueva School has some exciting news to report. After the six of us (Rebecca, Megan, Keely, Kim, Anna, and I) from Nueva met Deepa and Veena fro...Falselbritos2009-11-19T16:29:14+00:00hot/groups/k12/search/index.rss?sort=modifiedDate&kind=all&sortDirection=reverse&excludePages=wiki/welcomelist/groups/k12/search/?sort=modifiedDate&kind=all&sortDirection=reverse&excludePages=wiki/welcomeRecent ChangesRecentChangesListUpdates?sort=modifiedDate&kind=all&sortDirection=reverse&excludePages=wiki/welcome0/groups/k12/sidebar/RecentChangesListmodifiedDateallRecent ChangesRecentChangesListUpdateswiki/welcomeNo recent changes.reverse5search