Prototyping
Common Types of prototypes
- Low-fidelity (includes paper prototypes)
- Horizontal and vertical prototypes (ways to describe partial prototypes)
- Throw-away prototypes (aka rapid prototypes)
- Clickable prototypes
Marc Rettig's article presents advantages of using paper prototypes and how they can be used for testing.
Saffer provides an overview of prototypes in ch. 8.
Methods and tools for creating prototypes
- Hand drawings
- HTML and Editors
- Task-specific development environments
- Drawing packages
- Visio
- Adobe Illustrator
- Omnigraffle
- Also raster image editors (e.g. Adobe Photoshop)
- Prototyping tools
- Axure
- iRise
- Balsamiq
- Sketch
- Adobe XD
- Figma
Discussion
What are the benefits of prototyping?
What are the strengths and weaknesses of the different types of prototypes?