Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Creative Uses of InVision for Your Next Project

DZone's Guide to

Creative Uses of InVision for Your Next Project

InVision packs some punch as a prototyping platform. But did you know it also offers a host of tools designed to meet designers’ needs throughout their process?

· Agile Zone
Free Resource

Reduce testing time & get feedback faster through automation. Read the Benefits of Parallel Testing, brought to you in partnership with Sauce Labs.

Written by Clark Wimberly for Shopify Partner Blog


Creative Uses of InVision for Your Next Project

InVision packs some punch as a prototyping platform. But did you know it also offers a host of tools designed to meet designers’ needs throughout their entire process?

Here are five non-prototyping features that might make your life a whole lot easier.

LiveShare: Real-time, remote presentation and collaboration

While all kinds of designers know InVision for its powerful prototyping tools, some overlook the presentation power we’ve packed inside. An InVision prototype alone makes for a super effective way to walk people through your designs — and it’s even better with Tours (see below).

But LiveShare takes your presentations to a whole new level. With it, you can invite your team (or clients, stakeholders, etc.) into a shared space to discuss design decisions as if you’re sitting across the table from each other.

In LiveShare, users can chat via voice or text, while one presenter controls the presentation. It’s a great way to host design walkthroughs and build kickoffs, walking the entire team through the game plan while discussing any possible questions or concerns.

And with LiveShare PS (our free plugin for Photoshop), you can bring your team right into your favorite design tool at any stage of the process. Can’t decide between several layout options? Invite your colleagues to join you, inside your PSD, live. So your client loves the flow, but wants to make a couple of little visual tweaks? Bring them into your PSD and get them done in real time.

Constant real-time collaboration with LiveShare lets you get everyone on the same page, telling the same story.

LiveCapture: Take better screenshots

LiveCapture lets you grab full-page screenshots and single images and save them right to InVision. That makes it easy to:

  • Gather inspiration
  • Grab assets for a new mood board
  • Incorporate live web pages in your prototypes
  • Comment on existing web pages for audits

While a lot of designers build prototypes from wireframes or high-fidelity design files, there’s plenty of value in just snapping pages right from the web. It’s a great place to start when you’re trying to diagnose a problem, dream up a new feature, or adopt an existing flow. Just snap a few key views and round up the team for kickoff.

Project management

Once your project’s filled with your design files or Snaps, you can use InVision comments to leave feedback right on the prototype. And when you’ve acted on — or convincingly argued against — that feedback, you can mark the comment as complete. It’s like having a to-do app built right into your prototype.

Compared to the long, text-heavy, bullet-ridden emails detailing tiny changes you’re used to, a visual changelog overlaid on the actual design feels like a gift from the heavens. Seeing notes in their original context is invaluable, especially for non-designers, or folks who aren’t as familiar with the finer details of a project.

You can get notified of new comments both in-app and via email, and Comment Mode tracks which comments you’ve viewed so you and your team will never miss a thing. 

Whiteboarding

As time-tested as daily standups and Red Bulls in the break room, whiteboards can be a powerful collaboration and ideation tool. That’s why we built them right into InVision.

You can pull up a whiteboard during a LiveShare session to illustrate your ideas for design tweaks, or start from a blank slate anytime you’re in the app.

Drawing on top of a prototype might seem blunt, but ask John Madden — drawing right on top of the screen with a big colorful line is a great way to get your point across.

Tours

When you’ve spent hours making thoughtful design decisions, explaining them to the team or client is pretty dang important. When you can’t do it in person or with LiveShare, Tours offer a clean way to present your rationale, in order and in context.

Creating a tour is easy, and works just like leaving comments. Just click, explain, and repeat. Guided tours of complex new flows ensure that everyone’s in sync.

Powerful products look simple—but pack complex functionality

Whether you use InVision for one-off prototypes, stylish presentations, or complete project management, we think you’ll find it does the job just right.

How do you use InVision in your day-to-day design work?

The Agile Zone is brought to you in partnership with Sauce Labs. Discover how to optimize your DevOps workflows with our cloud-based automated testing infrastructure.

Topics:
agile ,mockups ,invision ,project management

Published at DZone with permission of Courtney Symons, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}