以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论:http://www.5gme.com/space......id-57793.html |
||
Chapter 7: 设计易用的网页1. 选择合适的模式和对齐方式,使页面元素清晰明显; 一种最有效的方式是:保证页面中的所有版块和文字只能有少数几个起始位置。 2. 做设计计划时,要对网站进行整体考虑: a) 拿出一套“整体设计一致”的网站计划; 创建一致的设计: I. 列出网站中所有类型的页面,包括不同类型的信息页面和表单; II. 将页面类型数最小化; III. 为每类页面起一个具体的名称,便于讨论; IV. 让可能对设计有所帮助的人或是可能使用页面的人对页面进行检查,确认是否累出了所有页面类型以及各类页面中的所有元素; V. 对各类页面进行整体计划,力求拿出广泛适用于各类页面的设计方案; VI. 对于需要采用不同模式或对齐方式的页面,要尽可能地让它与整体保持协调一致; b) 了解“从计划到实施”的整个过程; c) 在设计之初,就要不断将内容与设计相互融合入; 3. 使用模板; 4. 有效使用留白,内容中要有专门的留白: a) 了解“无心的留白”(位于主内容区域以外)和“专门的留白”(位于主内容区域之内); b) 网站内容中主要使用“专门的留白”; i. 将大段文字分解成许多小块信息; ii. 大量使用标题; iii. 保持段落短小,在段落之间设置间隔空间; iv. 将多条语句转化成更易于查看的形式,如列表、表格; v. 各项列表内容之间要有空间间隔; vi. 照片或其他图片周围要有少量留白; 5. 小心造成“页面已到底”的假象:不要使用水平线或大块留白; 6. 不要让标题“漂荡”在两段文字之间; 7. 选择一种无衬线(serifs)字体(如Arial、Verdana、Tahoma)作为默认字体: a) 证明“有衬线字体(英文字体比较多见)效果最好”的纸面文档研究已经过时,研究结果不能应用到网站上; b) 新的网页研究结果表明:对于2种字体内容的阅读速度和理解程度不分高下,但是人们还是比较喜欢无衬线字体 8. 设置字号时,要广泛地考虑用户及其使用环境: a) 设置的默认字号对用户来说要足够大; b) 调整内容,一边能在足够大的字号下,将内容安放在仅有空间内; c) 让用户选择适合自己的字号; d) 调整字号后,所有文字都应该随之变化,而不只是主内容区域中的文字发生变化; 9. 行的默认长度要始终,且采用“流动布局”(用户在调整浏览器窗口大小时,页面中的各行文字必须能够随之进行恰当的调整和排列); 10. 不要用全大写的方式编写内容; 11. 除了链接,不要在其他文字下使用下划线;斜体也要少用; 12. 文字与背景的对比要鲜明: a) 保持背景清晰,以便文字易读; b) 页面中要使用浅色背景和深色文字; c) 在深色背景中使用浅色文字时要慎重(长时间后,发现很难阅读); 13. 选择颜色时要考虑到所有的用户: a) 考虑颜色的文化含义; b) 检查网站中的颜色,避免给色盲用户造成困难。 |