What does prototype mean in interaction design? Screen sketch Cardboard mockup Video 3D printed model Software
Why do we need prototypes ? Decision-Making Compare design variations and resolve conflicts Communication Create shared preview among all stakeholders Evaluation & Feedback Fast and inexpensive ways to refine design
Prototypes categorized by Fidelity Low Medium High
Prototypes categorized by Fidelity Low High Medium
1. Sketch key pages on separate paper 2. Specify how user will transition between them using Arrows 1.Create key pages by placing UI elements in the right place. 2.Add interactivity by establishing links between them Paper Digital
Mockflow http://www.mockflow.com/ Justinmind http://www.justinmind.com/Download: Installation instruction: Liscense key: JP-evaluation-50-professional-42864482-4473== POP https://popapp.in/ http://www.justinmind.com/media/Justinmind_Prototyper_license_installation.pdf By using this software and this academic licence provided for UC San Diego / Coursera you agree that the software will not be used on any projects whose outputs will be used by a commercial, government, political or religious organisation. If you cannot agree, you must purchase a full licence.
Design a low-fidelity prototype (paper or digital) for at least one user story in your project. Exercise * Be sure to answer the following questions before you start: Who is the user? What is the task? Why would the user need to complete this task? When and Where (scenario/context)? How could the user go through the task with your prototype?