UE
section 508
如果你经常浏览一些国外的网站,你会发现他们的网站是非常简洁、清爽、干净的,版面内容也非常简短,跟中文网站的版面截然不同的,而且他们的版面改变很少,一般几年才会改动一次,版面也没有蹦蹦跳跳的广告。一方面可能跟西方人文化思维习惯有关,另一方面,在国外(像美国、澳大利亚等),国家有颁布相应的法律来约束大众信息传播网站,这就是 section 508法案,大体上来描述就相当于:如果某个大众信息传播网站,如果某些用户群体(如残疾人)浏览该网站获取信息时,如果他们无法正常获得所期望的信息(如无法正常浏览),那可以依据相关法规,可以对该网站依法起诉,这在中文网站里是一件不可思议的事,单单从这方面来说,中文网站落后他们起码有8年,不知何时我们也会有类似的法规。
下面是section 508的16条法规,你参照一下,你的网站做到了几条:
1. 对每一个非文本元素都应该提供一个等同的文本。
2. 任何多媒体演示的等同替代内容都应该与该演示同步。
3. Web 页应该经过设计,以便所有通过颜色传达的信息无需颜色也可获得,比如通过上下文或者标记获得。
4. 文档应该经过组织,这样它们无需关联的样式表也可阅读。
5. 应该为服务器端图像映射的每个活动区域都提供冗余的文本链接。
6. 应该提供客户端图像映射而非服务器端图像映射,除非区域不能使用可用的几何图形来定义。
7. 应该为数据表标识行和列标题。
8. 对于具有两个或多个逻辑层次的行或列标题的数据表,应该使用标记为这些数据标关联数据单元格和标题单格。
9. 应该使用有助于框架标识和导航的文本来为框架加上标题。
10. 页面应该经过设计,以避免在频率大于 2 Hz 并小于 55 Hz 的情况下导致屏幕闪烁。
11. 当以任何其他方法都无法达到符合性时,应该提供一个有等同信息或功能的纯文本页以使 Web 站点符合这部分的规定。只要主页面更改,纯文本页的内容就应该更新。
12. 当页面使用脚本语言来显示内容或创建界面元素时,由脚本提供的信息应与辅助技术可以阅读的功能文本一致。
13. 当 Web 页要求客户端系统上有小程序、插件或其他应用程序来解释页面内容时,该页必须提供一个到插件或小程序的链接。
14. 当电子表单设计为在线完成时,该表单应该允许用户使用辅助技术来访问完成并提交表单所需的信息、字段元素和功能,包括所有的说明和提示。
15. 应该提供一个方法允许用户跳过重复的导航链接。
16. 当需要一个定时响应时,应该警告用户并给予其充分的时间以表示需要更多的时间。
一个符合WAI标准的网站首要条件是标签标准化,由于历史原因和浏览器的容错性强,标签标准化的实施工作,我们还有很长的一段路要走,这也是我们前端部门的工作重点。
注:
WAI 可用性,可访问性;
关于标签标准化,网站性能评估,可以访问W3C官方网站和YSlow官方网站进一步了解详细情况。
30个必须知道的可用性问题
原文作者:www.smashingmagazine.com
原文链接:30 usability issues to be aware of
译者:shelafly
你不必在每件事情上取得别人的同意。作为一个专业的Web开发人,你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体验的理解,确保在复杂的网站架构下你的访客仍可能找到他们的路径。这意味着在与用户和同事讨论时,你必须能够坚持你的立场,有效地传达自己的想法。事实上,你的工作就是妥协处理错误的思想和误导的概念,而不是盲从它们。
在这种境况下,没有任何东西可以帮助你,除了和你工作中根本问题相关的深刻知识。但是,即使你知道这些知识,重要的是你还要知道如何称呼这些概念,如何在讨论中用到它们。此外,准备一些你可能需要的准确术语在手边作为论据,对你的讨论也是有帮助的。
在这篇文章,我们陈述了30个通常被遗忘、忽略和误解的重要的可用性问题、术语、规则和原则。可读性(readability)和易读性(legibility)有什么区别?究竟80/20和帕累托原则是什么意思?扫雷与满意度是什么意思?逐步强化和优雅降级又是什么?OK,是时候深入了。
可用性:规则和原则
7±2 原则
由于人类大脑处理信息的能力有限,它会将复杂信息划分成块和小的单元。根据乔治A米勒(George A. Miller)的研究,人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据;然而关于神奇的“7,加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到web中。米勒的研究
2秒原则
一个松散的原则,即用户没有必要对某些系统响应等待2秒以上的时间,比如应用程序转换和开始的响应时间。选择2秒有点武断,但确是一个合理的数量级。可靠的原则就是:用户等待时间越少,用户体验越好。[可用性优先]
3次点击原则
根 据这个原则,如果用户在3次点击中无法找到信息和完成网站功能时,用户就会停止使用这个网站。换句话说,这个原则强调明确的导航,逻辑架构和后续站点的层 次结构。在大多数情况下,点击的次数是无关紧要的;真正重要的是,游客总是能知道他们现在在哪,他们去过哪,他们接着将会去哪。如果用户感觉他们对该系统 如何运作有个充分的了解的话,甚至10次点击,用户都会觉得OK。
80/20原则(帕累托原则)
帕 累托原则(也被称为重要少数法则和因素稀疏原则)指出,80%的效应来自20%的原因。这是商业中的基本经验法则(“80%的销售额来自20%的顾客 ”),但也可以应用于设计和可用性。举例来说,我们可以通过确定那些贡献80%利润的20 %的用户、客户、活动、产品或程序,并最大限度地注意对他们适用,来显著提高效应。[帕累托原则在维基百科]
8个接口设计的金科玉律
作为接口设计研究的成果, Ben Shneiderman提出并收集了一些从经验中启发而来,适用于大多数交互系统的原则。这些原则适用于用户接口设计,也适用于网页设计。
1. 争取保持一致性
2. 为老用户提供可用的快捷方式
3. 提供有益的反馈
4. 设计结束功能的对话框
5. 提供简单的错误处理
6. 允许简单的逆转功能
7. 提供控制感。支持内部控制点
8. 减少短期记忆
您可以在维基百科: Shneiderman的规则设计中了解更多关于设计中的Shneiderman规则。
费茨定律
由 保罗费茨(Paul Fitts)发表于1954年,费茨定律模拟了人类活动,以目标距离和目标规模大小为函数,预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动, 访客就必须从A点移动到B点。例如,这个规则对于如何放置内容区域,以更实用的方式,最大化内容可及性和提高内容点击率,是非常重要的。
倒金字塔
倒 金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”,新闻作者试图让他们的读者即时知道他们的报道的主题。文章以 总结开头,接着是关键点,最后那些次要的细节,如背景资料。由于网络用户需要即时的满足,这种倒金字塔写作风格,对于网络写作和更好的用户体验是非常重要 的。就像尼尔森的支持
满意
网 络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决问题方案不感兴趣。相反,他们永远扫描他们认为“足够好”的 quick’n’dirty解决方案。在网络中,这种方式准确地描述了用户的满意:用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案 能够更好地满足他们的要求。[界面设计]
可用性背后的心理学
婴儿鸭综合症
婴 儿鸭综合症描述了游客倾向忠于他们记住的最初设计,并且通过与最初设计的相似度来判断其他的设计。其结果是,用户通常倾向于那些与他们记住的最初设计相类 似的设计,不喜欢陌生的系统。这些可用性问题是很多系统重新设计时存在的:用户,习惯了以前的设计,对新的网站架构会感到不舒服,他们必须找到自己的方式 去使用网站。
无视广告
网络用户具有忽视一切看起来像广告的东西,有趣的是,他们非常擅于这。虽然广告是被注意到了,但几乎一直是被忽略的。由于用户已经为网站上不同的任务构建了相关联的图式,在网站上搜索特定的信息时,他们只将注意力集中在网页的部分区域,就是那些他们认为可能是相关信息的地方,也就是,小文本和超链接。在这个例子中,大的色彩缤纷的地方或动画横幅广告和其他的图形是被忽略的。
来源:无视广告:一些发现和一些新发现
扣人心弦效应(蔡加尼克效应)
人 类无法忍受不确定性。我们倾向于对感兴趣的、未回答的问题尽快找到答案。扣人心弦效应就是基于这一事实的;扣人心弦的电影,文章和情节总是有出其不意的结 果,往往总是以一个突然的震惊启示或者困难的局面离开。这种效应经常用在广告上:广告主往往通过要求游客解答刺激的问题,来迫使他们阅读广告,点击横幅广 告或者跟进一个链接。
扣人心弦效应由布鲁玛 W. 蔡加尼克(Bluma W.Zeigarnik)在1927年发现,这个效应在读者间建立了情感联系,在营销学中极其有影响力。游客们可以更好地记住是什么广告,甚至是最小的细 节都能记得更清晰确切。在web写作中,扣人心弦效应也被用来吸引游客进入网站。(如“抓取我们的RSS-Feed,以确保您不会错过文章的第二部 分!”)。
视知觉的格式塔原则
这些原则是人机交互设计心理方面的基本原则。
接近法则认为,当我们知觉物体归类时时,易于把相近的物体归于一组。
MTV音乐颁奖的接近法则的真实例子. 来源.
相似法则指当内容元素彼此相似的时候我们会感知它们为一组。
Prägnanz法则(图像-背景)指在知觉某个的视野时,一些物体(图像)看起来突显了出来,视野中的其他东西则消退到背景中。
苹果机的标志可以被看作是一个正规笑脸和一个侧面欢喜的脸庞(看着计算机屏幕)来源
对称性法则指我们在知觉物体时倾向于把物体知觉为一个中心周边对称的形状。
连贯性法则指我们倾向于知觉联贯或连续流动的形式,而不是断裂或都不连续的形式,事实上它们并不连贯。
我们知觉到字母’I’,’B’,和’M’,虽然我们事实上看到的形状,只有几行不同长度的白色空格彼此空悬。来源
你可以在视知觉的格式塔文章中找到更多信息
自我参照效应
自 我参照效应在网络写作中尤其重要,可以显著改善作者和读者之间的沟通。与我们个人观念相联系的事物要比那些和我们没有直接联系的事物记得更清楚。例如,阅 读一篇文章后,用户能更好地记得他们个人经验中相关的人物,故事或事实。在可用性中自我参照效应通常被用在网络写作的表达和网站内容陈述。
可用性术语表: 术语和概念
眼球追踪
眼 球追踪是测量我们凝视的点(我们看着的地方)或者相对于头部来说眼睛移动的过程。眼球追踪监测记录眼球每次的运动,并在网站最活跃的区域高光显示。眼球追 踪研究可以帮助估计浏览网站的用户是否舒适地使用网站,以及他们理解网站背后的架构和系统有多快。在最近的眼球追踪研究Eyetrack07中,你可以找到一些有趣的可用性结果。
眼球追踪:来源
折叠位置(Fold)
折 叠位置是指一个网站在屏幕上可见区域的最下方位置。当然折叠的位置也取决于你访客的屏幕分辨率。网页可见区域(也称为screenful)是指网页上不需 要拉动滚动条就能看到的区域。既然折叠位置是不需要滚动就能看到,它常常被视为可能可以保证最高广告点击率和利润的区域。然而,折叠位置并没有那么重要。[Usability.gov]
中心凹视(中心凹区)
中 [...]
