Prototyping Practice in InVision

Prework 5 of Ironhack UI/UX design bootcamp

Ellie Chen
1 min readAug 7, 2017

The Task

Turn wireframes into an interactive prototype by using InVision, a prototyping tool that allows you to create links between screens. I used the wireframes of a car rental app I created in previous prework as example.

The purpose of this practice is to:

  • Learn the basic functions of InVision.
  • Design the interactions between buttons and screens. (Which screen should I link the button to? How does destination screen show up after taping a certain button?)

My Work

Here is the workflow of the prototype:

--

--