How to Build Prototypes Using InVision

Martina Pérez, UX Designer based in London

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Lessons (26m)
    • 1. Introduction

      1:55
    • 2. Class Project and Resources

      1:31
    • 3. Process

      1:32
    • 4. Creating the InVision Project

      0:49
    • 5. Checking the UI Design File

      1:07
    • 6. Choosing the User Flows

      0:46
    • 7. Preparing the Designs

      1:12
    • 8. Sending the Designs to InVision

      0:38
    • 9. Login Flow: Adding External URL and Automatically Redirect To

      4:19
    • 10. Channels Flow: Fixed Header and Screen as Overlay

      7:26
    • 11. Check Overview Flow

      0:34
    • 12. Revising Prototype

      1:41
    • 13. Sharing Prototype

      1:58
    • 14. Closing

      0:23

About This Class

In How to Build Prototypes Using InVision you will learn how to use inVision platform to create prototypes, for both, mobile and web. You’ll be able to create a prototype, add your design screens, add hotspots to your screens, add some fancy transitions between screens, create more complex interactions such as go to a new screen after 10s or go to an external link when clicking a button, how to gather feedback from your team and how to update your design screens directly from Sketch by making use of the Craft plugin.

Prior experience is not required to join the class, although some previous experience with a digital design tool is more than welcome.