- 白鸦,以用户为中心的设计 - https://ucdchina.com/baiya -

Macromedia提供的FLASH站点的可用性提示

感谢eros_chan 提供翻译

Based on recommendations from top Macromedia Flashdesigners, developers, and usability experts we've collected the top ten tipsfor creating usable Macromedia Flash sites.

基于从MACROMEDIA的顶级FLASH设计专家,开发者和可用性专家的建议,我们收集整理了创建可用的FLASH站点的十条提示。

These tips are just a start and we will continue to providemore usability research, studies and articles.

这写小提示只是一个开始,我们将继续提供更多的可用性调查,研究和文章。

1. RememberUser Goals 记住用户的目标

Users typically come to a site with a goal in mind. Eachlink and click should meet their expectations and lead them toward their goal.When streaming your site, have key navigation links appear first, in case theuser wants to get to another area in the site. Emulating common GUI elementswill increase usability.

用户通常带着墓地访问一个站点,每一个链接和点击应该迎合他们的期望,引导他们接近目标。当展现你的站点的时候,先显示关键的导航链接,以备用户需要进入站点的另一个区域。运用通用的图形界面元素将会增加可用性。

2. RememberSite Goals 记住站点的目标

Site design should reflect business or client needs,effectively communicating the main message and promoting the brand. Yet sitegoals are best achieved by respecting the user experience, so site structureshould reflect user needs, quickly leading the user to their goal and avoidingcompany or regional jargon.

站点设计应该反映商业或是用户需求,有效地传递主要讯息和提升品牌。然而达成站点目标的最佳方式是尊重用户经验,应赐站点结构应该反映用户需求,迅速引导用户达成目标而避免避免商业或者区域性的(生僻)行话。

3. AvoidUnnecessary Intros 避免不必要的引子

While intro animations are exciting, they often delay theuser's access to the information they seek. Always offer users either a SkipIntro command or alternative access to your home page. On their second visit toyour home page, skip the intro animation altogether (use a client-sideJavaScript cookie to accomplish this) then on the destination page give theoption of returning to the animation.

当引子动画存在的时候,他们经常会拖延用户进入他们寻求的信息。总是提供用户省略引子的命令或者可选择进入你的主页。当他们第二次进入你的主页的时候,完全省略引子动画(运用客户端javascript代码和cookie实现),然后在目标页面给出返回动画的选择。

4. ProvideLogical Navigation and Interactivity 提供符合逻辑的导航和交互

· Keep the user oriented: Display theprevious location and guide users to their next one. Remind users where they'vebeen by programming links to change color after being visited. 以用户为导向:显示前一个浏览位置,引导用户进入下一个。通过编程实现的在浏览后改变颜色的链接提醒用户已经访问过哪些地方。

· Give users an easy exit from each majorsection of the site and an easy return to their starting point. 在站点各个主要部分提供用户一个简单的退出方式和返回初始点的方式。

· Clearly indicate each link'sdestination. Keep navigation structures and nomenclature visible, rather thanhiding them until the user has triggered an event (such as a mouse over). 清晰的预示每个链接的目标。保持导航结构和命名可视,而不要隐藏他们直到用户触发一个事件(比如鼠标移过)。

· Make sure your buttons have well-definedhit areas. 确定你的按钮有合适的点击区域。

· Display primary site navigationalelements first by using the streaming capabilities of Macromedia Flash. 运用flash的流式输出首先显示主要的的站点导航元素。

· Support back button navigation. To dothis using built-in browser forward and back navigation, separate Flash moviesinto logical chunks and place them on individual HTML pages. Alternatively, setup the movie to include a Flash-based Back Button that the user can use toreturn to a frame or scene that represents a logical previous page. 支持返回按钮。为了使用浏览器的前进和返回导航,分割falsh影片成逻辑段落,分别放置在独立的html页面上。或者建立基于flash技术的后退按钮,用户可以用来返回一个显示有逻辑的“前一页”的桢或者场景。

5. Design forConsistency 设计的一致性

Consistency in user interface is the best way to improveyour site's performance. Reusing architecture elements, design elements, andnaming conventions frees the user's attention for your message while theynavigate to their goal, and it also aids site maintenance. You can use SmartClips to reuse interactive elements throughout the site, and have words andimages from initial navigation links reappear on destination pages.

保持用户界面的一致性是提高站点的性能的最佳方式。重复运用体系元素,设计元素和命名习惯,是用户在浏览目标信息时注意力不致被站点提示分散。

6. Don'tOveruse Animation 不要过度使用动画

Avoid unnecessary animations. The best animations reinforcethe site's goals, tell a story, or aid in navigation. Repeated animations ontext-heavy pages distract the eye from the message of the page.

避免不必要的动画。最佳的动画使用加强站点的目标性,讲述故事,或者帮助导航。在文字集中页面的重复动画干扰用户视线不能专注于页面信息。

7. Use SoundSparingly 谨慎使用声效

Sound should enhance your site but not be indispensable. Forexample, use sound to indicate that the user has just triggered an event.Always provide on, off, and volume control on screen, and remember that soundsignificantly increases file size. When you do use sound, Macromedia Flash willcompress music into small MP3 files and even stream it.

声音提升你的站点但不是不可缺少的。例如,使用声音去提示用户已经触发了一个事件。始终在屏幕提供声音开,关和音量控制,记住声音将会极大增加文件大小。当你使用声音时,flash会压缩声音文件成小的mp3格式并且流式输出他。

8. TargetLow-Bandwidth Users 考虑低带宽用户

The smaller the download, the better. The initial screendownload should be no more than 40k, including all Macromedia Flash files,HTML, and images. To reduce download time, use smaller vector-based images(unless the image is a complex bitmap, in which case it's better left as abitmap file), and use the Load Movie action only when the user specificallyrequests a file. If a wait is unavoidable, provide a load time sequence with aprogress indicator, and have navigation load in the first 5 seconds wheneverpossible.

需要下载的文件越小越好。最初的屏幕下载文件不应大于40K,包括flash文件,html和图片。为了减少下载时间,使用小的矢量图片(除非图片是一个复杂位图,在此种情况下最好保持它的位图格式),只有在用户要求下使用载入影片的命令。如果一个等待是不可避免的,提供一个下载时间进度条,尽可能的使导航在最初五秒内载入完成。

9. Design forAccessibility 易用性设计

Make your content available to all users, including thosewith disabilities. Highly descriptive Alternate Tags allow your content to beinterpreted by assistive technology. The magnifying Smart Clip for zoom isanother easy-to-use Macromedia Flash feature that allows more users to see yourcontent. For an in-depth discussion about making Macromedia Flash content accessible,see the Macromedia Flash Accessibility site.

是你的内容对所有用户可用,包括残障人士。高描述性的替换标记使你的内容能被辅助技术所解析。影片放大时另一项flash的易于使用特性,允许更多的用户观看你的内容。关于更多深层次的提高flash可用性讨论,访问flash可用性网站。

10. Test forUsability 可用性测试

Have someone with fresh eyes test drive your site to make sureit accomplishes both user goals and site goals. Even compact Macromedia Flashanimations can delay users from reaching their goal, so use Macromedia Flash'sbuilt-in Bandwidth Profiler (located in the View menu in Test Movie mode)toanalyze how well your site will perform over various bandwidths. Re-test thesite each time you make even small changes. Make sure your site testers matchthe demographic of your site's anticipated audience—especially if theanticipated audience includes users at various levels of comfort with sitenavigation.

请新人测试你的网站确保它实现了用户目标和站点目标。即使压缩的flash动画会延误用户达成浏览目标,因此应该使用flash内建的带宽模拟工具(位于查看菜单—测试影片模式)去分析你的站点在各种带宽下的显示效果。甚至在你每次做了微小改动之后都应该重新测试。确定你的站点测试者结构符合你的预期观众的人口统计学—特别是如果预期观众中包含各种对站点浏览满意度不同的的用户。