paper-prototypes - Lo-Fi Prototypes Ideas for cheap Let’s...

Info iconThis preview shows pages 1–18. Sign up to view the full content.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: Lo-Fi Prototypes Ideas for cheap Let’s make a prototype Take your storyboard’s scenario to actionable system Bag o’ Tools • • • • • • • • • • • White Poster board: background Blank paper (large pieces) Index cards (dialog boxes, pop-ups, drop-down menus Markers and Pens (drawing interface) Highlighter (for simulating highlighted items) Scissors (decorative cutters need not apply) Transparent Tape (permanent pieces) Re-stickable glue (for temporary items) Removable tape, or cut up post-its Transparencies and pens (“typing” for larger boxes) Wite-Out (For when you make mistakes...WHEN) The Blacklist • Rulers • Big flip charts (keep it smaller) • Fine pens. Details have no place here. • Ego/general emotional baggage • Sentences similar to “Wait, it doesn’t look good yet” Tools for Typing One of these things is a pen. Examples Tabs Dropdown Menu http://www.alistapart.com/articles/paperprototyping/ Login Box + Error http://www.alistapart.com/articles/paperprototyping/ Backgrounds Fixed elements go on poster board From “Paper Prototyping” by Carolyn Snyder Screenshots The outskirts of lo-fi Implementing a Pattern Library in the Real World: A Yahoo! Case Study. Erin Malone and Matt Leacock and Chanel Wheeler boxesandarrows.com Blinders From “Paper Prototyping” by Carolyn Snyder Physical Devices From “Paper Prototyping” by Carolyn Snyder Scrolling From “Paper Prototyping” by Carolyn Snyder Radio Buttons From “Paper Prototyping” by Carolyn Snyder Text Fields From “Paper Prototyping” by Carolyn Snyder These Things are Difficult (But not impossible) • Fine mouse actions (drag & drop, right click) • Graphics (e.g. Video, zooming) • Non-text user submissions (e.g. Upload spreadsheet or photo gallery) Activity Time Everyone gather round ...
View Full Document

This note was uploaded on 11/29/2011 for the course COMPSCI 325 taught by Professor Dunn during the Fall '11 term at UMass (Amherst).

Page1 / 18

paper-prototypes - Lo-Fi Prototypes Ideas for cheap Let’s...

This preview shows document pages 1 - 18. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online