表单和数据输入
数据输入框在适当的时候应当包含默认值,显示要填的数据格式和输入框允许输入的长度
如果任务设计源文件(例如纸张形式),那么界面应当与源文件的规格一致
网站能自动完成格式化数据的输入(例如货币符号等),用户不需要输入类似£ 或 %的符号
表单域的标签应当清楚的说明该输入框希望输入什么
表单中的文本框应该为预期答案设定合理长度
表单中的必填项和选填项应当有明显的区分
登陆和注册应当用相同的表单(就像Amazon一样)
如果完成表单需要外部信息的话应当提前告知用户,例如护照编号
表单中的问题项(输入框)应当按逻辑分组,并且每组都有一个标题
表单域应包含提示、示例或样例答案,告知用户输入框期望输入什么
如果输入框的标签以表单问题的方式提出,那么这些问题应当是陈述清晰、简单的
在表单中,相对于文本输入框,应当优先使用下拉菜单、单选按钮、复选框(文本输入框不应当使用过度)
在数据输入页面,光标应当被放置在需要输入的地方
数据输入(例如日期)和输出(例如数值单位)的格式应当被清晰标明
用户可以在进输入一些基本必要信息就可以完成简单的任务(系统可以默认补充一些不重要的信息)
表单允许用户尽可能久的保持一种简单的交互方式(例如,用户不必在键盘鼠标间不停的切换)
用户可以更改表单域的默认值
文本输入框需指出要输入数据的数量和格式
表单在提交前执行数据验证
在数据输入界面,在适当的时间执行表单域级别验证和表单级别验证
网站应可以轻松地更正输入错误(例如,当验证表单未完成,应当将光标放置在需要输入的位置)
数据输入和数据显示应当保持一致性
表单域标签应当靠近输入域(例如:标签右对齐)
可信度
内容应当是最新的、权威的、可信赖的
网站有第三方(例如引用、第三方使用见证)来说明信息的准确性
应当清晰标明网站的幕后有真实的组织(例如:提供一个真实地址或办公室照片)
公司有一些认证专家(可以使用一些凭证)
网站应避免广告,尤其是弹出式广告
在结账的最一开始就突出提示运送费用
网站应当避免空洞的营销辞令(marketing waffle)
每个页面都应当清晰显示站点标识,保证用户确认他仍然在同一个网站上
通过网站可以轻松联系到某人以获取帮助,并可尽快得到回复
内容是新鲜的,网站应经常更新,总包含最近的内容
网站应当避免版式错误和拼写错误
用可视化设计来补充商品和线下营销信息
网站组织应当有一些真实的人,他们是诚实的、可信赖的
写作和内容质量
网站有能引起别人兴趣的、独一无二的内容
正文是简明的,没有不必要的说明和欢迎辞令
每个内容页应以内容结论或内容意义启示作为开端,正文以倒金字塔方式书写
相对于叙述式的文本,网页应当优先使用无序列表和有序列表
列表应当以简短的说明作为开始,帮助用户意识到该列表是如何与其它关联起来的
那些最重要的列表项应当放在列表的前面
信息应当分层次组织,从一般的到具体的,组织结构应当是清晰的、符合逻辑的
内容应当专门为互联网(Web)创建(web pages do not comprise repurposed material from print publications such as brochures)
产品展示页面应当包含购买须了解的信息,用户可缩放产品图片
使用超文本适当地组织内容
以主动语态书写语句
网页应当易于快速浏览,充分使用标题、副标题和较短的段落
相对于文本式的语言,优先使用地图、图表、图形、流程图和其它视觉元素
每个网页都应有描述信息,以及有用的标题,用以支持书签
链接及链接描述(title)应当具有描述性或推测性,不应当出现“点击我(Click here)”这样的链接
标题不应当故作风雅、故作聪明或含义隐晦
链接文本应当与目标页面的标题(title)相符,这样用户就可以在到达目标页面时心里有数
按钮文本及链接文本以动词开头
标题和副标题应当是简短的、直截了当的、具有描述性的
遣词造句及用到的概念应当为典型用户所熟悉
有序列表从1开始,而不是0
第一次使用的缩写词汇应当加以说明
文本链接应当足够长以便于理解、又应当足够短以保证最少换行(尤其被用作导航列表时)
页面布局和可视设计
网线数应当适于目标用户和他们的任务
布局可以帮助用户把注意力集中在下一步要做的东西上
在所有页面,最重要的信息(例如经常用的主题、特色和功能)放在屏幕的第一个满屏
网站在不水平滚动的情况下就可以使用
可点击的元素(例如按钮),应当设计成明显可点击的样子
不能点击的元素
按钮或控件的功能从他们的标签或设计上就可以明显看出来
可点击图片包含多余文本标签(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厘米的屏幕区域)