启发式评估-网易

专业人员用一套规范去评估产品。

原则:尼尔森10原则,尼尔森扩展原则,首页可用性原则,八项黄金法则,hhs网页设计与可用性指南,iso9241

准备阶段:
a.选择评估范围
b.背景调研:用户画像,产品使用场景,主要任务流程,竞品分析。
c.评估参考原则,根据产品范围和类型选择合适的评估原则。
d.邀请评委,要求:设计师或用研人员,3-5 人,
e.材料准备:评分表,原则表

执行:
a.任务走查:

1.尼尔森原则

原则一:状态可见原则

用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。「即时」是指,页面响应时间小于用户能忍受的等待时间。

案例:简书上每篇文章的底部都会有一个「喜欢」按钮,当把鼠标悬浮上去时,按钮就会由原来的透明状态变成淡粉的填充色,这一过程是瞬间的,这就运用了状态可见原则,反馈给用户的信息是:是的,您的操作是对的,鼠标点击下去吧!(如下图1)

原则二:环境贴切原则

网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。

案例:简书在给文章的集合命名时并没有使用「目录」字样,而是使用了「文集」的说法。第一,这种说法很有情感化的东西在里面,不像直接说「目录」这么生硬;第二,这里也含有隐喻的设计,它会让你联想到一篇一篇文章集合成的小册子的感觉,很有意境之美。「专题」的说法也是一样的道理。

原则三:撤销重做原则

为了避免用户的误用和误击,网页应提供撤销和重做的功能。

案例:这个我暂时还没在简书网站上找到案例,这里以Android版的Chrome浏览器为例说明。当通过手势关闭一个标签页时,浏览器的底部就会出现Toast,显示有「撤销」按钮,如果你是误操作导致的页面删除,这时就可以点击它恢复原先的页面——非常友好的体验。

原则四:一致性原则
同一用语、功能、操作保持一致。同样的语言,同样的情景,操作应该出现同样的结果。
案例:用户页面的右上角有一个头像,点击后出现菜单列表。其中的「我喜欢的」前面是一个爱心图标,「我的书签」前面是一个书签图标,这都是符合用户认知的,如果把文字所对应的图标互换(「我的书签」用爱心图标),那就有点奇怪了,会引起用户的困惑。

原则五:防错原则
通过页面的设计、重组或特别安排,防止用户出错。比出现错误信息提示更好的是更用心的设计防止这类问题发生。

案例:在写文章的列表页面,点击「删除文章」后,会弹出一个对话框,让你确认是否删除文章,官方在设计的时候有意把「确定」按钮放在了右边,「取消」按钮放在了左边,因为从操作流这个角度来看,若把「确认」按钮放在左边,则很容易误操作,而这个操作又是不可逆的。而且,官方在设计时给「确认」按钮填充了醒目的蓝色,多重防止误操作。

原则六:易取原则
尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的,即把需要记忆的内容摆上台面。

案例:案例五中的图5也可以说明这个原则,确认对话框出现就很好地减少了用户前后的记忆。

原则七:灵活高效原则

中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。

案例:在简书的 Markdown 编辑器模式下写作时,一般用户只要熟记 Markdown 语法就可以写作,那高端一点的用户可能想用 XHTML 语言来写文章,简书也是开放了一些 XHTML 代码的,但不是全部,不然就不能叫做「Markdown编辑器」了。当然如果你不太熟练Markdown编辑器,简书也提供了「富文本编辑器」,满足了低层次用户的需求。这就是一种非常灵活高效的设计(如果简书只有单纯的 Markdown 编辑器,那么用户会流失很多很多)。

原则八:易扫原则

互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

案例:当想把已经添加在文章下方「拓展阅读」处的链接删除,那么点击「删除」后,在浏览器的顶部就会出现了提示框,提示「拓展阅读删除成功」。因为这样一个操作误删除的可能性非常小,由于「删除」的操作域非常小,一般点击都是自己明确地把鼠标移上去的,而且删除拓展阅读中的链接并不是一件非常严重的事情。其实我想说的是,这种情况下就不需要弹出对话框再进行确认了,的确,简书也是这么设计的——把无关紧要的信息弱化,提示3秒即消失。

原则九:容错原则

错误信息应该用语言表达(不要用代码),较准确地反应问题所在,并且提出一个建设性的解决方案。

案例:在简书上,点击一个链接,偶尔会出现下图的情形,即页面找不到。简书提供了详尽的说明文字和指导方向,而非直接使用404代码。(如下图7)

原则十:人性化帮助原则

如果系统不使用文档是最好的,但是有必要提供帮助和文档。任何信息应容易去搜索,专注于用户的任务,列出具体的步骤来进行。帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。

案例:对于初次使用的用户来说,看到设置中的「选择常用的编辑器」,会搞不懂「富文本」和「Markdown」的区别是什么,而且对于长期使用简书的用户来说,如果有一天他想在两个编辑器之间切换使用,可能就会对自己不常用的那个编辑器不了解或是遗忘,那么这个时候其实就像简书这样的设计就非常好——直接通过问号图标跳转到具体的帮助文档页面,详细教你该如何使用编辑器。

2.HHS

Paste_Image.png

3.八项黄金法则
一、力求一致性
  例如网站首页需要和每一个下级页面保持一致的风格,导航都要放在屏幕的左上角,具有高度一致性的界面能给人清晰整洁的感觉。

二、允许频繁使用快捷键
  快捷键表示产品使用的灵活性和有效性,想想每次我们使用搜索引擎的时候是鼠标点击的搜索还是按的回车?

三、提供明确的反馈
  出现错误时要明确说出错误的含义,而且需要考虑用户能否理解,比如我们基本上都遇到过HTTP404错误,但绝大多数人能看懂么?

四、设计对话,告诉用户任务已完成
  要在用户完成某项任务或操作后进行提示。如果他们在做了很多操作后却得不到反馈,他们就无法知道自己是否达成目标。

五、提供错误预防和简单的纠错功能
  例如把某些当前不能点击的按钮设置为灰色,在系统执行时让用户在确认一下

六、应该方便用户取消某个操作
  大多数的应用软件都有撤销和恢复的功能,如果用户总是惧怕一失足成千古恨,那样的用户体验可想而知

七、用户应掌握控制权
  一般而言用户希望自己去控制系统交互,在执行任务中,用户应该可以随时中止或退出,而不是无奈的看着系统继续

八、减轻用户记忆负担
  我们应该尽可能帮助用户避免要求他们记住各种信息,例如各个菜单项之间的逻辑关联,更好的分类就会帮助用户找出哪个功能按钮在什么地方。

4.首页可用性原则
1、传送站点的目的
为更好地与用户沟通,主页必须适当强调商标、品牌和最重要的任务,还必须具有独特的、令人印象深刻的外观,以便用户能认出它是站点的起始页面。
(1)在显著的位置、以适当的大小显示公司名称和或公司标志。页面的左上角通常是最好的位置。
(2)包括一个能简明地概括站点或公司做什么的标签行。标签行要短小、一语中的,非常出名的公司或部门可不用标签行,有子站点时要对各子站进行描述。
(3)从用户的观点出发,强调站点的价值,以及公司和主要竞争对手的区别。
(4)强调最重要的任务或工作,以便用户对主页有清晰的第一印象。要把这些任务放在显要位置,如页面的中上方,并且不要排列太多信息。要限制核心工作的数量(1-4个)。这条原则的最具挑战性而且最关键的地方,是从客户角度决定什么才是最重要的任务或工作。
(5)为每个站点明确设计一个正式主页。 在站点内要限制“home”或“主页”等术语的使用范围。
(6)在主公司的站点上,“站点(website)”一词仅代表公司在因特网上全体站点,而不要有什么别的意思,尤其是不要指子站点。
(7)设计主页时,要使主页和站点上的所有其它页面有明显的区别。或者使用稍不同的外表设计,或导航部分有显著的位置指示器。

2、关于公司的通信信息
(8)在一个独立的区域组织好公司信息,例如“关于我们”、“投资关系”、“新闻发布”、“就业”和“关于公司”的其它消息。
(9)在主页上建立一个“关于我们”的链接,给用户一个公司的大致印象。建议叫“关于<公司名>”。
(10)如果想发布公司新闻,可在主页上放置一个“新闻发布室”或“新闻室”的链接。
(11)提供统一的表达方式,让顾客在站点中觉得是和公司而不是和页面本身打交道。提到公司网站时,用公司名而不是“公司名.com”。
(12)在主页上放置一个“联系我们”的链接,指向一个包含公司所有联系信息的页面。
(13)如果提供“反馈”机制,应说明链接的意图,以及是否将被用户服务机构或网站管理员阅读等。
(14)不要在公共的站点上包含公司的内部信息(这种信息针对的是雇员,应该在公司的内部网上发布)。
(15)如果站点要搜集用户信息,应在主页上放置一个“隐私政策”的链接。
(16)如果站点的赢利模式并不明显,应解释站点是怎么样赢利的。

3、内容的书写
写出令人印象深刻的内容,用尽量少的词汇表达尽量多的消息。
(17)使用用户关注的语言,类别和科目要按照用户的取向划分,而不是按照所服务的公司的要求划分。
(18)避免冗余内容。为突出一个显著的内容,应将它放在一个清晰的位置则不是重复它 。
(19)不要使用成语、行话,否则用户很难明白你在说什么。
(20)使用一致的大小写和其它风格标准,否则用户可能会误解。
(21)如果页面上某区域中的内容已经有效地说明自身作用,不要给这个定义明确的区域贴上标签命名。
(22)避免单个词的类别和单个词的列表项。
(23)在短语中单词间使用不间断空格,使短语连接在一起,便于快速阅读和理解。
(24)仅在做法定或约定俗成的工作时,或做适当强调时,才使用诸如“输入城市或邮政编码”等命令式语言。要告诉用户这么有什么好处。
(25)在缩写、首写字母缩略词、简写第一次出现时,要紧跟着给出它们的全称。
(26)避免使用感叹号,感叹号并不属于专家写作范畴,尤其不应在主页上出现。记住,不要对用户喊叫。
(27)在格式化的风格中少用全大写字母的方式,甚至一点也不用。不易阅读。
(28)为表示强调效果,要避免不适当的使用空格或停顿。影响查找、减慢阅读速度及缺少亲和力。

4、通过例子提示内容
例子能立即说明站点是什么的、揭示站点提供产品或服务的丰富程度、具体事例比一般性原则更有趣、并能成功地导航。
(29)用例子揭示站点的内容,而不仅仅是抽象的描述。
(30)在例子后面直接加一个到例子所属类别的详细内容的链接,而不是链接到一个能用父类的页面上。
(31)在特定例子后面提供一个到更广泛的类别的链接。
(32)要明确显示哪个链接指向例子的相关信息,哪个链接指向例子所属类别的一般信息。相关信息的链接放在例子之后,类别链接放得稍远一点。

5、文档和已往内容的访问
(33)要保证很容易地访问最近在主页上已经重点的任何内容。

6、链接
(34)尽量区分链接并使它们更具可读性。要言简意赅,用带有更多的信息的文字做链接的开头,用户经常只据链接的一二个词决定是否阅读。
(35)不要用普通的指令作为链接指令,如“点这儿”。
(36)不要在一个列表后使用普通链接,如“更多。。。”或“More。。。”等。要告诉用户他们将得到更多的什么东西,如“更多新闻”。
(37)用不同的颜色表示已经访问的和未访问的链接。未访问的默认是蓝色,要用易区分的不太饱和的颜色表示已经访问过的链接。不要用灰色,它被用来表示按钮不可用且难以阅读,不要用黑色,它用来显示正文。
(38)在页面上不要用文字“链接”或“Links”来表示链接,而要用带下划线的蓝色文字表示。
(39)如果一个链接的作用不是打开另一个另一个web页面,而诸如链接一个pdf文件、打开一段声音或视频播放、发电子邮件、打开另一个应用程序等,注意要明确说明点击后要发生什么。

7、导航
导航区域应该显示站点最重要的内容,以便用户查看项级类别时就对查找的内容有很好的感觉。
(40)在显著位置放置主导航区域,最好在紧邻页面主体的正下方。避免在图形条顶端放置任何水平的导航条,因用户常把屏幕顶端的条区当成广告而忽略,是为“条盲”。
(41)在导航区域将条目分组,将相似的条目放在一起。
(42)对同一类型的链接,不要有多个导航区域。
(43)在主页上不要包括指向该主页的动态链接。如“主页”或“home”等,在所有页面都可有,主页上的要不可点击。
(44)在导航区域中不要使用自造词。类别名应能彼此明显区分开,如果用户不能理解你的自造词,就不可能区分各个类别。
(45)如果在站点上有购物车(很多商务站点上都有),庆在主页上包含一个指向它的链接。
(46)只有在图标能帮助用户立刻识别一类条目时,才使用它们。

8、查找
建议是看得见、使用简单、查找范围广范
(47)在主页上设置一个输入框,以做一日和尚撞一天钟输入查找内容,而不是仅给用户一个指向查找页面的链接。
(48)输入框应该足够宽,以便用户在站点能看到和编辑标准的查询。至少要25-30个字符宽。
(49)不要给查找区域加标签,而要在输入框右边使用“查找”等按钮。并将查找功能 放在页面主体的上方、页面顶部广告条或菜单栏的下方。
(50)除非高级查找功能是站点的标准功能,否则在主页上只提供简单查找功能,再加一个到高级查找或查找指南的链接即可。
(51)在主页上的查找功能应该默认查找整个站点。
(52)在站点的查找功能中,不要提供“查找web”功能。因为用户查找web有自己喜欢的搜索引擎。

9、工具和任务快捷方式
(53)对主页上高优先权任务,要设置直接访问这些功能的方式。这些主页工具应用户直接访问主页上的任何数据或资料。如果可能的话,考虑给予用户不需要用鼠标点击就能得到所需要的结果的方法,换句话说,在主页上自动显示最常用的信息。这种功能一般来说只有能辩论用户和个性化页面的站点才能实现。
(54)不要包括与站点无关的工具。有用但未必适合,如非新闻站点的天气状况。
(55)不要提供与浏览器功能重复的工具,如果设默认页或收藏。

10、图形和动画
(56)用图形表现真正的内容,而不仅仅做主页的装饰。人们一般会被图片所吸引,所以和内容无关的图片会分散人们的注意力。
(57)如果图形和图片的意义在其伴随的情况的上下文中不太明确,要简短地解释它们。为人物的图片加说明通常是个好主意。
(58)以适当的尺寸编辑图像和图形。数量过多的照片和图形并不会传递更多信息,反而会使屏幕看起来很混乱。仅仅将大图片压小很多情况下并无帮助,不如删掉。
(59)避免使用带水印的图片(上面有文本的背景图片),它们会使界面更混乱,经常会减弱视觉效果。
(60)在主页上,不要仅为吸引注意力而使用动画,它在主页上几乎没有位置,因为它会减弱用户对其它元素的注意程度。动画适用于专门演示。
(61)绝不要用动画表示页面上的关键元素,如公司标志、提示行或主标题。因为用户易忽视看起来象广告的动画区域,且它们也难以阅读。
(62)在进入站点时,让用户选择他们是否想看动画而不要将动画作为默认设置。

11、图形设计
(63)在页面上要限制使用字体的样式和其它文本格式,例如文字大小颜色等,因为繁多的文字样式会分散用户对文字本身的注意力。
(64)使用高对比度的文字颜色和背景颜色,使文字尽量清晰。
(65)在800600的分辨率下避免水平滚屏。
(66)在最流行的窗口大小下(该书写作是800
600),最重要的页面元素应该不用滚屏就可以看到。
(67)使用动态的页面设置,使主页大小可根据屏幕分辨率来调整。
(68)慎重使用标志图案。除了站点本身的标志图案外,仅在用户了解标志图案的意思时,才能使用它们以吸引用户的注意。

12、用户界面上的小控件
(69)如果不想让用户点击,绝不要将控件作为屏幕的一部分。
(70)在主页上避免使用多行文字框,尤其在页面的上方,在那儿用户于查找查找属性。用户有时会将登录框与查找框混淆。
(71)尽量少用下拉菜单,尤其当其中的项目本身不能说明自身意思的情况下。

13、窗口标题
(72)用最能传递信息的词语作为窗口标题的开头--通常是公司的名称。
(73)不要在窗口标题中包括顶级域名,如".com",除非它是公司名的一部分。
(74)不要在标题中包括“主页”、"homepage"等词汇,这是费话。每个页要用不同的标题。
(75)在窗口标题中包括站点的简短描述。可以考虑采用标签行的内容。
(76)要将窗口标题的字数限制在78个英文单词以内,不要超过64个字母。
这些都是便于收藏和检索引擎。

14、网址URL
(77)商业站点的主页应该有“http://www.公司名.com"的网址(或类似的国家级域名或其它类型的顶级域名),不要在域名后加复杂的代码甚至"index.html"等。要确保"www.公司名.com"和"公司名.com"都能访问站点。
(78)对任何和除美国之外特定国家密切相关的网站,要使用该国的顶级域名。如果站点还有国外的客户,再注册一个带".com"域名也是不错的主意。
(79)如果条件允许,要为站点名称注册不同的拼写、缩写或常见的拼写错误域名。
(80)如果域名有不同的拼写方法,选择一个作为正式版本,将用其它拼写访问站点的用户重定向到此域名上。

15、新闻和新闻发布
(81)标题应该简洁,应该用传述语言,用尽量少的文字表达尽量多的信息。标题和它下面的内容提要的相关程序应该高于和整篇内文章的相关程度。
(82)精心写作和编辑在主页上重点突出的新闻内容提要。要尽量用具体内容吸引用户点击并阅读全文。
(83)将整篇新闻内容与标题而不是内容提要建立链接,或在提要后面提供一个“全部内容”的链接。
(84)只要在主页上的新闻是一个星期内发生的,就没有必要在每条新闻的内容提要中列出日期和时间,除非它确实是一条爆炸性新闻并且经常更新。在主页顶端的时间和日期中以说明新闻内容是现在的了。在一篇文章开头的显著位置显示日期是很重要的,为以后搜索和缓存考虑。基于同样的原因,正文中不该引述相对时间,如“今天”“下周”等

16、弹出窗口和分阶段的页面显示
(85)当用户键入主页网址时,或在别的页面上点击到站点的链接时,要将他们带到“真正的”主页上,必须取消纷纷弹出的窗口。一个例外是,如果站点内容对少数人不合适时,最好弹出一个窗口发出警告。
(86)要避免弹出式窗口,即使其含有有用信息,也会被用户当作广告忽略,且这类窗口会使用户远离站点内容。而且,用户一旦关掉,就找不到这些内容了。
(87)不要让用户使用站点导航图去选择自己的地理位置,除非你的站点具有多种语言版本,而不是只有一种主要语言的版本。

17、广告
(88)将公司外的广告放在页面的边缘。绝对不要把广告放在最重要的条目旁边,及将重要的条目放在广告之上,以免被用户忽视重要条目。
(89)外部广告(为其它公司做的广告)要慎重采用,要做得尽量小,并应尽量和主页的核心内容相关。
(90)如果将广告放置在页面上方标准的广告条区域之外,要给它们加标签,说明它们是广告,这样用户就不会把它们和网站的内容搞混了。
(91)避免用广告的惯用方式显示站点的常见特性。

18、欢迎词
(92)不要只在字面上欢迎用户的到来,不要将主页上最重要的区域用于向用户打招呼,可以考虑将欢迎词作为一条标签行。对用户最后的欢迎是,让用户明确知道他们能在站点具体做什么,及从哪里开始。一个例外是主册用户登录后要欢迎。

19、通信技术问题和突发事件的处理
(93)如果站点瘫痪了,或者站点的某个重要部分不能用了,要在主页上明确说明,要说明大概恢复的时间及此期间用户可以做的事。
(94)有一个在紧急情况下处理网站上关键内容的计划。如准备主页的一个不同的设计版本,及一个简单地导般框架,以及提供返回正常站点的途径。突发事件的典型特征是短期内有超乎寻常的大量点击,主要是因为用户反复点击以取得最新进展,这要求备用主页要小巧。

20、赞誉
(95)不要浪费宝贵的空间夸赞网站的搜索引擎、设计公司、喜爱浏览的公司或者在界面背后的技术。对于面向技术的站点,不要将这些专业内容放在主页上,可以在“关于我们”的页面中包括此类的条目。
(96)要控制显示站点获得赞誉的内容。独立的权威机构发表的赞誉、认证和优秀站点的评价,尤其是关于产品质量或服务的奖项,可以用来提供网站的信任度。主页上可以放面向用户类的奖项,不要放去年如何何的奖项,其它的可以放入“关于我们”之中。

21、页面重载和刷新
(97)不要自动刷新主页,将更新内容推给用户。对有实时更新要求的网站,考虑提供一个工具,使用户能得到实时的数据反馈。
(98)当刷新页面时,只更新改变的部分,比如更新新闻部分。

22、个性化
(99)如果主页上有为已知资料的用户提供定制信息的区域,对首次使用的用户不要提供一般内容--要在特定区域中提供精心准备的、不同的内容。
(100)不要让用户定制主页基本外观的各种特性,比如颜色模式。要集中精力推出未来方便最大多数用户阅读的更好的设计界面,如字体要相对大小。

23、收集用户资料
(101)在主页上不要直接提供注册链接,而是要解释用户注册的好处(至少要链接到这样页面)。
(102)在索要用户的电子邮件地址前,要解注册的好处,说明公告发给用户的频率。还有,在索要用户email地址的地方的后面,链接一个样本邮件,并解释公司或网站的隐私政策。

24、繁荣社会
(103)如果网站支持用户社区功能,例如提供聊天室或其它讨论工具,不要将它们当作一般的链接,要在主页上列出实际的讨论主题并提供任何有关日程表。
(104)在商业站点不要提供“访客簿”标记,这会使站点看起来有点业余。

25、日期和时间
(105)仅对时间敏感的信息显示日期和时间,如新闻条目、实时交谈、股票指数等。不必显示星期几。
(106)显示最后更新内容时的时间,而不是计算机生成的当前时间,并用“更新于<日,时>”语句说明。
(107)当引用时间时,要包括时区。如果有国际用户,要显示主页当地时间及相对于格林威治(GMT)时间。
(108)使用标准缩略语,比如“p.m.”或“P.M.”。
(109)给出月份的全拼或简写,而不要用数字。

26、股票指数和显示数字
(110)给出变化的百分比,而不仅仅是股票指数增减的点数。
(111)除非缩写非常有名,如“IBM”,否则要写缩写的股票名称。
(112)如果数字有五位甚至更多位数,要使用千分位分隔符适当分隔数字。
(113)当显示一列数字时,要对齐小数点。

其他
你不必在每件事情上取得别人的同意。作为一个专业的Web开发人,你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体验的理解,确保在复杂 的网站架构下你的访客仍可能找到他们的路径。这意味着在与用户和同事讨论时,你必须能够坚持你的立场,有效地传达自己的想法。事实上,你的工作就是妥协处 理错误的思想和误导的概念,而不是盲从它们。
在这种境况下,没有任何东西可以帮助你,除了和你工作中根本问题相关的深刻知识。但是,即使你知道这些知识,重要的是你还要知道如何称呼这些概念,如何在讨论中用到它们。此外,准备一些你可能需要的准确术语在手边作为论据,对你的讨论也是有帮助的。
在这篇文章,我们陈述了30个通常被遗忘、忽略和误解的重要的可用性问题、术语、规则和原则。可读性(readability)和易读性 (legibility)有什么区别?究竟80/20和帕累托原则是什么意思?扫雷与满意度是什么意思?逐步强化和优雅降级又是什么?你都可以找到答案。

一、可用性:规则和原则
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. 减少短期记忆

费茨定律
由保罗费茨(Paul Fitts)发表于1954年,费茨定律模拟了人类活动,以目标距离和目标规模大小为函数,预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动,访客就必须从A点移动到B点。例如,这个规则对于如何放置内容区域,以更实用的方式,最大化内容可及性和提高内容点击率,是非常重要的。

倒金字塔
倒金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”,新闻作者试图让他们的读者即时知道他们的报道的主 题。文章以总结开头,接着是关键点,最后那些次要的细节,如背景资料。由于网络用户需要即时的满足,这种倒金字塔写作风格,对于网络写作和更好的用户体验 是非常重要的。就像尼尔森的支持满意网络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决问题方案不感兴趣。相反,他们永远扫描他们认为“足够好”的 quick’n’dirty解决方案。在网络中,这种方式准确地描述了用户的满意:用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案 能够更好地满足他们的要求。

二、可用性背后的心理学

婴儿鸭综合症
婴儿鸭综合症描述了游客倾向忠于他们记住的最初设计,并且通过与最初设计的相似度来判断其他的设计。其结果是,用户通常倾向于那些与他们记住的最初 设计相类似的设计,不喜欢陌生的系统。这些可用性问题是很多系统重新设计时存在的:用户,习惯了以前的设计,对新的网站架构会感到不舒服,他们必须找到自 己的方式去使用网站。

无视广告
网络用户具有忽视一切看起来像广告的东西,有趣的是,他们非常擅于这。虽然广告是被注意到了,但几乎一直是被忽略的。由于用户已经为网站上不同的任 务构建了相关联的图式,在网站上搜索特定的信息时,他们只将注意力集中在网页的部分区域,就是那些他们认为可能是相关信息的地方,也就是,小文本和超链 接。在这个例子中,大的色彩缤纷的地方或动画横幅广告和其他的图形是被忽略的。
banner-blindness-examples.jpg [来源:无视广告 一些发现和一些新发现]

扣人心弦效应(蔡加尼克效应)
人类无法忍受不确定性。我们倾向于对感兴趣的、未回答的问题尽快找到答案。扣人心弦效应就是基于这一事实的;扣人心弦的电影,文章和情节总是有出其 不意的结果,往往总是以一个突然的震惊启示或者困难的局面离开。这种效应经常用在广告上:广告主往往通过要求游客解答刺激的问题,来迫使他们阅读广告,点 击横幅广告或者跟进一个链接。扣人心弦效应由布鲁玛 W. 蔡加尼克(Bluma W.Zeigarnik)在1927年发现,这个效应在读者间建立了情感联系,在营销学中极其有影响力。游客们可以更好地记住是什么广告,甚至是最小的细 节都能记得更清晰确切。在web写作中,扣人心弦效应也被用来吸引游客进入网站。(如“抓取我们的RSS-Feed,以确保您不会错过文章的第二部 分!”)。

视知觉的格式塔原则
这些原则是人机交互设计心理方面的基本原则。
接近法则认为,当我们知觉物体归类时时,易于把相近的物体归于一组。

MTV音乐颁奖的接近法则的真实例子.
相似法则指当内容元素彼此相似的时候我们会感知它们为一组。

Prägnanz法则(图像-背景)指在知觉某个的视野时,一些物体(图像)看起来突显了出来,视野中的其他东西则消退到背景中。
苹果机的标志可以被看作是一个正规笑脸和一个侧面欢喜的脸庞(看着计算机屏幕)
对称性法则指我们在知觉物体时倾向于把物体知觉为一个中心周边对称的形状。
连贯性法则指我们倾向于知觉联贯或连续流动的形式,而不是断裂或都不连续的形式,事实上它们并不连贯。

我们知觉到字母’I’,’B’,和’M’,虽然我们事实上看到的形状,只有几行不同长度的白色空格彼此空悬。

自我参照效应
自我参照效应在网络写作中尤其重要,可以显著改善作者和读者之间的沟通。与我们个人观念相联系的事物要比那些和我们没有直接联系的事物记得更清楚。 例如,阅读一篇文章后,用户能更好地记得他们个人经验中相关的人物,故事或事实。在可用性中自我参照效应通常被用在网络写作的表达和网站内容陈述。

三、可用性术语表: 术语和概念
眼球追踪
眼球追踪是测量我们凝视的点(我们看着的地方)或者相对于头部来说眼睛移动的过程。眼球追踪监测记录眼球每次的运动,并在网站最活跃的区域高光显 示。眼球追踪研究可以帮助估计浏览网站的用户是否舒适地使用网站,以及他们理解网站背后的架构和系统有多快。在最近的眼球追踪研究Eyetrack07 中,你可以找到一些有趣的可用性结果。

折叠位置(Fold)
折叠位置是指一个网站在屏幕上可见区域的最下方位置。当然折叠的位置也取决于你访客的屏幕分辨率。网页可见区域(也称为screenful)是指网 页上不需要拉动滚动条就能看到的区域。既然折叠位置是不需要滚动就能看到,它常常被视为可能可以保证最高广告点击率和利润的区域。然而,折叠位置并没有那 么重要。[Usability.gov]

中心凹视(中心凹区)
中央窝,人类眼睛的一部分,负责敏锐的中央视力,对于人类在阅读、看电视或电影、驾驶以及其他任何需要高度注意视觉细节的活动中,是非常必要的。中 央窝是你的眼睛在瞄准时的一块小范围空间,它是你可以感知最高级别细节的唯一地方。中心凹区相当于两度视野或者放在你眼前的两个缩略图大小的紧密区域。这 是你为游客传递最重要信息的地方。
中心凹视是非常重要的,因为在这个宽屏区域外你的访客如何看你的网页变化非常大。在这部分区域内,是你的视线注意力最大的唯一区域——只有在这里没有眼睛扫描是必要的。

注释
注释是一个自动的行为,它在链接链向的地方和用户一旦点击会链向的地方提供提示和摘要信息。提示可通过链接的标题特征来提供。从可用性的角度来看, 用户希望有充分控制一切正在发生在网站上的事情的权利;清晰和准确的内外部链接解释,合理的连接源头标签,都可以提高一个网站的可用性。

优雅降级(容错系统)
优雅降级是指一个网站即使在它的部件(部分或完全)已经无法显示或者无效的情况下还能展示内容和基本的功能的这种能力。在实践中这意味着网站在每一个可能“过失”的情况下显示内容,可在用户可能的每种配置下(浏览器、插件、连接、操作系统等等)被使用。为“骨灰级用户”提供的仍然是丰富的、增强的页面版本。例如,典型地为多媒体内容提供可替代的显示,以确保在图片无法显示的时候内容仍然可以感知。[维基百科:容错系统]

粒度
粒度是指一个大的、复杂的数据集或信息分成何种程度的更小的单位。

热区
热区是网站可点击的区域,一旦被点击时会改变它们的形式或者/和外观、这是典型的:当链接或者任何其他网站元素被点击时的焦点效应。

Smashingmagazine.com上的热区和注释
易读性(Legibility)
易读性是指文章在视觉上是否明确。

扫雷
扫雷是指那些要确定网站链接的用户与网站的交互大多数情况下。在大多数情况下,扫雷是可用性问题中一个明确的警报信号。通常扫雷涉及用户在网页上快速移动光标或者指针,注视光标或指针在哪里有显示链接的变化。[Usability.gov]
肉之谜导航系统(MMN)
网络中的肉之谜导航描述了那种用户要想发现导航链接的目的点或者确定链接在哪里极其困难的设计。

物理一致性
这个概念描述了网站外观的一致性,-如logos的位置、导航、图形元素和版式的使用。物理一致性对于更好的方向和有效的网站导航是至关重要的。

逐步强化(PE)
逐步强化是一个设计战略,网站是以多层次的方式创建的——从适合所有浏览器的最基本的功能,再到更多的适合现行浏览器的加强的功能。逐步强化的主要 优势在于它的“普遍可用性”——比如,事实上,它允许使用任何浏览器或者网络链接工具的人访问网站的基本内容和功能,同时它也提供使用更好网络带宽和更先 进浏览器软件的用户更强版本的网页。[维基百科]

可读性
可读性描述了基于复杂句子和困难词汇的文字的可理解的程度。可读性的指标通常可以划分可用性层级,通过一些人轻易理解一篇阅读文章所需的年龄和级别来定。可读性不是易读性。[可用性的术语]

用户为中心的设计(UCD)
用户为中心的设计是这样一种设计理念,用户需求、偏好和行为决定了网站的基础,就是网站架构、导航和获取信息的方式。UCD被视为现代网络应用的标准方式,尤其是由于用户创造内容的兴起。在web2.0游客必须积极参与,因此需要最佳化他们需求的条件。

警惕(持续关注)
警惕是在长时间单调的任务中仍能持续关注的能力,比如校队文章查找拼写错误,提醒约会,自行修改文字处理机文档等。在现代网络应用中警惕的任务主要体现在后台、自动化和提供系统的可用性。

走来即用的设计
一个走来即用的设计是不言自明和直观的,所以第一次和一次性用户可以有效的使用它,而不需要实现介绍或培训。

线框图
线框图是一个网站基本的结构——骨架——描述了一个网站的思想、概念和结构。线框图可以被设计成介绍陈述,用来向股份持有者解释网站是如何设计的, 提供了什么功能,用户是如何完成他们的任务的。线框图通常不会有任何视觉元素,或者一个完整的页面布局;他们往往是设计者画在纸上的初稿和草图。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容