UX-2.4 Introduction to inVision
Introduction to inVision
Today we are going to briefly go over InVision. InVision gives you clarity, the ability to collaborate, and the control of everything you need to lead a team's design process. It allows you to efficiently create interactive mockups for your wireframes and designs. Very simply - it allows you to upload images of mockups and map "hot points" to locations on the images. In presentation mode, when a user clicks a location that has a "hot point" they are taken to a new image - mocking what a button would do.
InVision is great for collecting really quick user feedback and also for presenting to stakeholders before development begins.
Here is a quick video tutorial:
InVision has a free version that allows you to have one active prototype at a time. You can also apply for the Education license which will give you a premium account for free.
Once you feel like you have a basic understanding of InVision. Take the following 4 screenshots, upload them to Invision, and then create a prototype of this very simple flow from the Zillow mobile app.
The workflow should look something like this: