Improved Prototyping With the New Adobe Fireworks CS4
by David HogueTuesday, September 30th, 2008
We’ve been using Fireworks CS3 for wireframing and prototyping since May 2007, and it has been an important tool in our overall design process. As interactions on web sites become more complex, we need stronger tools to help us design, demonstrate, and test those designs.
Adobe recently announced upcoming release of their new CS4 design software, and I’ve had the opportunity to work with the Fireworks CS4 beta team for the past year and one-half to help test and refine the new version. As part of their release of the new tools, I recorded a series of tutorial videos for Adobe demonstrating how to use the new Fireworks CS4 to create effective wireframes and interactive prototypes more efficiently than ever before:
Using Fireworks for Information and Interaction Design
Creating Interactive Prototypes with Fireworks
Rapid Prototyping with Fireworks
Fireworks As Part of the Complete Design Process
Each video runs about 10 minutes and covers a different set features of Fireworks CS4 for information and interaction design.
Some of the new features in Fireworks CS4 we’re looking forward to:
- Export directly to PDF and support for interactive PDFs
- Enhanced grids and guides for accurate layout
- Enhanced rich symbols that support CSS / HTML export
- Enhanced styles and live previews
- Improved page, layer, and state functionality
- Improved workflow between Fireworks and Photoshop
These updated tools will help us create better design documents and more interactive demonstrations and prototypes for our clients, and they support the increasing importance of complex interaction design in the visitor experience.