home > services 

Adaptive Path Blog

The Team

Alexa conquers interactive wireframes on Boxes & Arrows

by Kate Rutter

Like many interaction designers, I’m increasingly dissastisfied with the static, page-based tools that are used to create and share wireframes (OmniGraffle or Visio, anyone?) There is simply no way that these applications can communicate the fluidity and richness of interactions that are now possible.

So when Alexa held a tutorial on prototyping with Flash, I jumped at the chance to attend. It’s been a long time since I’ve used Flash, and never in the context of prototyping. I was concerned that I didn’t have the chops to follow along, but Alexa made it easy. I learned a ton, and I’m eager to use my new knowledge on a project.

And now, you, too can jump into the world of Flash Prototyping. Alexa has published her tutorial on Boxes and Arrows, complete with detailed instructions, templates and tips.

And if you want to experience the in-person version, Alexa’s teaching her tutorial at UX Week 2008.

Long live the interactive prototype!

4 Responses to “Alexa conquers interactive wireframes on Boxes & Arrows”

  1. Eric - SuperFiction Says:

    never tried interactive wireframes with Axure RP Pro ?
    http://www.axure.com

  2. Kate Rutter Says:

    Hi, Eric. I’ve seen Axure in action, and I think it’s a great way to go. There are a lot of Axurians in the UX community and folks speak highly of it. But AP is a Mac house, and we’re not all up on running Windows apps on our Macs yet. So until then, Flash is the tool we’re using.

  3. Eric - SuperFiction Says:

    Kate, if you’re working on Mac, you can also use Omnigraffle.
    It seems to be more specific for prototyping than Flash, don’t you think ?

  4. Kate Rutter Says:

    Yes, indeedy. As mentioned in the post, we use all kinds of tools for wireframing…but these don’t fit the moving and shaking needs for communicating fluid interactions. Although, I’ve done a couple lo-fi animations in Keynote and powerpoint, heh.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>