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.
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.