Paper Prototyping

In the video below you’ll see a video of someone stepping through a ‘Paper Prototype’. The idea is simple: Draw each state of a set of screens on physical paper (each state on a seperate piec) then step through the screens.

In reality, this is way too clumsy and time consuming to be practical, but it’s still a lot of fun.

Free Workshops

Watch one of our expert, full-length teaching videos. Choose from either HTML, CSS or Wordpress.

Start learning

Treehouse

Our mission is to bring affordable Technology education to people everywhere, in order to help them achieve their dreams and change the world.

Comments

9 comments on “Paper Prototyping

  1. Are you suggesting paper prototyping is too clumsy and time consuming to be practical or just their somewhat over the top detailed implementation of it?

    If it is the former, I (and many others would) beg to differ. Paper prototyping can be an incredibly useful tool.

    Having said that I wouldn’t necessarily advocate such a detailed approach as the one show in the video.

    http://www.alistapart.com/articles/paperprototyping/

    • I think the video is a bit too detailed for what they are using it for, because it seems like they are doing complex sequences and going across lots of the software, but you can’t really see much detail.

      I’ve used this process before for testing UI/UX, and getting people to walk through the process talking out what they are doing and it’s AMAZINGLY useful, it’s great to see what users try to do, and which bits confuse/stimulate them, and helps you work out how to structure things. If you can do it super fast and use it to firm up ideas on what works, it’s a great step before creating something people actually use.

  2. Nice video. I agree that going into this much detail seems a bit silly, but it is a fun way of doing it. Definitely doing sketches of each screen is needed, but a great concept and idea. Thanks for sharing.

  3. A long time ago I saw an artistic video about a more humanistic way to make sotfware interfaces. But it’s a lot of work to do that everyday XD  http://www.vimeo.com/4697849

    Simple is better, no doubt! Sometimes humans complicate things that don’t need to be complicated.

  4. I was about to say how impractical this is and how time consuming but I noticed (after watching the video) you already mentioned this.

    A good method would allow for changes to go across the board regardless of where you make the change. Sketching doesn’t allow this. Sketching is for brainstorming and harvesting information and taking chances.

  5. The girls were laughing. Seems that they just had fun to go to the length of details. Probably some student work.

  6. Trying to imagine how many years they spent drawing that. Still, pen and paper are invaluable in the first stages of wireframing, as mentioned in the other comments.

    The AJAX thing with the folded paper was unexpected :D

  7. We had the same observation about classic aproach to paper prototyping. A little bit too clumsy and way too time consuming. We gathered all the pros and cons of this method and draw conclusion. You can see it in action on this video: http://vimeo.com/17261765 and more details are here: http://www.uxpin.com