Skip to content

Latest commit

 

History

History
23 lines (15 loc) · 1.55 KB

instructions-0b-prototyping.md

File metadata and controls

23 lines (15 loc) · 1.55 KB

Prototyping

Create a clickable/tappable mobile prototype for the Minimum Viable Product (MVP) of your application. Use wireframe diagrams as the screens in the prototype.

Software

Use the free tier of InvisionApp Prototype to build the prototype - pick the mobile phone prototype option of your choosing.

Prototype requirements

  • all buttons, links or other user interface components that allow a user to transition from one screen to another must be functional in the prototype
  • any user interface components that show a dynamic overlay panel when clicked or tapped must be functional in the prototype.
  • you may need to create new variations of your existing wireframe diagrams in order to make the prototype look more "believable" - create as many as necessary to give a real sense of how the application flow might work.
  • your prototypes must be designed to clearly show the way in which a user navigates from one screen to another, as well as how they solve the core use cases and needs your app is designed to solve.

Publish files

Publish as follows:

  1. Publish your prototype from within Invision - this generates a web URL where anyone can view the prototype.
  2. Export your prototype from Invision and add these prototype files into your git repository in the ux-design/prototype folder.
  3. Update the UX-DESIGN.md document to include new section towards the top about the prototype, with a link to view the hosted version live on Invision.
  4. Use git to add, commit, and push your repository to GitHub.com