Nimble Prototyping Backed by Usability Studies & User Videos

George Abraham / Tuesday, July 31, 2018

Creating wireframes or mock-ups before coding can make it much easier to collaborate on designs and requirements. By structuring discussions around what the user will see, fewer things are left to interpretation. However, without testing the designs with the target audience, it’s an incomplete UX process.

With Indigo.Design, all you need is a web-browser to go from prototyping to watching videos of how people used your prototype, and the best part is that you can create your designs in any tool you like. Yes, even Microsoft PowerPoint!

Create prototypes in the cloud

To start creating your prototypes, visit Indigo.Design to sign in or create a free user account.

Introducing prototyping in the cloud

After signing in, use the web-based editor to import your images. Then, simply select an image, click+drag to create a hotspot and add an interaction to link to a destination screen/image. That’s how simple it is to create an interactive prototype.

When you are ready, click publish to get a link that can be shared with anyone to view the prototypes. Your reviewers can view the prototype on any device using a web-browser.

Learn more: Create your first prototype

Importing Sketch documents and flows

If you use Sketch app to create your designs and prototypes, you can easily publish it as an Indigo.Design prototype and get the all the benefits of collaboration and usability testing with user-videos.

The best part is that you don’t have to recreate the flows that you created in Sketch. Simply drag and drop your Sketch file in the prototype editor, set a starting point, and hit publish. Now, you are all set to kick-off a usability study or share a link with others!

Use Indigo.Design desktop to design your prototypes

The desktop app provides a WYSIWYG experience to create your prototypes from scratch. You can design screens by adding UI components from toolbox or from your own reusable design library.

Desktop app screenshot

More importantly, the desktop app allows you to easily create UI states to simulate rich interactivity and custom transitions using an animation timeline. You can even import from Sketch using our Sketch plugin to add more interactivity. And naturally, you can use the desktop app whether you are online or offline!

You can then publish your prototypes to the cloud or your on-prem server to get all the benefits of collaboration, commenting, and usability studies.

Learn more: Indigo.Design Desktop features

Unlimited usability testing

You can set up a usability study for any prototype published on Indigo.Design. Creating a study lets you collect usability analytics and user videos for each participant.

Task report

You do this by setting up tasks for people to complete with the prototype and specifying an expected set of steps. Participants can complete the task however they like, but you will be able to learn whether the “expected path” is the popular one. And when watching video replays, our unique timeline visualization lets you quickly jump to interesting events (e.g., misclicks)

If you add the usability study to a group workspace, you can let any invited member analyze the reports and videos. You can even delegate the usability study responsibility to another member of your team.

Video player

Study owners will receive email notifications with a study progress report as and when participants complete the study.

Learn more:

Get started with Indigo.Design!

Don't stop with prototypes; get it in the hands of real users with our 1-click sharing, and the ability to view prototypes on any device. Harness the power of Indigo.Design Cloud for recording user sessions and task analytics.

Design-prototype-generate code

Use our Essential Plan for free or upgrade to Indigo.Design Professional starting at $39/mo. Want Code Generation? Get Indigo.Design Enterprise for $99/month!