Ultimate Web 设计可用性检查列表

Ultimate Web 设计可用性检查列表

原文:http://stud.cmd.hro.nl/0773253/notusable/blog/the-ultimate-webdesign-usability-checklist/

我发现很多Web设计者和我一样，一遍又一遍
地犯着同样的可用性错误。每一个关注可用性的web设计者
都应该看一看下面这个检查列表，它包含了88 个问题。
NotUsable.com 这个web站点不是我设计的，但是为什么
这个web 站点没有通过我自己的可用行检查列表。我希望听
到你们的建议。如果你可以对整个检查列表的问题回答yes，
请别忘了告诉我。
请注意，我的设计公司Achtentachtig，在荷兰语中是88
的意思，这就是为什么在检查列表中有88个问题。呵呵，只
是让你知道一下。
好了,说的够多了,让我们开始吧！
技术性
1. 你使用W3C 标记验证服务来验证你的(X)HTML 吗?
2. 你使用W3C CSS验证服务来验证你的CSS 吗?
3. 你使用IE,FF,Opera 和Safan 检查你的站点吗?
图像
4. 你为所有重要的图片增加ALT和TITLE属性了吗？
5. 你为所有需要描述的图像增加LONGDESC 属性了吗?
6. 你可以写出有效率的ALT内容吗？
7. 你使你的页面大小小于50KB 了吗？
8. 你为图像选择了合适的文件类型吗？
9. 你为支持正文的图像添加了描述吗？
10. 你使用了纯文本代替重要的正文图片吗？
内容
11. 你在你的正文文字里使用了规范字号的sans-serif字
体吗?
12. 如果必须增加可读性，你调整行距和缩进了吗?
Ultimate Web
设计可用性检查列表
13. 你使正文文字居左对齐了吗？(取决于语言)
14. 你使用了行长或百分比来代替象素吗?
15. 你确定没有一个完整的句子是以大写存在吗？
16. 你使每一行(包括空格)小于78 个字符了吗？
17. 你使精要的段落具有说明性的标题了吗？
18. 你使用list 去概括了吗？
19. 你是先写结论,然后写解释的吗？
20. 你在文字和背景之间创建了足够的对比度吗？
21. 你可以让纯文本浏览器访问你的网站吗？
22. 你确定你没有正在建设的页面吗？
23. 你在大量文字的页面里包含了打印功能吗？
24. 你包含打印风格了吗？
25. 你用ISO Latin-1 代码替换所有特殊字符了吗？
26. 你用拼写检查你的正文了吗？你校对语法错误了吗?
27. 你调整了行距和缩进来增加可读性吗？
导航
28. 你确定你的所有链接正常工作吗？W3C Link checker
可以做这个工作。
29. 你在你的主页里包含了跳转到所有主要页面的链接吗?
30. 你在每一个页面里包含了主要导航吗?
31. 你在你的主要导航里使用了不多于8 个导航项吗?
32. 你在菜单里区分了活动和不活动页面吗?
33. 你使用自说明链接文字来代替click here 了吗?
34. 你使用自说明链接文字来代替商业术语了吗?
35. 你对已访问和未访问链接加以区分了吗?
36. 你对链接和纯文本加以区分了吗？
37. 你给所有的链接添加TITLE属性了吗？
38. 如果有大量的页面,你使用导航条了吗？
39. 如果有大量的页面,你包含了查找选项吗？
40. 你使你的logo 链接到你的主页了吗？
41. 你在所有页面的顶部设置了一个跳转到内容的链接吗?
42. 你在所有页面的顶部设置了一个跳转到菜单的链接吗?
43. 你可以通过SHIFT-TAB和RETURN键来浏览你的站点吗?
结构
44. 你有一致的页面结构吗？
45. 你把你的logo 放在顶端居左了吗？
46. 你在logo 邻近放置一个解释用语了吗？
47. 你在顶端居右放置查询表单了吗？
48. 你在折叠/ 滚动之上放置重要内容了吗？
49. 你为网格系统做了专门设计吗？
50. 你使用了百分比来使你的设计流畅吗？
51. 你在低配置的环境下仍然可以让站点可浏览吗?
52. 你为所有的页面设置自定义标题了吗（在TITLE标签中）?
表单
53. 你确定当发生错误之后用户不会回到一个改变了的
表单吗？
54. 你有一个友好的、能提供足够信息的错误页面吗?
55. 你有一个友好的、带有确认邮件的thank you页面吗?
56. 你只添加了提交按钮，没有添加重置按钮吗？
57. 你告诉了用户在点击提交按钮后将会发生什么吗?
58. 你把一个长表单分割到多个页面了吗？
59. 你给了用户足够的空间去输入吗？
60. 你在必填项放置了星号吗？
61. 你能让浏览器产生的输入域保持一致外观吗？
62. 你在请求信息时创建了一个合乎逻辑的次序吗？
63. 你仅为密码使用了两个密码输入域吗？
64. 你让计算机而不是用户处理信息格式了吗？
65. 你确定用户可以使用TAB 键填写整个表单吗？
66. 你在问询某些信息的时候向用户解释原因了吗？
67. 你向用户解释将会如何处理这些信息了吗？
68. 你使用AJAX 即时验证了吗？
69. 你使用LABEL 标签了吗？
70. 你把LABEL 标签放在输入域上面，而不是下面了吗?
71. 你为不同的数据选择了正确的输入类型吗？
72. 你使用setfocus使第一个输入域自动处于活动状态了吗?
73. 你使用input:focus来区分活动域和非活动域了吗?
74. 你在适当的时候使用FIELDSET 和LEGEND实体了吗?
75. 当Javascript关掉之后，你检查表单是否仍然正常工
作了吗？
多媒体
76. 你确定没有重要信息是用Flash做的吗？
77. 你确定音乐和视频片断不会自动开始播放吗？
78. 你确定音乐和视频片断可以在任何时候关闭吗？
79. 你告知用户音乐和视频片断的大小和长度了吗？
其他特性
80. 你有自定义的404 页面吗？
81. 你有站点地图吗？
82. 你提供了rss 吗?(如果你有规律的添加内容的话)
83. 你为站点提供了一个高对比度版本吗？
84. 你制作了易看的URL 吗(就像这个)？
85. 你确定站点内没有frame 吗？
86. 你确定站点内没有弹出窗口吗？
87. 你有一个联系表单而不仅仅是一个email 链接吗?
对于以上检查列表，你有什么建议吗？
88. 在提交回复时请加上数字88！