指导原则
关于可用性的定义:
有用:能否帮助人们完成一些必需的事物?
可学习:人们能否明白如何使用它?
可记忆:人们每次使用的时候,是否都需要重新学习?
有效:它们能完成任务吗?
高效:它们是否只需花费适当的时间和努力就能完成任务?
合乎期望:是人们想要的吗?
令人愉悦:人们使用的时候觉得有意思甚至很好玩吗?
即,让一个有着平均能力和经验的人(甚至稍低于平均水平)能明白如何使用它——不必付出过度的努力,或者遇到不必要的麻烦。
1 Krug 可用性第一定律 别让我思考
当用户看到一个页面时,它应该是不言而喻,一目了然,自我解释的。
容易让用户停下来,进行不必要思考的地方:
命名、不明显的链接和按钮
2 我们实际上是如何使用Web的:扫描、满意即可、勉强应付
扫描:快速扫描页面上的关键词,而不是阅读所有内容
满意即可:用户绝大多数时间不会选择最好的,而是选择第一个过得去的,一旦发现一个按钮看起来似乎会跳转到我们想去的地方,就会点击
勉强应付:用户对一直在使用的东西,并不了解它们的运作原理,因为这对他们来说并不重要,如果发现某个东西能用,他们会一直使用,很少主动寻求更好地方法。
3 广告牌设计101法则:未扫描设计,不为阅读设计
> 尽量利用习惯用法
> 建立有效的视觉层次
越重要的部分越突出
逻辑上相关的部分也在视觉上相关
逻辑上包含的部分在视觉上进行嵌套
> 把页面划分成明确定义的区域
> 明显标识可点击的地方
> 最小化干扰
> 为内容创建清楚的格式,以便扫描
充分使用标题
保持段落简洁
使用符号列表
突出关键词语
4 动物、植物、无机物:为什么用户喜欢无需思考的选择
> 让用户的每次点击都毫不费力,坚信自己的选择是正确的
> 必要的帮助和支持
简短:只需要提供最少的信息来帮助我
及时:放在我正好需要它的地方
不会错过:设置合适的格式,保证我一定会注意到它
5 省略多余的文字
欢迎文字和指示性文字必须消灭
必须正确处理的几个方面
6 街头指示牌和面包屑
导航显而易见的用途:帮助我们找到想要的任何东西和告诉我们现在身在何处
重要但容易被忽略的功能:
> 告诉我们这里有些什么:通过让层次可视化,体现站点内容
> 告诉我们如何使用网站:从哪里开始,能进行哪些选择
> 给我们对网站建造者的信心:清楚、规划得当的导航能给用户留下好印象
持久化导航包含:站点ID(标志logo)、实用工具、搜索、栏目
> 站点ID:在网页上方的左上角,或者靠近左上角,告诉用户你现在还在XXX网站
> 栏目:有时也叫主导航条(菜单栏),是站点层次结构的最顶层。大部分情况下,持久导航也会包括二级导航的显示位置
> 实用工具:是网页中不属于内容层次的重要元素的链接,比如注册/登录、帮助、购物车、关于我们、联系我们... 通常,持久化导航上只能放置4-5个实用工具,用户用的最多的那几个
> 主页按钮或链接:持久化导航中最重要的元素之一,让一个返回主页的按钮始终可见,让用户无论去到哪个页面,都能回到主页重新开始。站点ID通常也作为一个返回主页的按钮,另外在网站的主栏目中,也通常包含“主页”
> 提供搜索:搜索就是1个输入框,1个按钮,还有“搜索”两个字,别弄的复杂,特别要避免:
· 花哨的用词:按钮使用“搜索”,而不是“查找”、“快速查找”、“快速搜索”、“关键词搜索”
· 指示说明:不需要提示文字,比如:输入关键词,上网几天的人都知道搜索的用途和用法
· 选项:如果存在任何混淆搜索范围(搜索整个站点、部分站点、还是整个web?)的可能性,一定要把它列出来
多级导航
在讨论主页的颜色方案之前,需要考虑网站所有潜在级别导航的样例页面
页面名称
1 每个页面都需要一个名称,即使已经在导航中突出显示页面名称
2 页面名称需要出现在合适的位置,即出现在涵盖该页内容的位置
3 名称要引人注目,需要结合位置、字体大小、颜色和留白来体现出这就是整个页面的标题。在大多数情况下,它应该是页面最大的文字。
4 名称要和点击进来的链接一致。有时受到空间的限制,需要折中,如果点击的文字和页面名称不完全匹配,也要保证:(1)它们尽可能匹配,(2)不匹配的原因很明显(很相近)
你在这里
指示当前位置,不管是在页面的导航条、列表还是菜单上,可以用突出我当前的位置来做到
面包屑(层级菜单)
指示当前位置,告诉你从主页到当前位置的轨迹,并能让你在网站中更加容易地回到更高层次的内容
面包屑设计的最佳实践:
· 把它们放在最顶层。放在页面顶端,高于所有内容
· 使用 > 对层级进行间隔
· 加粗最后一个元素。突出当前所在页面
标签分割器
标签是大型网站导航的上佳选择,因为:
· 它们不言而喻,物理隐喻有效应用到用户界面,一看就知道是干什么的
· 它们很难被忽略,视觉上与众不同,很难被认为是其它东西而忽略掉
· 它们很灵活,激活的标签必须有一种不同的颜色或外形作为对比,而且必须与它底下的空间在物理上连接起来,激活的时候弹到最前面
后厢测试
1 在网站上任意选择一个网站,把它打印出来
2 拿到一手开外,或者斜过一个角度,让你不能仔细观察
3 尽快找到下面清单中的项目并画上圆圈:站点ID、页面名称、栏目(主导航)、页内导航、“你在这里”指示器、搜索
7 Web设计中的大爆炸理论 让人们顺利开始的重要性
主页要完成的任务:
· 站点标识和使命。告诉我这是什么网站,它是做什么的,如果可能,告诉我为什么我应该在这里,而不是别的网站
· 站点层次。主页要给出网站服务的概貌,包括内容(我在这里能找到些什么?),也包括功能(我能做什么?),一级它们是如何组织的。这项工作通常由持久导航来处理
· 搜索。大多数网站要在主页上设置一个突出显示的搜索框
· 导读 。像杂志封面一样,主页要用一些“里面有精彩内容”的暗示来吸引我
· 内容推介。突出最新、最好、最流行的内容片断,就想头条新闻或热销产品一样
· 功能推介。邀请我去探索网站更多的栏目或者试用一些个性化功能或邮件简报等
· 适时更新的内容。如果回访对网站很重要,需要经常更新内容
· 交换链接。在主页上预留空间,用来放置广告、交叉推广、合作品牌的友情链接
· 快捷方式。最常访问的内容片断
· 注册
网页需要满足的抽象目标:
· 让我看见自己正在寻找的东西。让我想看的任何东西显而易见
· 还有我没有寻找到的。即使用户没有主动寻找,但主页也需要让他们看见一些精彩的、可能感兴趣的内容
· 告诉我从哪开始。 对新用户来说,告诉他第一步该做什么
· 建立可信度和信任感
常见的约束:
· 每个人都想占一席之地。 主页突出的推介内容是稀缺资源,大家都想占一个好位置
· 想要参与的人太多。由于主页的重要性,每个人(设置包括CEO)都想对它发表看法
· 一个尺寸要适合所有人。主页要呈现在每个访问者面前,不管他们的兴趣差别有多大
传达整体形象
好的主页设计,需要在别人看到的第一眼就能清楚地知道这个网站到底是什么,主要回答四个问题
1 这是什么网站?
2 网站上有些什么?
3 我能在这里做什么?
4 为什么我应该在这里,而不是别的什么地方?
如何传达
网站用户多半是从主页的大体内容来猜测网站是做什么的?但是如果他们猜不到,你就要有一个地方让他们找得到,下面是三个重要的能帮用户快速理解网站是什么的工具。
· 口号 最有价值的位置之一是靠近站点ID的地方
· 欢迎广告 是对网站的简要描述,放在主页的首要位置,通常在页面上端的左边或者中间,是用户第一眼就会看到的内容
· 了解更多 创新性的产品和服务通常需要一些介绍,但篇幅往往超过一般访问者的忍耐成都,用户期望在大部分网站上看到一小段介绍性的视频
传达信息的指导原则
需要多大空间就使用多大空间。
但是不要使用过多的空间。 对大多数网站,没有必要用大量的空间来表述基本主张,而且占据整个版面的信息一般很难被吸收。保持简短—表明观点即可,不需要太长。不要觉得非提到每个功能不可,只提最重要的就可以了。
不要把使命陈述当做欢迎广告。很多网站在主页上阐述他们的公司使命,X公司XX发展领域提供世界一流的解决方案...,没人会看这样的内容
最重要的是进行测试。把主页给公司之外的人看,让他们告诉你你的设计是否达到了目标。
没有什么比得上一个好口号
口号是一条精炼的短句,刻画整个企业,总结它是什么,什么让它如此卓越。
在网站上,口号可能出现在站点ID的下方、上方或旁边
选择口号时,有几点需要考虑:
· 好的口号要清楚、要言之有物,非常准确地对网站或公司进行描述
· 好的口号长度合适
· 好的口号表述了网站的特点和显而易见的好处
· 好的口号应该有个性,生动,有时候还很俏皮
确定你没有做错的几件事
8 农场主和牧牛人应该是朋友
每个人都喜欢_____
当我们处在一个web团队时,很容易把自己的喜好投射到整个Web用户身上,认为绝大多数用户喜欢我们所喜欢的。我们通常认为大部分用户和我们一样。
农场主和牧牛人
由于各自的职位不同,Web团队的成员们对于好的网站有着非常不同的看法。
设计师:高度享受视觉体验,喜欢精美的样式和细致的视觉线索。想建造看起来很棒的网站
开发人员:喜欢复杂性,希望研究事物背后的运行机制,喜欢在他们的大脑里进行反向工程,然后看看可以用到哪些想法。想建造功能有趣、新颖、出色的网站
业务人员:关注网站是否有助于吸引风险投资、用户、战略合作伙伴和盈利的承诺
普通用户的神话
一旦因为个人和职位不同而造成的冲突不分胜负,讨论往往会转化成寻找某种方式(不管是专家的意见、发布的研究成果、调查问卷、还是焦点小组)来确定绝大多数用户喜欢或不喜欢什么——找出所谓的普通用户。这里的问题是没有什么普通用户。
所有的Web用户都是独一无二的
所有的Web使用都是不一样的
用户对网页的个人反映和多种不同的变量有关系,试图用一些简单的喜好来形容用户既琐碎又没有什么作用。
问题是,对于大部分Web设计问题来说(至少就重要问题来说),没有简单的“正确答案”。良好的、一体化的设计能满足需要,也就是说,经过仔细考虑、实现和测试的设计就是好的。
对于信仰争论的解药
解药的关键是,不要这样问这样的问题:“大部分用户喜欢下拉框吗?” 正确的问题应该是:“在这个页面,这样的上下文中,这个下拉框以及这些下拉项目和措辞会让可能使用这个网站的大部分人产生一种良好的体验吗?”
只有一种方式来回答这种问题:测试。你必须使用团队的集体技巧、经验、创造性和判断力来建立一些版本(哪怕是很粗糙的一个版本),然后观察人们对它的看法和用法。
争辩人们喜欢什么,既浪费时间又消耗团队的精力,而测试通过将讨论对错和个人喜好转移到什么有效、什么无效上,更容易缓和争论,打破僵局。而且,测试会让我们看到用户的动机、理解、反应的差异,从而让我们不会坚持认为用户的想法和我们的想法一样。
9 一天10美分的可用性测试:让测试简单,这样你能进行充分的测试
跟我重复一遍:焦点小组不是可用性测试
在焦点小组研究中,一小组人(通常是5-10人)围坐在桌子旁边,侃侃而谈,谈的是他们对产品的看法,产品的过往使用经验,或者是他们对一些新概念的反应等。如果是想要快速得到部分用户的意见和感觉,焦点小组是一种不错的方法。
在可用性测试中,一次一个用户,我们观看用户试用一些东西(不管是网站、网站原型,还是一些关于新设计方案的草图),去完成一些典型的任务,通过观察用户的行动,你可以监测到那些让用户混淆和倍感挫折的地方,并修复它们。
两者之间最主要的区别是:在可用性测试里,你会看到人们真正的使用情形,而不是只听到它们的说法。
使用焦点小组研究的几个场景:
(1)在抽象地确定你的目标受众想要什么,需要什么,喜欢什么的时候,可能会很有用。(2)在测试网站背后的理念是否有意义、价值主张是否吸引人等方面起到了很好的作用。(3)在了解当前用户在怎么利用你的网站帮助解决他们的问题方面很有帮助。 (4)在发现用户对你和你的竞争对手看法如何方面也很有帮助。
但焦点小组不适合用来了解网站的运行情况,以及怎样改进网站。焦点小组应用在开发和设计之前,而可用性测试应该贯穿整个开发和设计过程中。
关于测试的几个事实
· 如果想建立一个优秀的网站,一定要测试。测试提醒你,不是每个人都和你一样,知道你所知道的,用和你一样的方式使用网站。
· 测一位用户比不做测试好一倍。 测试总是会有效果,哪怕用错误的用户做一次最糟糕的测试,也会让你看到一些重要的地方来改善网站。
· 在项目中,早点测试一位用户好过最后测试50位用户。早点做一次简单的测试,在你还有时间用上你的测试所得的时候,总是比以后进行一次复杂的测试更有价值。
跳楼大减价的建议可用性测试
可用性测试的基本理念:如果你想知道某个东西是否容易使用,那么在一些人试图使用的时候观察他们,记下它们在哪里遇到问题。
《妙手回春:网站可用性测试及优化指南》
应该多久进行一次测试
每个Web开发团队应该每个月于安排一个上午进行一次可用性测试
· 能保持测试简单,所以你们能坚持进行。一个上午,测试简单,能保证坚持进行
· 能满足你们的需要。通过观察三位测试参与者,可以找到足够多的问题,一直能忙到下个月
· 这样就不需要决定什么时候测试。例如安排每个月第三周的周四作为可用性测试日,固定下来
· 这样人们更可能参与进来。整个测试一上午,而且在一个相对稳定可以预知的时间进行,大大增加团队成员参与的机会。应该测试多少用户
很多情况下,我认为,每轮测试的理想用户数量应该是三个。
有人会抗议说三个太少了,这么小的样本,根本证明不了什么,也不会发现所有的问题。
· 这类测试的目的不是为了证明任何东西。要进行证明,就需要定向测试,需要大量的样本,一份清楚定义、严格执行的测试计划,收集大量测试数据并进行分析。
DIY测试是一种定性的方法,它的目的是通过发现和修复可用性问题来改正你们正在建造的东西。这个过程一点也不严格:你让他们完成一些任务,你在旁边观察,然后你会了解到很多原来不知道的事实。测试结果是切实可操作的发现,而不是证据。
· 你不用发现所有的问题。一个半天的测试,就能让你发现太多问题,一个月都修复不完。
怎样选择测试参与者
如果时间很充足,又或者预算很充分,可以尽量去寻找能反映你目标群体的测试用户,但如果寻找理想用户意味着你将减少测试次数,那么可以尝试:宽松招募,曲线上升。允许你的测试用户和目标用户之间存在差别。
事实上,我常常喜欢使用一些并不是目标用户的测试参与者,因为下面的三个理由:
· 设计出的网站只有你的目标用户能用,这通常不是一个好主意。在很多情况下,不管怎样,你需要满足专家也同样需要满足新手。
· 在内心深处,我们都是初学者。
· 专家通常不会介意对初学者来说很清楚的界面。如果“几乎所有人”都能使用,专家也能使用
怎样找到测试参与者
用户组里,展览会上,分类信息网站、社交网站、客户讨论组、网站上提供一个弹出窗口,邀请邻居和朋友...
在哪里测试
一个安静不被打扰的会议室,电脑设备,屏幕共享软件,屏幕录制软件,录音设备
应该由谁来引导测试
和测试者坐在一起,引导他们进行整个测试的人叫做主持人。除了让测试参与人觉得舒服自在,并把注意力集中在测试任务上之外,主持人的主要工作就是鼓励他们尽可能说出心里话:把心理活动说出来。
一边观察测试参与者的动作,一边听他们在进行测试任务时说出他们的心理活动,这就是观察者们能通过其他人的视角看到自己的网站,去理解为什么有些东西自己觉得理所当然,而用户会觉得迷惑或挫折的关键所在。
谁应该进行观察
人越多越好,团队成员、利益相关人、各级经理、决策层的管理人员...
进行可用性测试,能改变观察者对用户的认知,让他们醒悟过来,用户跟他们自己并不一样
需要一间会议室作为观察室,一台联网的电脑和屏幕共享软件,一个大屏显示器或投影仪,外置麦克风(播放测试室的声音)
在每场测试的间隔,观察者需要写下他们注意到的三个最重要的可用性问题,并在总结会上分享。总结会的目的是找出一个最严重的问题,然后首先修复它们。
测试什么,什么时候测试
在整个开发的各个阶段及早进行测试,并让可用性测试贯穿整个开发过程。
测试开始越早越好,在开始设计网站之前,测试同类的网站,可以是实际的竞争对手,或者你脑海中在组织方式或功能上风格类似的网站。看测试参与者在一两个竞争性网站进行几个关键任务,你就会了解到很多,哪些地方效果好,哪些地方效果不好。
在重新设计一个现有网站之前,进行测试,能知道现有的设计哪些地方有问题(这些地方需要改变),哪些地方效果很好(这些部分需要保留)。
然后在整个项目过程中,持续对团队产出的任何东西进行测试,从草图、线框图、页面排版、页面原型,到最后实际的网页。
怎样选择测试任务
选择测试任务取决于你们现在需要测试什么。
如果只有一些简单勾勒的草图,那么测试任务就是简单让他们看看,并请他们告诉你他们认为这些图表达的是什么。
如果比草图更详细,可以列出一个人们应该能够在上面进行的活动清单。例如是一个登录过程的界面原型。测试任务可能是:
· 创建一个新的用户账户
· 用已有的用户名和密码登录
· 找回密码
· 找回用户名
· 为密保问题更改答案
为这段测试时间(在一个小时的测试里,大约有35分钟的时间用在测试任务上)准备足够的任务,记住,有些人总是会完成得比你预计的要快一些。
然后为这些任务选择合适的措辞,让参与者能准确理解你希望他们做什么,需要在任务描述里包含他们需要,但是还不具备的信息。
对于同样的任务,允许测试参与者自己决定一部分细节,那么你通常可以得到更有意思的结果。例如,找一本你想买的书或找一本你最近购买的书,会比找到一本14美元以下的书要好得多。
测试过程中会发生什么
一个典型的一个小时的测试应该包括以下几个部分:
· 欢迎部分(4min),开始测试,并介绍测试接下来如何进行,让测试参与者有些心理准备
· 提问部分(2min),问参与者几个和他们有关的问题,帮助他们放松下来,你也可以借此机会了解他们是不是计算机高手,或者上网高手
· 主页“观光”(3min),然后你打开测试网站的主页,请测试参与者四处看看,并且告诉你他们看到了什么。这样你可以了解网站是否容易理解,以及参与者有多了解网站所在的领域
· 测试任务(35min),测试的核心部分,观看参与者试着执行一系列任务(或者一个很长的任务),主持人的任务是让参与者一直停留在测试任务上,并让他们把自己当时的想法说出来
如果测试者停下来,不再说话的时候,可以先等一会,然后提醒一句:你在想什么?/你在找什么?/你在做什么?
让测试参与者独立进行测试任务很重要,不要做任何事,说任何话去影响他们,不要询问他们引导性的问题,也不要为他们提供任何线索和协助,除非他们已经被完全困住或者绝望了。如果他们向你寻求帮助,可以说:如果我不在这,你会怎么办?
· 问题探查(5min),测试任务结束后,就测试中发现的任何事情向测试参与者tien,还可以提观察室成员希望你提的问题
· 结束部分(5min),感谢参与者来参加测试,付报酬,送他们出门。
典型问题
· 用户不清楚概念。用户对页面上的概念要不不知道他们说的是什么,要不他们以为自己知道,但是错了。
· 他们找不到自己想要的字眼。这一点通常意味着,要么你对他们要找什么的预测是错误的,或者你们所用的词汇和他们所用的不同。
· 内容太多了。有时候他们想找的就在页面上,但是他们就是看不到。这种情况下,你需要:1)减少页面上的整体干扰;2)把他们需要看到的内容设置得更加醒目,让他们在可视结构层次中更加突出。
总结会:决定修复哪些问题
在每轮测试之后,你应该尽快让开发团队回顾每个人的观察,决定接下来修复哪些问题,如何修复。
· 收集一份问题列表。让每个人说出他们觉得最严重的三个问题,统计每个问题被反映的次数
· 选择10个最严重的问题。可以进行非正式的投票,也可以从刚才标记次数最多的问题开始
· 问题评级。把10个问题从1~10进行评级(1是最严重的),写在一张新的列表上
· 建立一份排序档案。从最严重的问题开始,对每个问题在下个月准备怎么修复,写下粗略的想法,谁负责修复,以及需要什么资源。
关于决定修复什么,不修复什么的建议:
· 可以再对那些不严重,但是非常容易修复的问题建立一份列表。非常容易是指一个人可以在1小时内完成,而且不需要得到总结会现场以外人员指示的情况下完成的那些问题。
· 抵制添加的冲动。当在测试中看到人们没有理解某些内容时,大部分人第一反应是增加一些注释或知道说明。而往往,正确的解决方案是拿到某个让人混淆的东西,而不是增加另一些干扰
· 不要太看重人们对新功能的要求。用户提出的新想法,在仔细思考后,很可能是个伪需求。
· 忽略皮划艇问题。在测试过程中,用户暂时出现错误,但是不需要任何帮助,回到原来的轨道,对于这类问题可以忽略
其他选择:
· 远程测试:用户在家里或者办公室测试,通过屏幕共享软件和麦克风给你看到,听到
· 无人主持的远程测试:第三方提供测试参与者,你只需要给他们你的测试网址,他们会给你测试过程的录像。
大的方面和外界影响
10 移动网页的可用性
移动网页设计的区别
一切都是妥协
要达到良好的移动可用性,绝大多数的挑战最终归结为做出良好的设计妥协。
狭小空间的苛刻
可伸缩的设计
不要把你的提示藏在后面
没有光标=没有悬停=没有线索
扁平化设计:朋友还是敌人
11 可用性是基本礼貌
12 可访问性和你
13 指点迷津:让可用性在你身边成为现实
以用户为中心的设计UCD 和 用户体验设计UXD 之间的区别是它们的范围
UCD的目标是设计正确的产品,保证它可用
UXD是在产品生命周期的每个阶段,都要把用户的需求考虑进来,从他们在电视上看到广告,到在线购买和订单跟踪,甚至包括把产品退回当地的销售点
如何说服管理层为可用性工作提供支持(资金)
· 演示 ROI(投资回报率)。收集数据,进行分析,来证明一项可用性方面的改进导致了成本上的节约或者额外的收入(例如,改变这个按钮的文字增加了0.25%的销售额)
书单:Cost-justifying Usability: An Update for the internet age
· 用他们的语言说话。我们不要在讨论用户和和给用户带来的好处,相反,我们去了解当前公司内部的难题,并陈述我们的方法可以有力地协助解决这些问题。
如果我是你
· 让你的老板(以及他的老板)来观看可用性测试。
如果他们没办法亲自来,可以再报告中增加一些重点视频片断。如果不会进行演示,也可以把一个视频片断(不超过3分钟)发布到内部网,并附上一份有意思的描述和这个视频的链接,给他们发邮件。
· 在你的个人时间进行第一次测试。
当你第一次测试时,没有必要去寻求许可,只要让它非常简单,不必正式,找几位志愿者参与,因此没有任何费用。
然后,尽量保证这从测试的结果是,有某些地方得到了改善。挑选一个容易的目标来进行测试,也就是你已经知道,这里至少存在一个严重的可用性问题,而这个问题又很容易修复,不用把太多人牵涉进来进行讨论或许要得到他们的同意。例如,重新命名一个词不达意的按钮,然后进行测试、修复,在进行公开和宣传。
· 对竞争对手进行测试
· 理解管理层
· 弄清楚自己在整个公司大局中的位置。谦虚谨慎很重要,不是宣扬真理,告诉别人应该怎么做,而是分享你的知识。
一些决定性的答案
· 不要使用小二对比不强的字体
· 不要把标签放到表单的字段里面
· 保留访问过的链接和未访问的链接之间的区别
· 不要让标题漂浮在段落之间。标题应靠近后面的正文,而不是前面的文字。