Speed Wireframing a Click-Through Prototype using Symbols

  

There's so many ways to use Mockups. I rarely do click-through prototypes, but if I have to, then I count on Symbols and links to make it painless.

This speed-wireframing video shows you how to:

  1. set up a menu (linkbar in this example) and create a symbol from it
  2. place instances of the symbol in all of a project's wireframes
  3. override the symbol instances to show selected link
  4. edit the original symbol to set the links and update all the instances
  5. and then demonstrate it

It's quick and easy. Want to know more about how to do it? Ask us!


Get the Inside Scoop

We'll send you just one email a month and share a ton of information that you'll get before everyone else. More info about the newsletter here.

We'll never share your email address or spam you.

Leave a Comment

Your email is never published nor shared.

Comments (4)

  1. You can find all the third party tools that will convert Mockups into code including HTML/JS/CSS, MXML/AS, WebORB, and to Mobile applications here:

    http://balsamiq.com/support/community#exporting

    Hope this helps.

  2. For those who’re looking at this and thinking.. well I’m sure Balsamiq can export to HTML (DOPE.. no it can’t 🙁 ) … You need to take a look at http://www.napkee.com

    Omair-Inam Abdul-Matin
  3. Pingback: Prototyping User Interaction with Balsamiq « Dev 4 Soup

  4. Great vid and groovy soundtrack!