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

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

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

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

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

1、Remember User?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 the user wants to get to another area in the site.Emulating common GUI elements will increase usability.

用户通常都是带着目的去访问某个站点的。站点上的每个链接和点击都应该迎合他们的期望,引导他们接近目标。展现站点的时候,先显示关键的导航链接,以便用户需要进入站点的另一个区域。仿效常见的GUI图形界面元素可以增加可用性。

2、Remember Site?Goals?记住站点的目标

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

站点设计应该反映商业目标或是用户需求,有效地传递主要讯息,以及提升自身品牌。然而达成站点目标的最佳方式是尊重用户体验,因此站点结构应该反映用户需求,迅速引导用户达到目标,避免使用行业或者专业术语。

3、Avoid Unnecessary?Intros?避免不必要的介绍引子

While intro animations are exciting, they often delay the user’s access to the information they seek. Always offer users either a Skip Intro command or alternative access to your home page. On their second visit to your home page, skip the intro animation altogether (use a client-side JavaScript cookie to accomplish this) then on the destination page give the option of returning to the animation.

介绍动画的存在,通常会阻碍用户去寻求他们所需要的信息。要提供给用户跳过介绍的指令,或者可以选择直接进入你的主页。当他们第二次访问你的主页的时候,完全跳过介绍动画(运用客户端javascript代码和cookie实现),然后在目标页面给出返回动画的选项。

4、Provide Logical?Navigation?and?Interactivity?提供符合逻辑的导航和交互

Keep the user oriented: Display the previous location and guide users to their next one. Remind users where they’ve been by programming links to change color after being visited.

以用户为导向:显示前一个浏览位置,并引导用户进入下一个。可以通过编程来实现浏览过的链接使之改变颜色,以提醒用户已经访问过哪些地方。

Give users an easy exit from each major section of the site and an easy return to their starting point.

在站点的各个主要部分,都给用户提供简单的退出方式和返回初始点的方式。

Clearly indicate each link’s destination. 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 navigational elements first by using the streaming capabilities of Macromedia Flash.

运用Macromedia?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 to return to a frame or scene that represents a logical previous page.

支持返回按钮。为了使用浏览器的前进和返回导航按钮,把falsh影片分割成逻辑片段,分别放置在独立的HTML页面上。或者建立基于Flash技术的后退按钮,使用户可以用来返回逻辑上“前一页”的桢或者场景。

5、Design?for Consistency?设计的一致性

Consistency in user interface is the best way to improve your site’s performance. Reusing architecture elements, design elements, andnaming conventions frees the user’s attention for your message while they navigate to their goal, and it also aids site maintenance. You can use Smart Clips to reuse interactive elements through out the site, and have words and images from initial navigation links reappear on destination pages.

保持用户界面的一致性是提高站点可用性的最佳方式。重用结构性元素,设计元素和命名的习惯约定,可以使用户在浏览目标信息时注意力不被站点提示分散,并且还可以帮助维持站点主题的一致。您可以使用Smart Clips来在整个站点中重用交互元素,并用初始的导航链接重现目标页面上文字和图片。

6、Don’t Overuse?Animation??不要过度使用动画

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

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

7、Use?Sound Sparingly?谨慎使用声效

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

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

8、Target Low-Band width?Users?考虑低带宽用户

The smaller the download, the better. The initial screen download 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 a bitmap file), and use the Load Movie action only when the user specifically requests a file. If a wait is unavoidable, provide a load time sequence with aprogress indicator, and have navigation load in the first 5 seconds when ever possible.

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

9、Design?for Accessibility?易用性设计

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

使你的内容对所有用户可用,包括残障人士。高描述性的替换标记可以使你的内容能被辅助技术所解析。变焦放大的Smart Clip是另一个易于使用Macromedia Flash的功能,允许更多的用户观看你的内容。关于更多深层次的提高Macromedia Flash可用性的讨论,请参阅Macromedia Flash帮助性网站。

10、Test?for Usability??可用性测试

Have someone with fresh eyes test drive your site to make sureit accomplishes both user goals and site goals. Even compact Macromedia Flash animations can delay users from reaching their goal, so use Macromedia Flash’s built-in Band width Profiler (located in the View menu in Test Movie mode) to analyze how well your site will perform over various band widths. Re-test the site each time you make even small changes. Make sure your site testers match the demographic of your site’s anticipated audience—especially if ?the anticipated audience includes users at various levels of comfort with site navigation.

请不同的人测试你的网站,确保它实现了用户目标和站点目标。如果压缩的Macromedia Flash动画会阻碍用户达成浏览目标,因此应该使用Macromedia Flash内置的带宽模拟工具(位于查看菜单—-测试影片模式),去分析你的站点在各种带宽下的显示效果。甚至在你每次做了微小改动之后都应该重新测试。确保你的站点测试人员符合你的目标用户的属性—–特别是如果目标用户中包含对站点浏览满意度有不同要求的用户。

PS:翻译不一定准确,仅供参考,也附上了原文,觉得有疑问的地方,大家可以看英文。



无觅相关文章插件,快速提升流量

“Macromedia提供的FLASH站点的可用性提示”有1条评论

adidas | 2013-11-19 04:17 |
commenter

现在用FLash做网站应该越来越少了吧,都HTML5了