Rapid Prototyping with InVision

Video description

InVision is a software tool that makes it easy to quickly create prototypes of web sites and mobile apps; and share them with others. This course teaches you how to use InVision to build your own prototypes. Stephanie will provide a hands-on look at InVision's tool sets and demonstrate how prototypes (unlike static wireframes or screen mock-ups) make it possible to demonstrate a web site or app.

You'll learn why prototyping helps you find and …

Rapid Prototyping with InVision

Video description

Understand what prototyping is and how it fits into the UX design process
See why UX designers, interface designers, and product managers use InVision
Gain experience building a prototype in less than 10 minutes without writing any code
Discover how to integrate InVision prototyping into your existing workflow
Explore built-in tools for feedback collection, collaboration, and project status tracking
See the plug-in for Sketch and Photoshop that speeds up the design workflow
Understand how to prepare a prototype for hand-off to engineers for development

Stephanie Schuhmacher has designed and prototyped digital experiences for the web and mobile apps since 1995; including award winning products such as the NetSpend Personal Financial Management Tool Suite (named Most Innovative Prepaid Program by the 2010 Paybefore Awards). Currently the Manager of User Experience at Lifesize, Stephanie co-founded the Austin, Texas chapter of Ladies that UX, taught Visual Communications and Web UI Design at Austin Community College, holds a BA in art from the University of Texas, and is a published author on UX design issues.

Publisher resources

Download Example Code

Introduction

Introduction 00:01:51

About The Author 00:00:45

Prototyping and User Experience

What Is Rapid UX Prototyping? 00:03:26

Prototyping In The UX Design Process 00:05:48

Planning Your Prototype’s Goals 00:03:41

Tips For Creating Effective Prototypes 00:06:43

What Is InVision? 00:02:55

Build Your First InVision Prototype

Create An InVision Account 00:00:35

Create Your First Project 00:01:17

Adding Hotspots To Your Prototype 00:04:34

Sharing Your Prototype With Others 00:02:02

Collaborating With Team Members In InVision

Adding Collaborators To Your Project 00:01:37

Adding Comments To A Prototype 00:02:03

Reviewing And Resolving Comments 00:01:24

Tour Points, Notes, And Private Notes 00:01:51

Using LiveShare To Collaborate With Your Team 00:02:38

Reassign Your Prototype To Another User 00:00:34

Organizing And Managing Your InVision Prototype

Organizing Your Screens Using Sections 00:02:37

Renaming And Searching For Screens 00:02:10

Removing And Archiving Screens 00:01:29

Duplicating Screens 00:01:48

Building On The Basics

Introduction 00:00:36

Working With Hotspot Templates 00:04:35

Setting Fixed Headers And Footers 00:02:25

Adding Hover States With Hover Hotspots 00:04:26

Using Overlays To Layer Screens 00:03:42

Link To Another Point On The Same Screen 00:04:19

Using Timed Redirects To Automatically Move To Other Screens 00:02:19

Other Ways To Share Your Prototype For Feedback

Download Your Prototype To Use Offline 00:03:31

Customizing And Managing Share Links 00:04:50

Usability Test A Desktop Prototype With UserTesting 00:01:41

Get Feedback On A Mobile Prototype With LookBack 00:01:48

Managing Your Prototype’s Workflow In InVision

Activity Feed And Workflow Features 00:02:31

Using History Mode To Track Changes 00:00:50

Using Live Embed To Integrate With Other Collaboration Tools 00:01:43

Create Your First Mobile Prototype

Introduction 00:00:45

Adding Complexity With Gestures And Transitions 00:04:31

The InVision Mobile App 00:02:01

Using InVision’s Craft Plug-In With Sketch

Invision’s Craft Plug-In For Sketch And Photoshop 00:02:32

Using Craft’s Data And Duplicate In Sketch 00:04:10

Pairing Sync And Inspect Mode 00:01:49

Create Reusable And Sharable Styles With Library 00:01:40

Solicit Real-Time Feedback With Freehand 00:01:08

Conclusion

Wrap up And Thank You 00:01:38

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.