present by Summer Zhang
PAPER PROTOTYPING
What is Prototyping?
> Tangibility, experiencing and testing of results
> Prototypes allows end-users to participate early in the innovation process.
> Surface feel allows earliest understanding of complex challenges.
What kinds of interface can you prototype?
The Power of Prototyping
What is Paper Prototyping?
Why Paper Prototyping?
Easy iterations
Built for your budget
Easy documentation
Where does paper prototyping fit into
the design process?
1. The design team uses paper for their presentation to a larger group of people who have
a vested interest in the product.
2. Users run through a set of existing paper mock-ups or are given blank paper and asked
to represent a concept by sketching it.
Paper Prototyping Steps
1. Determine the key interactions
2. Sketch screen layouts:
3. Determine the screen flow/sequencing:
4. Prepare interactive elements
5. Take your prototype for a test run
“Any design based on a written spec is
a design based on theory.
A design based on a prototype is
a design based on experience and practice.”
-- Prototyping: A Practitioners guide
Tools to use
DIY Wirephone-holder
POP - Prototyping on paper
UI Stencils
UXPin – Paper prototyping notepads
USABILITY TESTING WITH PAPER PROTOTYPES
> Allow users to mock up ideas they think would solve a problem.
> Mark on the prototype where a user attempted to “click” or otherwise interact with the interface
> Ask users to draw what they expect to happen next.
> Keep going even if you don’t have access to a testing lab or if computers, networks, or high-tech
prototypes don’t work as expected.
Fin. Thank you!

Paper Prototyping

  • 1.
    present by SummerZhang PAPER PROTOTYPING
  • 2.
    What is Prototyping? >Tangibility, experiencing and testing of results > Prototypes allows end-users to participate early in the innovation process. > Surface feel allows earliest understanding of complex challenges.
  • 3.
    What kinds ofinterface can you prototype?
  • 4.
    The Power ofPrototyping
  • 5.
    What is PaperPrototyping?
  • 6.
    Why Paper Prototyping? Easyiterations Built for your budget Easy documentation
  • 7.
    Where does paperprototyping fit into the design process? 1. The design team uses paper for their presentation to a larger group of people who have a vested interest in the product. 2. Users run through a set of existing paper mock-ups or are given blank paper and asked to represent a concept by sketching it.
  • 8.
    Paper Prototyping Steps 1.Determine the key interactions 2. Sketch screen layouts:
  • 9.
    3. Determine thescreen flow/sequencing: 4. Prepare interactive elements
  • 10.
    5. Take yourprototype for a test run “Any design based on a written spec is a design based on theory. A design based on a prototype is a design based on experience and practice.” -- Prototyping: A Practitioners guide
  • 11.
    Tools to use DIYWirephone-holder POP - Prototyping on paper UI Stencils UXPin – Paper prototyping notepads
  • 12.
    USABILITY TESTING WITHPAPER PROTOTYPES > Allow users to mock up ideas they think would solve a problem. > Mark on the prototype where a user attempted to “click” or otherwise interact with the interface > Ask users to draw what they expect to happen next. > Keep going even if you don’t have access to a testing lab or if computers, networks, or high-tech prototypes don’t work as expected.
  • 13.