Embed External Maps and Videos in Your Prototype

George Abraham / Wednesday, January 07, 2015

We added the following new features in Version 4 (update 2):

Enhanced Map Stencil to Display Google Maps

We always wanted to enhance the capability of stencils available in the toolbox. In this update we added an additional property to the Map stencil to embed Google maps in your prototypes. The process is pretty straight forward. Simply grab the embed code from Google Maps website and add it to the stencil. We have started with supporting Google maps, but we may expand to other popular services if there is interest.

In order to view the final map rendered, you will need to either preview or share your prototype. See help topic on embedding maps for more information.

Google Map

Enhanced Video Stencil to Host Video

If you want to show a Youtube or Vimeo video in your prototypes, you can now do so with the existing video stencil. Simply grab the URL for the video and add it to the stencil. Indigo will automatically adjust the dimensions to match the video aspect ratio.

Indigo Studio may at times be unable to display the thumbnail depending on terms and conditions governing the video service. Read help topic on hosting videos  for more information.

Video

Redesigned Project Tabs as a Dropdown

We made some design tweaks to the project tab area to serve as a compact dropdown (breadcrumb) to switch between open projects. In our observations, users tend to have more screens open than projects, and the multi-leveled tab structure seemed like an overkill. In this update we changed this to breadcrumb style.

Project Tab

To switch to another project that’s open, you can click on the project folder button to select it.

open Projects

Option to View All Open Documents

As mentioned earlier, users tend to have multiple documents open (i.e., screens, storyboards or screenparts) within a project. At times it’s impossible to squeeze everything into the limited space available. We have now added dropdown to view all open documents. This will show you the order in which you opened them. We have also bumped up the number of characters permissible before clipping.

View all Open Documents

New iPhone 6/6+ devices Chromes

This should come as no surprise to you, but it’s here! You can now start building your iPhone 6/6+ prototype. We have also made the necessary tweaks to the iOS pack so that the UI elements fit right in. The prototypes use the pixel dimensions reported by the browser viewport, which is less than the actual device resolution. You can check the viewport size for your device here.

iPhone6

Other Small Tweaks

  • We added a touch cursor when previewing device prototypes in the desktop browser to get a feel for the touch target size.
  • The ability to right align text inside the text input box

How to get this Update?

Here's how you can update the version of Indigo Studio installed on your machine:

  • If you have the option to automatically check for updates on startup checked, you should see a dialog box pop up when you launch Indigo. Simply click update, and Indigo Studio will do the rest. This is the easier approach.
  • If for some reason you chose not to automatically check for updates, go to MENU > HELP & ABOUT and use the "CHECK FOR UPDATES" option.

Checking for Updates

About Indigo Studio for Interaction Prototyping

Don't have Indigo Studio? Download a free 30-day trial which will let you try all of the prototyping goodness!

Download Indigo Studio

Looking to suggest improvements and new ideas for Indigo Studio?

Submit a new idea

If for some reason you are having trouble with Indigo Studio, check out our help topics, forums or contact support.

Get Support

Follow us on Twitter @indigodesigned

View Release Notes