1) The document discusses rapid prototyping using Pencil Project. It outlines the design process from gathering information to creating low and high-fidelity prototypes for testing. 2) Guidelines for low-fidelity prototyping emphasize not getting distracted by details and making multiple iterations to test with others. 3) High-fidelity prototyping involves adding graphics, color, and typography for branding while the basic layout is finished in low-fidelity form. Pencil Project is recommended for creating free prototypes but is best for low-fidelity only.

1. Rapid Prototype
with Pencil Project
Pencil Project - http://pencil.evolus.vn

2. Design Process
1. Gather Information
2. Hypothesis about your users
a. Persona (optional) - Best, Good, Bad
3. Outline - user flow and site functionality
4. Prototype - mock functionality for testing
a. Lo-Fi - wire frames, basic user controls
b. Hi-Fi - color, typography, branding, etc.
5. Design Comp - Final representation of finished product

3. Prototype Guideline : Lo-Fi
No distractions
The goal is rapid iterations, let ideas flow and do not be
distracted by trivial details; Color, Typography, Graphics

4. Prototype Guideline : Lo-Fi
Stop, Test, Continue, Repeat
Don’t get hung up on a process or function. Make multiple
solutions and test it on your coworkers, friends, family.
Listen for reactions, feedback can be misleading. Example
“Hmm, what next” vs “I think this button should be bigger”.

5. Prototype Guideline : Hi-Fi
Graphics, Color, Typography… oh my!
Your basic layouts should be finished in lo-fi, move to hi-fi
for branding. Clients tend to get confused by lo-fi
prototypes and wireframes.

6. Pencil Project for Prototypes
The Good
● Free (Open bar dude!)
● Lots of templates
o Android, iOS, Desktop, Flowcharts
● Custom templates - make your own
● Multi Platform - Apple, Windows, Linux, Firefox
Extension

7. Pencil Project for Prototypes
The Bad
● Exporting templates
● Simple Features
● Best for lo-fi only

8. edward.meehan@wetumka.net
Edward Meehan