选择显示字体大小

创建一个flash站点的注意事项

ke原文:www.macromedia.com/software/flash/productinfo/usability/tips
翻译:jovis www.auvdesign.com

根据macromedia 顶级flash设计者,开发者以及可用性专家的建议,我们收集了创建一个具备可用性的macromedia flash站点的十大技巧。
这些技巧只是一个开始,我们将继续提供更多的研究,学习与技巧。

1.记住用户的目标

用户往往带着目的访问一个站点,每个链接,每次点击都要合乎他们的经验并且引导他们通向他们的目标。当传输你的页面时,应该让关键的导航链接首先装载——万一用户想转到网站其它的区域。模仿通常的用户图形界面往往可以增加可用性。

2. 记住网站的目的

网站设计应该反应商业或者客户的需求,有效的传播主要信息与促进品牌。然而网站的目标最好通过尊重用户的习惯来达到,所以站点结构必须满足用户的需要,快速的将用户引导至其目标而避免任何公司和区域行话。

3. 避免没有必要的介绍

虽然介绍的动画非常精彩,但是它们往往延误了用户访问他们正在寻找的信息。应该经常提供给用户一个忽略介绍的命令或者访问你的主页的选择,当他们第二次访问您的主页时,对所有的用户都应该忽略简介动画(使用客户端的javascript来完成这个功能),然后在目标页面提供返回到动画页面的选择。

4. 提供合乎逻辑的导航与交互

· 保证用户的导航: 显示用户访问过的上一个地址和他即将访问的下一个地址. 通过链接的不同颜色在用户访问后提醒他们访问过的页面.
· 提供用户一个轻松跳出他们正在访问的部分回到出发点的的链接.
· 明确说明每个链接的位置. 保证链接的结构和命名法的可视性,而不是隐藏它们直到用户触发了某个事件(比如鼠标移近).
· 确保按钮定义了足够好的反应区域.
· 利用flash流的特性首先装载主要的导航元素.
· 确保导航的后退按钮. 为了做到这一点可以使用浏览器内置的前进和后退导航系统,将flash影片逻辑的分成几块并置于独立的html页面中. 做为一种选择, 为影片建立一个基于flash的后退按钮以便用户可以利用它后退到一个包含上一个访问页面的场景或桢.

5. 设计的连贯性

提高您的站点性能的最好方法是用户界面的一致性. 元素结构的再使用,元素的设计以及命名的习惯将使用户在导向他们的目标时对站点传达的信息的注意力更加丰富, 而且这也有利于站点的维护. 你可以在整个站点中使用小影片(smart clip)来重复使用交互元素, 还可以让最初导航系统的文字和图片在目标页面中重新使用.

6. 不要过度使用动画

避免不必要的动画. 最好的动画应该是可以增加站点的设计目标的动画, 在导航的时候讲述一个故事或者有帮助的事情. 在包含大量文字的页面使用重复的动画将使视线从消息转移.

7. 慎重使用声音

声音可以为你的站点锦上添花但是绝对不是必要的. 例如:使用声音来说明用户刚刚触发了一个时间. 确保使用了声音的开关与音量调节方法, 并且要记住声音会显著的增加文件的大小. 当你确实使用了声音的时候,macromedia flash会将声音转换为mp3文件甚至流媒体化.

8. 面向低带宽的用户

越少的下载越好. 初始的下载页面大小不能超过40k, 包括所有macromedia文件,图像和html文件. 为了减少下载时间, 使用矢量图形(除非图像使压缩过的bmp, 那样最好仍保持为bmp格式), 并且只有在用户确定的要用到某个文件时才使用load movie动作. 如果用户必须等待, 提供一个装载的时间序列与进度条, 只要可能,必须在前5秒内装载导航系统.

9. 设计的易用性

确保你的站点的内容能被所有的用户阅读, 包括那些残疾用户. 高度使用alt标签可以确保网站内容能被辅助工具解释. 影片的可缩放性是让更多用户了解网站内容的另一项易用的macromedia特色. 如果需要一个彻底的macromedia flash内容可用性的讨论,请登陆macromedia flash可用性网站.

10. 可用性测试

让一些新手来访问站点并同时完成用户目标与站点目标. 甚至简短的macromedia flash动画都有可能阻挡用户实现目标, 所以使用macromedia flash的带宽模拟器(bandwidth profiler——译者注)(在视图菜单的测试影片模式下)来分析站点在不同带宽模式下的性能.每次 重复测试影片哪怕是很小的改动. 确保站点的测试者从人口统计学上合乎站点的预定用户—特别是预定用户中有对站点的导航有不同级别的满意程度.

出处:auvdesign.com
责任编辑:qhwa

◎进入论坛flash专栏版块参加讨论

相关文章 更多相关链接
flash 酷站猎手
中文id3乱码问题mx解决方案
用as2解决中文id3的乱码
flash常用效果-移动模糊效果
flash mx 2005 制作环境预览
作者文章
创建一个flash站点的注意事项
idea.com" method=get style="margin:0px; padding:0px;">idea.com">idea.com/img/google_search_title.gif;s:http://www.blueidea.com;forid:1;">
全网 idea.com';this.form.bisearch.value='cms';form.searchby.style.display='';document.getelementbyid('keyword').style.width='70px';">本站 idea.com';this.form.bisearch.value='bbs';form.searchby.style.display='none';document.getelementbyid('keyword').style.width='132px';">论坛
热门搜索:css fireworks 设计比赛 网页制作 dreamweaver studio8 flash
站点最新 站点最新列表
保持清晰的文档结构
月亮图腾教程ⅴ—最后一战
x-sapce使用系列教程
x-space安装系列教程
抽线以及虚线画法简明教程
创新设计 百万格子大楼
discuz!转换系列教程
世界杯足球的32个变种
易上手简单图层样式扣图
一封写给mm学习linux的信
栏目最新 栏目最新列表
保持清晰的文档结构
月亮图腾教程ⅴ—最后一战
x-sapce使用系列教程
x-space安装系列教程
抽线以及虚线画法简明教程
discuz!转换系列教程
易上手简单图层样式扣图
十分钟学会 xajax
css 菜单举一反三
利用照片制作版画简明教程

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文总共有 7 条评论,现在显示最新的 5 条。暂时没有人参于评分


218.98.164.2 publish at 2004-7-2 22:12:51
基本的要求也有很多人做不到,差距也是在这里显示出来的
202.108.207.130 publish at 2004-6-27 21:09:58
总结得很好
每个设计制作flash站的人都应注意这些
218.75.231.224 publish at 2004-6-25 16:01:04
不是技巧,是最基本的要求
221.6.84.51 publish at 2004-6-25 13:59:51
.................
218.79.80.238 publish at 2004-6-24 10:04:44
这和做一个html页面的标准有太大的区别么?

查看全部评论

asp" method="post" onsubmit="submit.disabled=true;">
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分12345
注意:请不要在评论中含与内容无关的广告链接,违者封id
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 打印文档 评论文档 报告错误  
专业书推荐 更多内容
flash第一步系列》
《交互设计之路》
dreamweaver 从基础到实践》
《色彩管理》
网页设计专家门诊》
《情感化设计》
gui设计禁忌》
html>


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons