Developing User Friendly Flash Content
Posted on 10 Apr 2001
by Chris MacGregor (ChrisMacG)
Rated 4.34 (Ratings: 14)
- More articles in IA/Usability
IntroductionThe original intent of this white paper was to provide Macromedia Flash developers with the knowledge necessary to create user-friendly Macromedia Flash experiences on the Web. The need for this paper has never been more crucial, since many of the most vocal Web critics have recently portrayed Macromedia Flash content in a negative light. The claims that Macromedia Flash content is bad for the Web or that Macromedia Flash and usability are polar opposites are both myths.
Table of Contents
- Introduction�white paper on Macromedia Flash usability
- The process
- The journey, a metaphor for developing usable Macromedia Flash
- Development steps to creating user-friendly Macromedia Flash
- Usability benefits offered by Macromedia Flash
- Overcoming hurdles with Macromedia Flash - usability tips
- Usability tips for design
Usability tips for embedding Macromedia Flash
- Sound usability tips
- Allow user controls
Macromedia Flash and search engine strategies
- User testing of Macromedia Flash content
- Summary for the journey metaphor
- Challenge: improve usability with Macromedia Flash
- Improve your Macromedia Flash with usability today
I. Introduction Macromedia Flash Usability
Usable Macromedia Flash myth no more
The Macromedia Flash backlashIn order to understand why the notion of "usable Macromedia Flash" is not a myth, we need to understand the core arguments against Macromedia Flash content being usable. In essence, there are three basic criticisms:
- Macromedia Flash content is generally gratuitous, superficial and annoying.
- The Macromedia Flash content is generally built once and not updated.
- Macromedia Flash content does not adhere to many of the established standards for Web content.
Macromedia Flash is a dynamic, powerful Web application productMacromedia Flash is the most powerful cross-platform, interactive development product available to Web developers today. Macromedia Flash does not have the cross-browser and cross-platform compatibility issues that plague DHTML. Macromedia Flash is a more stable environment for interactivity than JavaTM applets. For a Web site requiring something more engaging and interactive than what can be created in HTML, alone, Macromedia Flash offers many possibilities.
Macromedia Flash can improve usabilityDevelopers can use Macromedia Flash to provide a good user experiences online. When executed correctly, with attention paid to the needs and wants of users, Macromedia Flash content can actually improve the user experience on any Web site.The true challenge is for Macromedia Flash developers to start using Macromedia Flash to improve on the usability flaws inherent to the Web. Slow downloads and confusing navigation are problems for all Web surfers. Macromedia Flash offers developers powerful tools to resolve these and other difficulties that users typically experience.
What usability meansUsability means concentrating effort on the ease of use. It means making the tasks needed to accomplish a goal as simple, straightforward and seamless as possible. It means creating a transparent system that is easy to understand and operate instantly. Usability is thinking of the user first, last and always.Usability is not just about making things easier for users: it is a valuable asset. It can mean the difference between success and failure for anything from operating systems to Macromedia Flash content. It can be the selling factor in a purchasing decision, or the root of someone's deep loyalty to a product or service. Usability can increase trust in a system, brand or product.More important than what usability can accomplish is the impact of poor usability on a site visitor. Poor usability causes a loss of communication with the user, which leads to frustration and/or abandonment of the goal. Poor usability negatively impacts the brand responsible for the product or service. Poor usability also causes users to explore new methods of interacting with the product or service, which leads to them 'breaking' the system.A focus on usability when developing Macromedia Flash content can improve the overall effectiveness a project. It also improves the effectiveness of branding and customer loyalty, and it puts the Macromedia Flash developer in the position to overcome the hurdles presented by Web standards.
A guide to better Macromedia Flash
Development principles of usabilityThere are two principles of usability that apply to the development process. These principles are simple and easy to apply.Usability makes everything easier, except the job of the developer. Usability is not easy. There are no macros to run on Macromedia Flash projects to apply usability. Applying usability requires a change in the development process. It requires a new method of thinking about a project from start to finish.However, understanding usability makes the job of the developer easier and the end product better. By having a good understanding of usability practices and principles, Macromedia Flash developers will be far more successful at developing user-friendly Macromedia Flash content. This is the primary incentive to read and apply the lessons in this paper to Macromedia Flash projects. In the long run, the developer's Macromedia Flash content will be more usable and applying usability principles to projects will become second nature.This paper serves as an introduction to usability best practices for Macromedia Flash developers. The paper's goal is to introduce user-focused thinking into the development process and to help improve the usability of Macromedia Flash content in general. By putting the best practices in this paper to use, Macromedia Flash developers can improve the usability of their content.The best practices set forth in this paper are suggestions to help Macromedia Flash developers on how the Macromedia Flash content should look. They are guidelines on how the Macromedia Flash content should look up to help developers understand usability and how to apply it to Macromedia Flash. Following these suggestions can help developers to create more usable Macromedia Flash content that is interpreted by the user as a better product overall.
II. The Process
The journey metaphor for developing usable Macromedia FlashThis process started as an understanding that it is easier to make usability part of a project from the beginning, not as something tacked on at the end. Think of using content as a journey with a starting point, a series of roads to travel and a final destination.
Macromedia Flash content is like taking a tripUsing Macromedia Flash content is like taking a journey from start to finish. The clients for the project want to their users to arrive at the destination. They are the ones paying for the journey. The Macromedia Flash developer is the travel agent, tasked to make sure users can get to the destination. And the user of the Macromedia Flash content is the one taking the journey.
Usability measures how enjoyable the journey isThe client has hired the developer, as travel agent, to get as many people to complete the journey as possible. For the developer, the goal is to make sure that the trip is enjoyable for the user. That means the Macromedia Flash content must be usable (according to the definition of "usability" outlined in Part I of this white paper). Each user who abandons the journey and each user who has a bad time will detract from the overall success of the project.
Success means meeting the goalThe success of the effort can be measured against the goals of the project. The client's goal, the end destination of the user's journey, is their main reason for hiring the developer to create the Macromedia Flash content. This destination may be announcing a new product or training users on a new technology. For many clients, the primary goal to reach with the content may be to drive sales leads and gather contact information of qualified candidates. With other projects, especially artistic endeavors, the journey itself may be the goal, in which case usability might not be applicable.Users' goal is their reason to interact with the content. Each user may have a different reason for taking the journey, and each user's level of desire to achieve that goal will factor into how much poor usability the user will be willing to put up with. The developer can only begin to imagine all the different reasons a user might have for interacting with the Macromedia Flash content. It is best to focus user goals using offers.For most commercial projects a user is given incentive to reach the client's goal. In marketing jargon this incentive is called the "offer." An offer can involve anything from information the user needs to a downloadable piece of software. A strong offer will help to make the client's goal part of the user's goal.
Development steps to creating user-friendly Macromedia FlashWhen applying the journey metaphor to Macromedia Flash development, remember that the developer's job is that of the travel agent, making sure that the user arrives easily at the client's destination. Developers should think about the answers to the following questions, and use the answers to develop usable Macromedia Flash content.
Step #1 - Determine where you're headedThe client and the developer need to identify the primary goal for the content. The destination the client wishes the user to reach is the primary goal for the Macromedia Flash content.
Step #2 - Determine what will motivate the user to take the tripUnderstanding user goals is futile without extensive research. A better strategy is to develop an offer to drive the user towards his/her goal.
Step #3 - Decide how the journey will be madeThe developer should decide the format for the content based on the goals and the offer. Decide whether Macromedia Flash is the best format for the content.
Step #4 - Map out the tripCreate a list of tasks the user will be required to complete to accomplish the goal or reach the destination of the journey. The developer should consider a number of different routes that the user could take.
Step #5 - Make the journey as short as possibleApply usability ideas to the content to make the user tasks easier. Group similar tasks together and remove as many steps as possible.
Step #6 - Watch users make the journeyUser testing on actual end-users is a very effective method for discovering usability defects. A simple, well-prepared testing plan will suffice to provide the developers ample feedback. Part VI of this paper offers a guide to user testing for Macromedia Flash content.
Usability benefits with Macromedia Flash
Reason for using Macromedia FlashDevelopers must ask "Is Macromedia Flash the best format for the content?" Do other tools such as plain HTML offer a better, more effective method for achieving the project's goal? Is the offer strong enough for users to be willing to put up with the potential hurdles they might encounter? Basically, developers should ask themselves whether the needs of the project can suitably be fulfilled with Macromedia Flash content.To help determine if Macromedia Flash is the best product for the job, developers should examine the client's secondary goals. These secondary goals are known as specifications. They are the minimum requirements the user must meet to use the content.Macromedia Flash content deployed on the Internet should be usable to the greatest possible number of users. This may mean developing for an older version of the Macromedia Flash plug-in. It may also mean developing a high and low bandwidth version of the content or a non-Macromedia Flash version. Macromedia Flash deployed inside a more controlled environment like a corporate intranet or a broadband portal can have a higher set of specs to meet. Macromedia Flash presented on kiosks or in a stand-alone projector file is in an even more controlled environment, thus it has higher set of specs.Media needs for the project will also factor into the decision to use Macromedia Flash. Does the project require sound or voiceovers? Will there be XML integration or animation required for the project?
Benefits of Macromedia FlashMacromedia Flash offers many benefits that other interactive Web formats can not compete with. Macromedia Flash offers compatibility and stability unparalleled by other Web formats. In terms of file size, the use of vectors to define objects makes them smaller than their bitmap equivalents. Vectors are also scalable - meaning that the file size and image clarity will remain the same at whatever resolution it is displayed.Macromedia Flash offers a tight integration of multimedia content in a single file format. If the needs of a project dictate that sound, movement and interactivity are needed, Macromedia Flash may is likely the best choice for development. There are other features of Macromedia Flash that make it a powerful Web development product including XML support, server-side application support, printing, forms and dynamic content.The use of vector information in Macromedia Flash means that scaling can be done without distortion or increased file size. Scaling also allows Macromedia Flash to use information from one source, taking away the need to reload page after page. By using the Load Movie command, Macromedia Flash can further improve the loading time by only loading content that is needed by the user. To meet the requirements of this sort of project, Macromedia Flash is the best solution for the developers to use. Macromedia Flash also offers concrete benefits to users by decreasing download times and offering more intuitive access to information.
Macromedia Flash in your toolbox
NFL.com uses Macromedia Flash to deliver page level navigation within their otherwise HTML pages.
III. Overcoming hurdles with Macromedia Flash usability tipsDevelopers should make the user experience a priority in the development process. By incorporating a specific set of steps that focuses the development team on usability brainstorming, the resulting Macromedia Flash content will be better.What follows are a number of suggested practices for developers to incorporate into their Macromedia Flash content.
Usability tips for design
Establish a visual hierarchy and stick to it.Users need visual cues to identify what part of the design is for content, what part is navigation and what is everything else. Create a visual hierarchy for content and stick to it. The user will find comfort in the familiarity and their ability to use the content will improve.For large projects with multiple developers, a style guide should be created early in the design phase to coordinate developers. The style guide should focus on more than just fonts and colors; it should provide interaction rules that define how the user will be able to interact with the Macromedia Flash content. The style guide will help to enforce a cohesive environment for the user to become familiar with.
Clarity of navigationWhen a user is using Macromedia Flash content they may be asked to alter the way they commonly use the Web and work within an unfamiliar environment which can be an extremely engaging experience if it is logical. The navigation within Macromedia Flash content should be efficient and effortless. Users should have no question as to what information any button will lead them to. Navigation should be crystal clear to the user.When designing navigation remember that it serves not only to tell the user where they may go, but also to tell the user where they are and where they have been. As a developer, you should always provide the user an exit and access to the major sections of the content at each phase of the navigation. Avoid designing hidden navigation that is only apparent once the user has triggered an event.
Apply Fitt's Law to button design
The Volkswagen Microbus concept site makes excellent use of Fitt's law. The menu is available from anywhere in the Macromedia Flash and the buttons actually grow as the mouse gets closer to them. These usability features are coupled with an excellent design to make the VW Microbus site an example of exciting, easy to use Macromedia Flash content.
Don't overuse animationAnimation is a powerful medium to convey information. Animation has also been shown to be one of the more aggravating elements of Web design. Repeated animation distracts the peripheral vision and draws the user's eye away from the content.To assure that animation does not annoy the user, use animation only to convey content. Do not put animation between the user and the information that they want. Use animation to better illustrate content or to further define navigation elements. For example, a clothing site may create an animation to highlight sale items when the user clicks on "Deals!"
Legibility tips for screen readingOnscreen text is inherently harder to read, make sure you don't make it any harder. When text is animated it decreases in legibility. Let the user determine the speed at which they will read text. High contrast between text and the background color offers improved legibility. When setting light text over a dark background it is best to use a bold font weight.When possible use fonts that are designed for onscreen reading such as Verdana, Trebuchet, Geneva or Georgia. A good rule of thumb is that if visitors can easily read the font printed on paper at six point-size, they should be able to read it at 12 point-size onscreen. Sans-serif fonts with a wide em unit are the easiest to read on screen.
Design for accessibilityMacromedia Flash contents' ability to scale and add sound can make sites uniquely accessible. However, make sure that content is available to all users of the site, particularly those with disabilities. The needs of those with disabilities have been the recent initiative. Developers should become familiar with the tools and guidelines available from the Macromedia Flash Accessibility Web site to help make Macromedia Flash content accessible to users with disabilities.Current suggestions for developers wanting to make their Macromedia Flash content accessible include the use of equivalent content, text equivalents, keyboard equivalents, mouse-free navigation and synchronized audio tracks. In addition to implementing these tips, Macromedia Flash developers can improve the usability and accessibility of their Macromedia Flash content by using the print feature in Macromedia Flash to allow the user to print lengthy selections of text.Hearing impaired and deaf users cannot gather information delivered via Macromedia Flash sound content. Users with visual disabilities can not see the Macromedia Flash animation and interactivity. To assist these users, developers can include a transcript of any spoken dialogue. The transcription should also include a step-by-step description of the events displayed in the Macromedia Flash content. Developers can then link to the transcription via an HTML tag below the Macromedia Flash content. Many disabled users are aided by specially-tailored technology that can not access the Macromedia Flash content.In addition to transcripts, include the ACCESSKEY attribute to the Object tag when embedding Macromedia Flash in HTML. This allows the user to quickly bring the Macromedia Flash content into focus on a page by pressing a key combination. Once the movie is focused, the user can use the tab key to navigate through the interactive elements of the movie including form elements and buttons. When designing the navigation elements of a Macromedia Flash movie, the developer should test the tab order of the buttons to make sure that they are intuitive.
Usability tips for embedding Macromedia Flash
Provide users a non-Macromedia-Flash optionIt's a good idea to provide a non-Macromedia-Flash option for content for the four percent of users who don't have the Macromedia Flash plug-in. Non-Macromedia-Flash versions of content will help with search engine registration and it will offer faster access to content for users with low-bandwidth connections.
Separate content based on bandwidth needsAllow users to select the level of their connection speed. Users with low-speed connections don't necessarily need or want all the bells and whistles that Macromedia Flash content offers. Provide these users with versions of the content devoid of lengthy sound files and high-resolution bitmaps. Once the file size is reduced, the load time will be shorter; and the user experience for this sector of site visitors is improved.Processor speed and graphic abilities of the computer playing the Macromedia Flash content also factors into performance. Certain animation techniques like alpha blends and scaling tax the processor heavily. For users with older computers, offer a slow-processor version of animations whenever possible.Developers can use Macromedia Flash to test connection speed before loading various elements of the Macromedia Flash content. By timing how long it takes to load specific content, say 20k of data; the developer can then set a variable, that tells Macromedia Flash which content to deliver to the user.
Pre-loading contentNo matter what the connection speed, optimize content for low-bandwidth delivery. Use the streaming ability of Macromedia Flash to build up content as it loads. As users focus on content before other elements in the design, try to have the content loaded within five seconds if possible.To reduce download time use vector-based images, which are lower in memory size than bitmap images. Complex bitmaps, nevertheless, are better left as bitmap files. Fonts also increase the size of the Macromedia Flash content. Stick to a small number of fonts and experiment to find fonts that do not increase the file size too much. Using device fonts decreases the file size but device fonts do not display as anti-aliased.To analyze how well Macromedia Flash content will perform over various bandwidths, use the built-in Bandwidth Profiler located in the View menu of the Test Movie mode. Even compact Macromedia Flash animations consume bandwidth and can delay or distract users from reaching their end-goals.When the project necessitates that users experience a large download, it helps to offer progress status in the loading screen. Progress can be shown as either percentage loaded (20%) or as amount of data loaded (20k). By offering this information to users, you better equip them to determine how much time the download will take.
Launching Macromedia Flash content in a browserThe back button in the Web browser is the single-most used navigation element by users. The back button does not work with Macromedia Flash content. Instead of taking the user to the previous state of the Macromedia Flash content, the back button takes the user to the previous HTML page. This is a serious dilemma that Macromedia Flash developers must deal with to improve usability. Here are a few strategies:
Create single-page content divisionsThe best way to support the browser level navigation tools (the forward and back buttons) is to separate Macromedia Flash movies into logical sections and place them on individual HTML pages. When you deliver content in this manner, users are also able to bookmark specific Macromedia content using their browser bookmark feature.
Use pop-up windows
This screen shot, taken from the Macromedia Flash kit.com, demonstrates a number of good usability practices.
Sound usability tips
Use sound sparinglyThe Web is traditionally a silent medium. Whenever you incorporate sound into Macromedia Flash content you might consider letting the user have the option of turning it off before the sound starts playing. When using sound, make sure that its essential to the goal or offer. Remember that many computers in corporate settings do not have the ability to play sounds.
Optimize sound for file size and qualitySound significantly increases the file size of Macromedia Flash content. Experiment with the sound settings within Macromedia Flash to find the best settings for each sound sample in the Macromedia Flash content.
Provide notice when pre-loading is finishedMulti-tasking on the Web often takes the form of users having multiple browser windows open simultaneously. This means that the user may miss parts of a Macromedia Flash animation because the window with the Macromedia Flash is buried beneath other browser windows. Offer the user the option of having an audio alert play after the content is loaded. A simple beep to alert the user is all that is needed.
Allow user controls
Cardean University offers a good example of user control within a Macromedia Flash animation. The site makes it so that the user can pause and resume the animation at any point.
Allow a "skip intro" or avoid them all togetherIntro animations serve to tell stories and inform the user while the rest of the Macromedia Flash content loads. Intro animations can be preferable while Macromedia Flash content loads over a slow connection. Still, intro animations will drive users away from the site if they feel that the information they are receiving is not directly related to their goals.Intro animations should not be used as content in of itself unless the user is provided the opportunity to skip it. Have the 'skip intro' as part of the HTML and not part of the intro animation. This will allow the user to skip the intro immediately without having to wait for the download in order to bypass it.Avoid using intro animations that impede users from accessing the homepage of a site. Oftentimes the same content that is in an intro movie could easily be embedded in a traditional HTML homepage and stream in the animation after the rest of the page has loaded.
Run intro only onceSet a cookie at the end of an intro animation to indicate that the user has already seen the intro. Next time the user comes back, have the site search for that cookie value and redirect them to the next page of the site. On the destination page make a link to provide the user the opportunity to play the intro animation if they so choose.
Bandwidth profilingSet a cookie value based on the speed of a user's connection. Setting the cookie can be part of the pre-loader. Developers can use ActionScript to track how long it took to load a specific amount of data and set the cookie value accordingly. Visitors who need a long load time (under 20k per second) have a low-bandwidth connection and need content geared for low bandwidth delivery. Visitors with a short load time (over 20k per second) are high-bandwidth users and have the capacity for all the bells and whistles.
Version profilingDetect the version of the Macromedia Flash plug-in that a user has and write a cookie that has the same value. Users with the latest plug-in will be able to take advantage of the XML support in Macromedia Flash 5. Users with version 4 of the plug-in can access the Macromedia Flash printing in that program. By determining the Macromedia Flash plug-in version the user is using, the Macromedia Flash content can deliver the most suitable content to them.
Color preferencesColor Blindness affects seven percent of men and four percent of women. This means that they cannot distinguish red from green, or that they see red and green differently from most people. When designing Macromedia Flash content with reds and greens, you may want to offer the user the options to switch the colors to blues and yellows: colors that are not impacted by color blindness.
Macromedia Flash and search engine strategiesLike with HTML, it is necessary to add meta tags for search engines, there are unique procedures you should adhere to when developing in Macromedia Flash. The information within Macromedia Flash content is not readily accessible to Web search engines. The following are strategies that developers can employ to index Macromedia Flash content with search engines.These strategies should be an addition to traditional search engine registration procedures. The creation of meta tags and study of access reports should be the first steps in the registration process. Macromedia Flash developers must take the extra step of ensuring that users looking for their content will be able to find it using their search engine of choice.
Create synopsis pagesDevelopers should offer a synopsis page that describes the site's content so as to fully to assist search engines in indexing the information that contains Macromedia Flash content. This synopsis should contain descriptive keywords that are unique to the information within the Macromedia Flash content. In effect, the synopsis should summarize the Macromedia Flash content and provide specific data that users may be searching for.
Use indexes, descriptions and keywordsIn addition to the synopses, developers should include indices of the Macromedia Flash content, description and keyword meta tags and a link to the Macromedia Flash plug-in. When registering the Macromedia Flash content, submit the URL of the synopsis page to the search engines. The HTML page that hosts the Macromedia Flash content should also have meta tags as well as a text link back to the synopsis page.
Accessibility helpsMacromedia Flash content that has been developed to meet the accessibility guidelines outlined in this white paper and the guidelines at the Macromedia Flash Accessibility site is ready for search engine functionality. Once the developer submits the URL of the transcription, the information within the Macromedia Flash content can be indexed by search engines.
IV. User testing Macromedia FlashUsability begins with the Macromedia Flash developer, but it does not stop there. Macromedia Flash developers can only make usability choices based on their experience, training and judgement. The developer is only half the equation. It is important to understand that the developer and the user each know only their own perspective of the usability picture.To understand the perspective of a user, the developer must listen to what users have to say. Many valuable insights can be gained from watching other people interact with Macromedia Flash content. What might have seemed like the most logical process during development may totally confuse users. Listening to the opinions of users about the Macromedia Flash content can guide developers toward improving usability in the current content, and toward better planning for usability in the future.User testing Macromedia Flash content on actual end-users is a very effective method for discovering usability defects. Testing should be done throughout development process. By evaluating the design and information structure as part of an ongoing process, developers can correct mistakes and make improvements with the least amount of difficulty.User testing does not have to be a big budget affair. A simple, well-prepared testing plan will suffice to provide the Macromedia Flash developers with ample feedback.
Guidelines for user testing of Macromedia Flash content
Set up the observationCreate a few objectives based on the user goal and the client goal for the Macromedia Flash content. The testing should include a video recording of the computer monitor for later evaluation of the user's behavior with the Macromedia Flash content. Any developers involved in the user testing should understand that they are only observers. Developers are not to give help or pass judgement on the users.
Recruit real world usersFind end-users that have similar experience levels to users of the Macromedia Flash content. Avoid recruiting users who have seen the Macromedia Flash content while in development (not the office manager).
Describe the purpose of the observationExplain to the users that it is the Macromedia Flash content that is being evaluated, not their performance or ability to finish the tasks. If a user does have a problem, they are in fact helping by identifying poor usability.
Demonstrate the equipment in the roomIf a video camera is being used, explain to the user what is being taped and how the tape will be used. The goal is to have users who are comfortable while participating in the test.
Explain how to "think aloud"Ask users to verbalize their thought process as they use the Macromedia Flash content. Remind them also that they will be reminded to think aloud if they forget.
Explain that testers will not provide helpThere are no mistakes in user testing. The goal is to observe users interacting with the content. If a tester were to offer help it would invalidate the testing results.
Describe the tasks and introduce the Macromedia Flash contentEach of the objectives for the test should be explained to the user as clearly as possible. An introduction to the Macromedia Flash content should include the overall goals of the content but no information on the interface or architecture.
Ask if there are any questions before starting the testMake sure that users understand all that is being asked of them. Make sure they are comfortable and ready to begin.
Begin the observationStart the camera and begin the user testing. Any observers involved in the testing should take notes as to their observations.
Conclude the observationTo evaluate the data collected, you must set the testing parameters. Decide how many users are going to be tested and what the time frame will be.
Use the resultsOnce the user testing is finished, compile all the data collected and identify usability problems to be corrected. Follow through on the testing and correct the errors, then begin the testing process again.
Testing summaryThe goal of user testing is to improve the usability of the Macromedia Flash content. By using real world users, Macromedia Flash developers can get insight into issues of navigation for their product, its users and ultimately, for their client. This insight will help improve their design skills.
V. SummaryMany Macromedia Flash developers think high usability means developing a conservative interface with little room for creativity. Nothing could be further from the truth. Applying usability principles throughout the development process encourages creativity as your team brainstorms for ideas. The field of Macromedia Flash content design is wide open for creative interpretation. In fact, many of the usability tips in this paper are the result of brainstorming in real world development situations. Applying usability to the Macromedia Flash development cycle offers benefits to developers, clients and users alike.The journey metaphor helps a team in the pre-design stage of a project to define their project goals and brainstorm on site features that will improve usability. With usability in mind, the developers can focus the design on simplifying user tasks and improving the user experience.The client benefits from this focus on usability because their end goal is easier for users to reach. This reduces site abandonment and can increase user trust in the client's brand.The user benefits from forethought that goes into usability because, quite simple, they end up having a more enjoyable experience using Macromedia Flash content. When the developer focuses attention on the user and site usability, the Macromedia Flash content is better suited to meet everyone's needs.
Summary for the journey metaphorDeveloping for usability is really all about preparation. Before asking the user to make the journey the developer should do the following:
- Know where the user is going the goal
- Have and idea why the user wants to get there the offer
- Determine the method of travel is it Macromedia Flash?
- Map out the trip storyboard
- Make the journey as enjoyable as possible usability
- Watch users make the journey testing
Challenge: improve usability with Macromedia FlashDevelopers are faced with issues of usability every day. Clients have begun to demand that usability is a major factor in the design of interactive content. In addition to clients, users have little time for poor usability and will seek other options before returning to content that has poor usability.The challenge for developers is to integrate usability into their work. Macromedia Flash can help that integration process by offering many of the features that users want to see on the Web. Faster download time, cross platform/browser compatibility and stability are not the only benefits that Macromedia Flash can deliver. Macromedia Flash can also deliver an improved user experience, when the developer makes the effort to include usability into the development cycle.
Improve your Macromedia Flash with usability todayMacromedia Flash content and usability were once considered opposites. This is no longer true. The journey metaphor puts usability thinking into the Macromedia Flash development cycle. By following the guidelines and tips in this document, Macromedia Flash developers will be on their way to creating dynamic, interactive Macromedia Flash content that is as usable as it is creative.
Contact InformationWhite paper by:
- Macromedia, Incorporated
- Tel 415 252 2000
- Fax 415 626 0554
Special ThanksWriting a document this large is never a single person task. I would like to give special thanks to the many reviewers who took time out of their busy schedules and reviewed this paper in its gestational form. Their feedback helped to form this paper and I value it tremendously. Without their insight and opinions this paper would not be what it is today.
- Cameron Barrett
- Dax Callner
- David J. Emberton
- Amanda Farr
- David Gresham
- Don Norman
- Dack Ragus
- Corbin Russell
- Don Synstelien
- Gabrielle Banks
- Jeremy Clark
- Heather Kabza
- Meredith Searcy
- Leslie Skelton
- Matt Wobensmith