Learn how InVision supports flow-based design, hot spots, screen flow, and lightweight animation, and discover the types of UX projects are best for this InVision. In this tutorial, Diane Cronenwett demonstrates how InVision is used to create UX prototype
- [Instructor] One of the tools I use…almost daily is InVision.…For basic prototypes, InVision is really easy to use…for linking your screens together using hotspots.…InVision doesn't allow you to create your design…in the browser like mock-ups,…so you will need to use a different software…to create your screens, like Sketch or Photoshop.…InVision prototypes can be created for the web,…mobile, and other devices.…InVision has built-in transition states…for mobile prototyping, so if you're using…fully rendered mock-ups, you can create high-fidelity…prototypes for mobile using this tool.…
The limitation for InVision is simulating data entry.…For example, you can't mimic someone filling out a form,…because it's a static mock-up…that the user will be interacting with,…not a real form field.…You would have to create each state of the design…to simulate the experience of a form.…It's not impossible to simulate,…but there are other tools, like Axure,…that might be a better fit for this type of interaction.…But, for early concept testing and getting feedback quickly,…
Explore the benefits, techniques, and tools of prototyping in this introductory course with designer Diane Cronenwett. Diane covers the basics of building effective prototypes with the right "fidelity," and getting more valuable feedback from your design testing. Learn how to build simple, satisfying prototypes on paper, and use digital prototyping tools like Moqups, InVision, and Axure to add interactivity and animation.
- What is a prototype?
- How prototyping helps user experience
- Defining prototype goals
- Sketching ideas
- Creating paper prototypes
- Building low-fidelity and high-fidelity prototypes
- Creating HTML prototypes
- Testing and evaluating prototypes
- Choosing the right prototyping tool