Description
Course info
Level
Intermediate
Updated
Mar 18, 2015
Duration
1h 39m
Description

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
About the author

Jay Boucher is a freelance illustrator and interactive designer creating games and websites for young people.

More from the author
Email Template Design in Sketch and HTML
Advanced
2h 7m
Oct 26, 2015
Introduction to Sketch
Beginner
2h 14m
Dec 17, 2014
More courses by Jay Boucher
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi everyone, my name's Jay Boucher and I'm a freelance web and game designer specializing in online media for kids. I spent eight years as a designer for MTV. com designing sites for MTV, MTV2, MTV Trace. My latest projects involve creating games and animations for renowned children's book illustrator, Ezra Jack Keats. In this course, we're going to learn how to use InVision to create interactive website and app prototypes that can be shared with your clients and your production team. Some of the key takeaways from watching this course include improving user experience by replicating site interaction and working through problems before committing anything to code. Being able to create interactive site mock-ups from practically any source, including raw PSD and sketch files. Learning how hot spots and templates can be used to simplify the creation of prototypes for large projects, and using InVision's project sharing option, including commenting and even sketching directly onto your prototypes. By the end of the training, you will have learned how to create site map prototypes that better reflect the actual user experience of your project. I'm excited to work with Digital-Tutors and to share these techniques with you so let's get started with the first lesson.