247条Web可用性设计的指导方针(6)
http://www.itjxue.com 2015-08-07 22:14 来源:未知 点击次数:
页面布局和可视设计
- 网线数应当适于目标用户和他们的任务
- 布局可以帮助用户把注意力集中在下一步要做的东西上
- 在所有页面,最重要的信息(例如经常用的主题、特色和功能)放在屏幕的第一个满屏
- 网站在不水平滚动的情况下就可以使用
- 可点击的元素(例如按钮),应当设计成明显可点击的样子
- 不能点击的元素
- 按钮或控件的功能从他们的标签或设计上就可以明显看出来
- 可点击图片包含多余文本标签(Clickable images include redundant text labels (i.e. there is no ‘mystery meat’ navigation))
- 超文本链接可以轻松被辨认(例如下划线),而不需要大面积扫视。
- 网站字体使用应当具有一致性
- 控件和它所具备的操作之间的关系是显而易见的
- 图标和图形是标准的和(或)直观的(具体的和为人熟悉的)
- 在每一个页面上都应有一个清晰的视觉“起点”
- 网站的每个页面共享一致的布局
- 网页为打印格式化,或者有一个为打印准备的版本
- 按钮或链接能显示出他们被点击过了
- 图形用户界面(GUI)组件(例如单选按钮和复选框)应当被适当地使用
- 所用字体应当是可阅读的
- 网站应当避免使用斜体字,并只为超文本添加下划线
- 信息密度和留白应当有一个良好的平衡
- 网站看上去应是让人愉悦的
- 网页应避免出现“滚动障碍物(scroll stoppers)”(标题或其它页面元素给用户造成在页面顶部或底部的错觉)
- 网站应当避免大量使用大写文本
- 网站应当有一致性的、清晰可识别的外观和感觉,以吸引用户
- 深蓝色避免使用在细节地方(Saturated blue is avoided for fine detail)(例如文本、细线和符号)
- 借助颜色组织和分组页面元素
- 网站图形不应当与banner广告混杂不清
- 对于重要的主题分类加重显示(em)
- 在标准宽度的浏览器窗口中,内容页面一行不要太短(小于50字)也不要太长(大于100字)
- 页面依据栅格设计,所有页面元素和部件水平对齐、垂直对齐
- 有意义的文本标签,令人印象深刻的背景配色,边框和留白的恰当使用,这些一起来帮助用户把网页元素分别出不相关联的功能区域
- 网页配色合理搭配,避免过于复杂的背景设计/li>
- 较为独立的网页应当避免杂乱不相干的信息
- 标准页面元素(例如页面标题、站点导航、页面导航、隐私策略等)可轻松找到
- 组织logo放置在每个页面的相同位置,点击logo后返回最合情理的页面(比如首页)
- 吸引人注意力的特色元素(例如动画、醒目的色调、明显的字体大小差异)应当保守的使用,并只在恰当的地方使用
- 图标(icons)要在视觉上和概念上有所区分,但又要与页面和谐。
- 相关信息和功能集中放置,每一组可以在一个视野浏览到(大约直径为4.4厘米的屏幕区域)