Expanded Library

Creating Web and App Prototypes with InVision

by Jay Boucher

Developing a clickable prototype of a site or app is an important stage in designing user interfaces and creating positive online experiences. Software required: InVision, Photoshop CC, Sketch 3.

What you'll learn

Developing a clickable prototype of a site or app is an important stage in designing user interfaces and creating positive online experiences. In this InVision tutorial we'll learn how to use InVision to create interactive prototypes that can easily be shared with your team and clients. By the end of this InVision training we'll have covered all aspects of using InVision: Setting up screens and sections, creating hotspots, building interaction, syncing files, working from raw source Photoshop and Sketch source files, and sharing our final prototypes. Software required: InVision, Photoshop CC, Sketch 3.

About the author

Jay Boucher is a freelance illustrator and interactive designer creating games and websites for young people. He strives to create work that is both entertaining and intuitive to use, a combination of visual fun and UI best practices. Jay spent much of the 2000s as Senior Designer for MTV.com, designing sites for shows like "Pimp My Ride" and "The Real World", as well as cable channels MTV2 and MTV Tr3s. He has worked with Hearst Digital, Condé Nast and Westwood One Radio Network and currently c... more

Ready to upskill? Get started