In his new series Flash Catalyst 1:1, Doug Winnie talks about the relatively new design discipline of interactivity. He highlights how Flash Catalyst and CS5 help create interactive websites and application UIs.

Create a wireframe of the user interface for a Flash-based website or application. Doug introduces the Wireframe Components panel in Flash Catalyst CS5 and shows how to quickly mock-up a wireframe.

Doug takes a single page wireframe and expands it to cover multiple pages using the Duplicate State feature. He examines best practices for preparing your multi-page wireframe for animated transitions.

It’s easy to work with pre-built components or, you can draw custom components to wireframe an idea or UI element. In this video, Doug introduces the wireframe drawing tools in Flash Catalyst CS5.

Flash Catalyst CS5 offers a number of complex components.  In this tutorial, Doug demonstrates how to use wireframe drawing tools to build and customize the data list component.

With the wireframe of a project finished, each page appears statically. Doug uses Flash Catalyst to transform the wireframe to show motion, and interaction from the user.

Cater to a client’s needs with the ability to make additions or corrections after the design process. Doug shows how to easily incorporate changes into a project without starting from scratch.

When the wireframe is finished, it's time to start adding the visual design. Doug covers how to update a project’s components piece-by-piece using Adobe Illustrator and Flash Catalyst CS5.

In this video, Doug tells how to optimize your project using features from the Library panel. Doug also walks you through how Flash Catalyst organizes and publishes files.

You may want to work with a developer on large or complex projects. Doug describes the workflow from design to develop, and he opens a new project in Flash Builder to illustrate what developers see when starting from scratch.