Contact Us

Campus Box 8265
Administration 138
921 South 8th Avenue
Pocatello, ID 83209
Direct: (208) 282-4407
Fax: (208) 282-4994

Office of Web Communications

Some Considerations When Using Flash for Web Pages

PDF version available.

Overview

Flash was originally designed for animation and interaction, but it has been expanded in use to allow everything from motion graphics to video communications. It is a popular Web tool because of the combination and use of vector graphics, reusable shapes and small file and plug-in sizes. “Flash” includes files authored in Macromedia Flash (.swf), as well as the player platform.

Flash is most commonly used on web pages for: art and motion graphics, animation, splash pages and intros, ad banners, interaction and navigation, and video and audio players.

Flash is what its name suggests: flashy. It provides a lot of visual stimulation, but it should not be used to communicate critical content or navigation of your site. Keep this in mind as you consider using Flash in your web site.

Disadvantages

Perhaps Flash’s biggest downside is that it is image-based. This leads to some major limitations:

Splashes or Intros. Many web visitors dislike when Flash intros, or splash screens, are forced on them. Before using a Flash intro, consider:

Another concern about Flash is that it requires a plug-in. While it is small and many web visitors have it installed on their browsers, the use of a plug-in can cause visitors to abandon your site.

Navigation. Good navigation is a core element of a good web site. Make sure yours helps rather than hinders web visitors. We strongly discourage using Flash in navigation, since such use often ends up with a navigation structure that is invisible until a visitor triggers an event (such as a mouseover), or it is not searchable or editable.

Accessibility. Related to these limitations is accessibility. Web visitors with disabilities who rely on nongraphical browsers and screen readers won’t be able to access the content of your site.

Speed. Flash-dependent sites sometimes require a fast internet connection. Visitors with slower internet connections, such as dial-up and some forms of DSL, may be frustrated with Flash-based sites. Consider displaying a ‘Loading...’ sequence with a progress indicator, and loading images and sound in the background where possible to improve the site’s perceived speed.

Future Editing. Though it may not matter to web visitors, future editing of your Flashdependent site could become a huge thorn in the side of your developer successors. This is especially true if you are building your navigation or other core features in Flash. If a term or name occurring in your Flash-based navigation needs to be changed or corrected, it takes much longer to locate a Flash file, open it, alter it, and replace it than it does to simply edit and HTML-based term. This is even truer if colors or styles need to be altered. Ask yourself if Cascading Style Sheets (CSS) couldn’t accomplish your design goals more easily and compatibly.

Questions to Ask When Choosing to Use Flash

Asking these questions will help you ensure your use of Flash creates a positive, rather than a frustrating, experience for visitors to your web site.

A Better Alternative: Cascading Style Sheets (CSS)

Much of the time, inexperienced web designers can forget the powerful combination of HTML and Cascading Style Sheets (CSS). Veteran designers know that HTML is the perfect language for creating the structure of your site, while CSS allows you to create the presentation, style or look of your site. This becomes incredibly important for the longevity of your site.

A single CSS file can control the presentation of an entire site, which means it is your answer to consistency and efficiency. If, for example, you decide to use green throughout your site instead of red, you can make the change one time in the CSS file and it will make the change throughout your site, whether you have five pages or 500 pages. Think of the time it will save you, as well as the confidence that the change is consistent throughout the site.

Last Modified: 11/13/07 at 04:48:31 PM