paper prototyping
DESCRIPTION
Images are acquired online, this presentation is for school research purpose, not commercial.TRANSCRIPT
![Page 1: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/1.jpg)
present by Summer Zhang
PAPER PROTOTYPING
![Page 2: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/2.jpg)
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.
![Page 3: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/3.jpg)
What kinds of interface can you prototype?
![Page 4: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/4.jpg)
The Power of Prototyping
![Page 5: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/5.jpg)
What is Paper Prototyping?
![Page 6: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/6.jpg)
Why Paper Prototyping?
Easy iterations
Built for your budget
Easy documentation
![Page 7: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/7.jpg)
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.
![Page 8: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/8.jpg)
Paper Prototyping Steps
1. Determine the key interactions
2. Sketch screen layouts:
![Page 9: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/9.jpg)
3. Determine the screen flow/sequencing:
4. Prepare interactive elements
![Page 10: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/10.jpg)
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
![Page 11: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/11.jpg)
Tools to useDIY Wirephone-holder
POP - Prototyping on paper
UI Stencils
UXPin – Paper prototyping notepads
![Page 12: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/12.jpg)
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.
![Page 13: Paper Prototyping](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c716b34a7959090e8b459f/html5/thumbnails/13.jpg)
Fin. Thank you!