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:

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Ellie Chen
Ellie Chen

Written by Ellie Chen

Freelance Product Designer, ex-Glovo, Spotahome, linkedin.com/in/helloellie

No responses yet

Write a response