我读书一直有做笔记的习惯,特别是遇到好书的时候。
这是一本对于可用性进行详细描述的书,汇集了作者对可用性的敏锐观察。
整理了一下读书笔记,分享给大家~
1、什么是可用性?
定义:可用性指的是个体通过“利用”任何研究、改进或设计的对象来完成某个任务或实现更大目标的能力,这些对象甚至包括一些不涉及门把手或网页之类的具体物品的服务。
我们对体验的满意度会影响到产品可用性的评价。
在开发线上系统时,我们可能会考虑加载时间、导航视图、页面布局,甚至按钮的大小等,这些都属于可用性的范畴。
2、可用性适用于哪些方面?
可用性包括两个要素:易用性、简洁清晰
易用性指产品的物理属性,即可以实现使用者的具体需求;
简洁清晰指使用者赋予的心理属性,即可以实现使用者的心理预期。
3、可用性为什么如此重要?
如果一个产品可以用,那么你就会使用它,如果一个产品不能用,你就不会用它。
但可用性并不局限于产品的使用,它包含两方面,另一方面就是用户的心理感受。产品和服务的可用性相辅相成,而且,品牌的某个要素的糟糕经历会直接影响我们对该产品其他要素的评价。
4、谁关注产品的可用性呢?
所有人都会关注产品的可用性。
要记住,用户需要做的决定越多,产品就越麻烦,可用性也就越差。
5、有效利用可用性
不要混淆可用性和有效性。
你可以做某件事,并不意味着你就应该做这件事。正因为人们总认为“可能有人需要它”,于是产生了太多的应用程序、网络功能、无意义的网页内容。
所以,应该设计出真正能够帮助人们更好的运用的产品,而不是一个华而不实的产品。
6、三级可用性计划
1)没有人谈论可用性:所有人都忽视可用性;
2)所有人都在谈论可用性:企业会邀请一些外部专家进行科普讲座,整个公司都在谈论可用性会如何改变整个世界;
3)没有人谈论可用性:分两种情况,一种是讲座老师离开后,大家都不怎么关心可用性了。另外一种是所有人都认为可用性是理所当然的,所以无人再谈论。
7、低预算与可用性认知
随着可用性知识的发展累计,很多错误都已经能够避免了,可用性测试也已经相当商业化、低成本了。
当你没有意识到思考可用性问题时,很难注意到它,但当你开始思考时,你就很难注意不到它的存在了。
主要内容概述:
· 功能性(确保系统可以工作)
· 响应性(用户了解系统正在运行,并且了解其中的哪些功能正在运行)
· 符合人体工程学(用户可以轻松地查看、点击、戳弄、弯曲或者翻转)
· 便捷性(所有东西需要时都有)
· 简单易用性(设计者可以帮助人们避免操作错误或损坏产品)
1、功能性的三个关键要素:
· 按钮和链接点中就有反应;
· 网站导航是灵敏的;
· 网页的处理速度是可以接受的;
2、从点击到转换:确认按钮可用;
3、浏览器之战,硬件之痛
1)确认所有链接有效,出现错误时要有回撤余地;
2)确保适配不同的浏览器,如:IE、Safari、Firefox、Opera等…
3)确保不同的平台可以兼容,如:智能手机、平板电脑、手提电脑、智能电视;
4、不要为主页烦恼,要调整好表单
虽然主页可以呈现整个网站的全局,显示用户可以获取的信息范围和功能选项,但实际上,用户在主页上花的时间很少,他们会快速点击链接进入想要浏览的页面。从商业角度来说,网站的主页也并非实现在线转换的地方-让人们购买商品、注册通讯、下载文件、提交评论甚至发送邮件。
所以如果你正准备调整网站中的一些页面,最好把精力放在网站的表单上。
5、创建功能性表单的四个关键因素:
· 人们要能够提供表单中所要求的信息;
· 固定的输入格式会极大的增加表单错误;
· 互相依赖的表单和登录也会增加出错概率;
·有歧义的使用说明会大大影响用户的使用。
6、必填字段
· 注意必填信息是否需要涉及用户隐私;
· 注意必填信息是否格式正确,使得所有人都理解并且可以填写;
7、表单和业务规则
确保字段验证的灵活性,多叫不同的人输入进行测试;
8、依赖性表单
购物车中的连续页面这类依赖性表单并不那么让人讨厌。但是当网站打断用户当前的 操作要求他去做其他任务时,会引发依赖性表单的问题。
当用户按照一定路径从一个交互进入另一个交互时,就会对这个网站体验产生看法,所以千万不要打断用户的操作。
9、操作指南和功能性
进行产品测试时,请严格遵循手中的一切操作指南。即指示说明必须与实际内容是一致的。
10、导航:让用户去往他们想去的地方
增加灵敏度与反应速度;
11、明确你的目标专注于此
假设你有一些需要进行可用性测试的项目,你需要问你自己留个问题:
· 这个项目的目标是什么?
· 要测量哪些转换率来判断我们是否达到了目标?
· 要有清晰的设计重点,防止受到后来所谓“有创意的”解决方案的冲击,二偏离最初的设计目标。
12、功能会随着时间而改变
对产品进行可用性评价时,要记住:功能方面的问题可能不是由物理设计或技术配置导致的,也有可能是服务的问题。
13、投诉是一份礼物
如果有人花时间告诉你你们的问题,你们至少要对此进行感谢,并努力把事情做的更好。
总结:要注意的10项功能性问题
1)产品目标是什么?想法是否清晰?如果没有就先花半小时考虑清楚,然后进行任务测试来判断你的产品是否可以完成你预期的目标。(你可以确定几个目标和相关任务,并逐个进行验证。)
2)你的产品需要人们填写表单吗?是否会让大家填写一些他们可能没有的信息?或者极为隐私,但是和产品相关性不大的信息?
3)使用产品时,如果被用户打断,他们是否可以恢复原来的任务?如果不能,你可以做什么改动让操作变得更简单一些?
4)你可以想到一些边界示例吗?如果有人不在你的国家会怎样?如果别人的邮编位数和你所在地区不一样怎么样?….
5)你的表格是否可以容错?后端的业务规则是否要求了关于严格的的输入模式?
6)如果功能失效,你是否为用户提供了备选方案?
7)你的按钮是否有效,你是否可以完成你每个任务的所有流程?
8)你的系统随着时间变化是否功能会减少?系统中是否有功能问题或者重新设计流程或服务的问题?
9)你的系统是否可以在所有的浏览器平台工作?是否支持不同的设备(智能手机、平板电脑、便携电脑)上是否否运转良好?
10)加载时间是否很长?是不是可以对他们进行优化?
无论我们的产品使用什么样的相应机制,这些响应机制都必须是适宜、及时、易于理解的。
1、双向沟通的奥秘
沟通遵循一种可预见的高度线性模式:
1)行动;
2)确认;
3)再行动;
其中“确认”是沟通过程中的关键环节,也就是及时响应。
2、响应性的三个惯用要素
1)邀请技巧:吸引人眼球的内容,促使人们点击;
2)转换技术:立即回应用户所做的事,如按下样式、鼠标悬停等;
3)响应机制:指用户完成一个有意识的行动后,所发生的能够真正表示“收到”的事情,如:提示下载进度、如跳转页面等;
3、第四种视图:响应式设计
响应式设计:根据将要显示信息的设备类型自动调整信息呈现方式。
简言之,创建响应内容和进行响应设计,必须通过调整尺寸和位置、缩短内容或者消除不适宜的元素,来满足具体的设备或屏幕尺寸。
从内容的角度来看,应该从为较小屏幕创建的内容项目出发,扩展内容适配大屏幕,而不是先为大屏幕创建内容,再缩减内容去适应小屏幕。
4、FUD:害怕、不确定、怀疑
任何能减少这三个问题的事情也可以提高产品的可用性。
树立反馈、确认和响应机制,它们就算不一定能解决问题,但也至少能缓解一些FUD问题。
5、切换提示
要将可点击内容与纯显示内容从视觉上区分开来,并且在使用中提供积极的切换提示(按下样式等)。
6、转换过渡和实物对象
在虚拟现实工作的人,需要考虑怎样进行感官反馈。如听、看、震动…
7、网络环境中的响应机制
· 要及时提供反馈;
· 对于处理时间长的操作,不但需要反馈,还需要进度显示;
8、实物的响应机制
在每个对话式交互中,提供感官反馈的响应机制可以让事情进展得更顺利,并消除人们的FUD心理。
总结:要考虑的10种响应机制
1)点击按钮时,可以看到按钮的反应吗?
2)保存文件时,可以看到文件保存进度和保存结果吗?
3)网页是否有悬停样式?按钮是否有点击样式?
4)网站可以在电脑屏幕上可以调节大小吗?提供平板电脑或者手机浏览网页会怎样?网站在智能电视上是否正常运行?
5)试着完成一些简单的任务,在这个过程中,产品对你的操作是否有及时回应?
6)所有长时间的处理流程,是否给予了进度反馈?
7)你正在处理的实物,是不是也提供了反馈呢?你知道它的状态是开是关?是调大还是调小吗?
8)你得到的反馈是否及时?是否在执行一条任务很久了才得到第一条反馈?
9)系统的反馈机制是不是可理解的?图标和其他信息是否需要人们猜测?
10)内容的布局和质量是否反映了显示设备的局限性?如果内容在不同的设备上不同,那这些内容是否已经适当地放大或缩小?
1、在工业设计中引入人体工程学
12条基本的人体工程学原则:
1)以正常的姿势工作;
2)减少过度的压力;
3)确保所有的东西都可以轻松获得;
4)在合适的高度工作;
5)减少过度的动作;
6)尽量减小疲劳和静载荷;
7)尽量减少压力点;
8)提供间隙;
9)移动、运动和伸展;
10)保持舒适的环境;
11)提高清晰度,让人理解;
12)改善工作流程;
2、按钮:为什么有时越大越好
“确保所有东西都是能够轻松获得”以及“提高清晰度,让人理解”,确保按钮的大小是适合点击操作的。
1)确保点击区域比链接中的文字区域大;
2)确保给用户足够的时间来找到相应的点击位置;
3)从功能性的角度来说,进行产品测试时,一定要在速度比较慢的设备上验证这些操作所用的时间,而不要在你高性能参数的设备上进行验证。同时也要考虑不同网络(WiFi、4G等)情况下的响应速度。
3、科学研究的介入
人们往往不是从页面顶部以线性的方式从上往下阅读,而是快速浏览寻找吸引他们注意力的词汇,再略读内容,寻找更多认知焦点,然后再仔细阅读。
4、“项目符号之后的第一个词”
人们阅读时是“F模式”,即人们浏览列表时,往往看的是项目符号后的第一个词,有时候这个词可以吸引人们阅读整个链接。所以创建列表或者标题时,将最重要的词放在前面。
热点图举例:
5、Tab键和其他快捷键
如果你的应用设计重复性任务应用,你需要考虑键盘操作,而不是只支持鼠标点选;
6、提供间隙
功能直接要提供合理的间隙,不要让其中一个给你影响到另外一个功能的使用,即你的设计应该是可以提升产品可用性,而不是去破坏它;
7、“返回”(容错率和缓存)
要及时缓存用户的行为路径,确保用户误操作或系统故障时,不需要重新输入内容;
8、改善工作流程
要有清晰的任务流程,切确保其不会中断。若需要的操作和信息很复杂,则需要先提示用户所需要准备的内容。
若用户遇到特殊情况需要中断,要保证用户可以缓存已完成的操作。
9、“无声的引路员”
有大量信息需要呈现时,我们可以尽早消除不必要或者不想要的信息。分散注意力的元素和链接越少,网页信息就会越清晰。
总结:避免糟糕人体工程学的10个问题
1)按钮的大小是否合适?方便点击?
2)触摸屏上使用手指进行点击时,按钮是否仍然够大?
3)下拉菜单灵敏度够吗?响应速度怎么样?
4)是否可以提供替代鼠标的快捷键?
5)用户是否可以从一个输入框跳到另外一个输入框?
6)必须同时使用的元素是否都同时可见?
7)屏幕上是否存在互相影响的元素?
8)是否提供类似“无声的引路员”的元素,从而让人们清楚的知道要做什么?(如区分用户类别:c端还是b端?)
9)使用的视觉噱头是否让你的产品更难用?
10)是否存在不合逻辑的任务序列或工作流中断,可以加以改进或避免,使产品更易用?
1、定义:
· 让人感到舒适自在的;
· 触手可及的;
并且需要从用户的角度出发,而不是仅仅考虑开发团队和服务供应商;
2、给不便捷一个正面的托辞
不要牺牲了用户的便捷性,还一本正经的说是为他们好,用户不是傻瓜。
3、多模式体验
计算机的多模式输入包括键盘、鼠标和语音,多模式输出包括声音、振动和视频信号。多模式体验是指,在一个任务执行过程中进行不同端口的切换。
如同一计算机的同一浏览窗口进行任务切换、任务可以从电脑屏幕移到手机上、从电脑屏幕移动到打印输出。
4、任务切换
理想情况下,应该为用户提供一系列事件的无缝体验,每一次体验都让用户更接近他们的目的。
5、切换接口
· 不要随便跳转接口,打断用户的任务流;
· 通常只是为了满足网站所有者或者产品所有者的一时兴起,就要求用户提供额外的信息,这是非常不好的。
· 网站要求用户输入的信息越多,就会流失越多的匿名用户,同时在线用户的转换率也会下降,因为要输入的内容越少意味着便捷性更好。
所以,让人们尽可能以最少的干扰、最快的途径、最少的异常来完成一项任务吧。
6、从线上切换到线下
考虑好线上和线下实际情况,不要仅仅为了线上方便,而不重视线下体验。如,网上购票,却不能用条形码取票,而是要手动输入购票号。
7、陌生环境彰显便捷重要性
进入不熟悉的地域时,我们会去寻找舒适的区域。设计师和评估人员必须走出自己的个人舒适区,才能更好的味用户服务。档讨论可用性时,我们可以寻求他人的帮助,毕竟设计师倾向于首先满足自己的需求,但这么做可能会错过其他人的需求。
8、角色模型及其他有用的工具
为了避免设计师以”自我为中心”的问题,需要创建用户画像。
确立好4~8个画像后,就可以为这些人创造基于任务的场景了。不要为每个新任务都创造新的角色模型,许多角色模型都有多个可能的任务。
9、环境是王国
“内容为王”,没有像样的内容,任何东西都是没有价值。
但是仅有内容也是不够的,还需要好的环境,也就是好的页面布局和架构。
10、让人们的所有需求都可用
尽量将对用户有意义的方式为事物进行分组,确保用户可以最简单快速的找到并执行好该任务。
11、“三次点击,你就死定了”
关键在于,每次点击都要让用户更接近他们的目标,如果不这样,用户会认为是在浪费时间。线下也是如此,如果你给某公司打电话,描述完状况后V型有转接,并且又需要描述一遍问题,就会变得恼火。
总结:让事情更便捷的10种方式
1)考虑用户想要完成的任务。先不考虑你的产品,列出完成每项任务所需要的三件事情,然后再看看你的产品。是不是每件事情都是用户可用的呢?
2)你可以将相关的内容进行分组,使其更容易查找吗?
3)在交互页面或设备上,可以使用颜色或其他可视信号进行区分吗?
4)你如果拥有多模式体验,能确保不同的进程不会互相干扰吗?
5)对于你的目标用户,你了解多少呢?你能构建出完整的用户画像吗?并且你能构建一个相应场景吗?
6)你能消除从线上到线下体验中不必要的跳跃吗?如让用户提交电子表单,而不是打印并传真这个表单?
7)写下用户喜欢你的产品的五个理由。如果很难确认,你可以设定一些理由吗?回头看看自己的产品,为了支持你设定的理由,你的内容和环境是否有什么缺失?
8)你提供的是有用的内容吗?
9)你会为了“为了您的方便…”这类借口感到内疚吗?如果是的话,不要找托辞,赶紧调整!
10)你能消除强制用户多次输入相同信息的区域吗?
当人们需要做什么事情的时候,你要尽可能避免他们犯错误,尽量在正确的方向给予他们一个温和的推力。一方面,推力要微妙而有效,另一方面,你应该确认用户在操作过程中不会遇到太多麻烦。
1、如何使用RAF帮助你赢取战斗
remind(提示):指出人们可能不小心忘记执行什么操作,如关闭文档前忘记保存;
alert(警告):在一些内容上添加标签或笔记,表示这些是用户进行下一步之前必须完成的,如输入密码;
force(强制):意味着消除一些不可用的选项,比如把一些不可用的功能在某个特定时刻设置为不可用状态,如变灰;
2、贵人多忘事,所以要提示
无论如何,使用RAF的关键是要有用,而不是打断事件处理流程的流畅性。那些与执行任务并不相关的提示会干扰人们的操作。如果你的应用程序或接口中有提示,要么把他们与任务关联,要么就取消它们。
3、警告和其他提醒措施
在设计警示信息时,应该认真评价他们的相关性和作用性。对于越重要的内容,就越需要一种方式让人们了解是否有故障发生。
4、“狼来了”综合症
即发送了太多不相关的警告信息和其他通知,麻痹了用户,等到重要的事情发生时,人们会出于习惯的忽略相关信息,却不知道这次忽略带来的严重后果。
如安装软件时不假思索的点击下一步,结果忽略了应该要注意的一些内容。
5、强制
它意味着某个程序、应用或者物理对象不允许人们做一些不适合的事情。(如按钮置灰)还有一种选择,就是将内容设置为不可见,但要考虑清楚这样做的后果。
6、个性化的危害
个性化是电脑或者应用为了满足我们的需要进行的操作(如淘宝首页根据你浏览过的商品进行推荐),定制化是人们对某个设备进行的操作(如更换壁纸、改变铃声等),目的是让它适合我们的需要。
大多数情况下,定制化并不会带来很多易用性问题,至少从防呆的角度来看是这样,因为几乎所有的东支行活动都是我们有意为之。但个性化操作却很棘手,有时候一些个性化内容可能会妨碍我们。
总之,要保持主要导航的一致性,不要让个性化限制了选择。并且要明白,无论用户是否曾经访问过网站或者应用程序,对网站或应用程序的每次访问都是相当独特的。(深有同感)
7、冗余的魔力
冗余是指为人们提供几个可以互相补充的相似选项,也表示在几个方便的地方重复相同的链接和功能。
如果你希望人们做什么事情或者认为他们会做什么事,那么就要确保你在清晰可见的内容中提供了相应链接,就算在其他位置已经有了这个链接了?
8、编写有用的错误信息
最有用的警示信息就算显示表单中缺失内容或者不正确的内容的提示。通常,警示信息越明确就越有用。
等于错误信息页面内容的编写,要注意措辞,用用户看得懂的文字描述。
9、帮助人们做出更好的决择
1)人们知道为什么会出现这个消息吗?
2)他们理解这个消息吗?
3)他们是否足够了解这个消息,从而做出明智的回应?
4)这个消息中的信息是有用的,还是令人困惑的?
5)人们理解这个决策的后果, ?
6)在这种情况下,经验不足者所做的决策可以纠正吗?
10、不是每个人都会拼写
消除错误的一种最简单的方式,是宽容不会拼写或者拼写不小心的人。特别是处理网址或者搜索框问题的时候,建立错误类似词词库,在人们犯错时也能知道人们需要做什么,并且引领人们到正确位置来。
11、人们不看说明书
人们不喜欢看长消息,一般只看前面的一两个句子,而且一遇到自己看不懂的词或术语就不会再看下去了。如果你想让提示消息有用的话,就要简明扼要。
如果你写说明书,就要抱着人们真的会看,并按照其执行的态度去写。
12、不要让人们去记你的信息
很多告警、提示消息一般都出现在弹出窗口中,点击后就会消失。如果你需要用到这些信息,那将会很恼火。不要让用户去记你的信息或指令!
如,提交完长表单之后提示电话和其他一些信息错误,必须退回重填,这时候却不显示哪些信息错误,需要用户凭记忆修改提交,简直反人类。
13、有时候你必须呈现一些显而易见的东西
不要因为一些问题显而易见就忽略它,而是应该重视它,因为这些错误远比你想象中要常见。
14、人们不会每次都记得操作方式
因为人们基本上不会阅读说明书,所以设计师需要传递一些明显的信号,告诉人们在特定的时间需要做什么。总结一下:即使人们搞明白了如何使用一个东西,也不能保证他们下次还记得如何使用。所以要让事情可预测,并且操作方法可重复。
15、物理障碍
1)提醒我们即将做错事;
2)提醒我们要做的错事毫无价值;
3)强制我们不要做错事;
4)如果我们一意孤行,会很不方便;
5)如果我们一意孤行,会很痛苦;
总结:让事情简单易用的10种简单方式
1)你是否可以给人们提供几种不同的响应方式,一旦一种方式不能工作,他们仍然有其他方式选择?
2)你是否发现存在需要读两次才能理解的错误信息或说明?如果有,那就改进措辞!
3)你是否可以提高响应时间,让人们不要重复点击?
4)你可以创建实物障碍吗?如不可点击按钮等置灰。
5)是否存在可能与系统告警混淆的错误信息或警告?如果有,你可以创建更独特的设计吗?或者是否可以完全消除这些消息?
6)你是否做了一些自以为“有帮助”的事情,实际上却妨碍了人们完成任务?
7)你的产品是否包含有自适应性菜单那样的个性化功能?它们是否会记忆一些与下一次操作无关的特性,让人们不胜其烦?
8)你是否提供了认知线索和路标,正确引导人们使用你的产品?
9)你的操作指南是否简洁明了,可以确保用户随时随地获取所要信息?
10)是否“简单易用的解决方案”带来的问题比原本要解决的问题还严重?如果是这样,你可以消除新的问题或者完全放弃这个方案。
第一部分已经上传完毕,第二部分“简洁清晰”未完待续…