都会比较熟悉这个词的含义。可用性是产品/系统重要的质量指标,是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度。容错性其实就是可用性之中细分的一个模块,是专门针对出错的研究。具体内容大家可以去看:唐纳德诺曼《设计心理学》中关于错误的分类及错误设计原则;李乐山《人机界面设计》中Reason认为存在8种基本出错类型 ;尼尔森《可用性工程》中错误信息四原则以及《十大可用性原则》中第七条和第九条(分别是防错原则和容错原则)。容错性的定义为:
容错性是产品对错误操作的承载性能,即一个产品操作时出现错误的概率和错误出现后得到解决的概率和效率。容错性最初应用于计算机领域,它的存在能保证系统在故障存在的情况下不失效,仍然正常工作。产品容错性设计能使产品与人的交流或人与人借助产品的交流更加流畅。
由此可见,容错性设计原则是非常重要的,尤其是对于2C类或即时服务类(如铁路购票网站)产品/系统。
引导和提示主要是针对新手用户,因为普通用户和专家用户可能已经熟练使过产品很多次,对流程有一定的认识。而对于新手用户来说,使用过程就是个学习的过程,这时候正确地引导和提示就比较重要。
首先,引导和提示要突出表现,从而引起用户关注,确保用户在操作前能注意到引导或提示信息。比如在新浪网的注册页面中,右侧的提示:红色错误提示和蓝色引导说明在页面中很醒目,注册用户自然能注意到此处的提示。其次,引导要简单且容易理解,保证用户在注意到引导或提示后能快速获取信息,从而得到帮助,以降低发生错误的概率。新浪网的注册表单中设置密码选取的提示文案非常精简,每句话表达了一个要点,并将最重要的信息即“字符数”放在了最前面,因此用户能在第一眼获得并理解这个重要的信息。
现在移动端app在新手用户第一次打开进入界面时一般都会有清晰、准确的功能指引和提示。比如zaker的新功能引导页面,在操作区用浅灰色蒙板覆盖,减少页面其它内容的干扰,再使用与蒙板对比较大的白色文字结合手势图形提示新功能用法,突出手势及重点。
在用户操作前即给出正确且有效地引导和提示,有助于减少错误发生的可能性。如 QQ邮箱网站为了防止用户错误,在用户点击发送后提示没有输入主题信息,从而避免用户直接发送无主题邮件。
如何从设计上避免用户出错,限制是一种非常必要的方式。从古至今,人们为了避免错误的发生都会设置一些障碍或提出一些限制性要求。从上帝给亚当夏娃的警告,到我国历史上用来抵御北方游牧民族入侵的万里长城,再到今日道路交通中限速的减速带的设计,无不说明了有障碍设计的意义。
在产品设计中这种方法主要是通过对一些可能造成错误的操作入口设置障碍或直接禁止操作,以避免错误的发生。比如windows系统提供隐藏文件的功能,用户可以把重要的系统文件隐藏起来以免误删。
置灰是界面上限制某些操作的好方式。有的网站直接把不能操作的部分灰置,比如携程网的时间选择控件的设计,将已经过去的日期灰置,以免用户误选。
再看淘宝网的注册页,根据操作的步骤,将未开始的操作如下一步按钮置灰,一方面告诉用户当前可以进行当前操作,让用户只关注于当下的任务步骤,防止用户出错;另一方面预示后面还有哪样的操作。
反馈错误及时就能保证用户每个阶段的操作都能得到回馈,避免因为一个小的错误就要修改相关联的一系列内容的情况,提高成功完成任务的效率;反馈不仅要指出有错,还要指出错在哪里。
优酷网的登录表单,在输入错误的用户名后,系统就会马上给出反馈“用户名不存在”,避免用户在输完密码点击登录后才能发现错误,这样用户就能马上停止后续操作来解决当下的问题。
如果错误不可避免的发生了,合理恰当的提示可以减少用户的挫败感。谷歌浏览器打不开页面时提供的提示说明信息,简洁直观说明问题的情况及原因,并且还在更多信息里提供了一些相应的解决方法,这样也就提高了提示信息的有效性。同时,不知道大家是否知道这个页面其实还是一个小游戏,只要敲击空格键就可控制上面的恐龙来避免前方出现的障碍物,可以算是谷歌设计师对浏览器发生错误时做的弥补,对用户小小的歉意。
错误反馈文案要清晰、准确,这样便于用户了解错误的原因,方便下一步的修改。新浪网注册页设置密码中,当用户输入的密码不符合要求时,会用红色文字反馈错误及其原因是字符数不符合要求,用户就知道怎么修改了。
最好能够告诉用户,具体错误的原因在哪里,是哪句话和哪个字出现的问题。举一个反例:QQ空间的说说编辑输入框,当输入的语言包含敏感词汇时,反馈提示中没有具体指出是那个词有问题。
还有remember the milk的注册表单,同样是用户名称,当输入名称后,反馈提示是“无效”,这个提示并没准确指出用户怎么做是正确的,是“字符数不够还是超过”还是“所选用户名被占用”还是其它原因?用户只能一个一个地试,这时排查错误的效率自然下降,产品的容错性能也就存在问题了。
在用户操作的过程中,出现错误要及时反馈,使用户能尽早发现错误。同时要及时提供纠错帮助,系统先自动纠错,不能自动纠错时,就提供纠错帮助。这样即使用户操作错误了,但成功完成操作的效率也能大大提高。
当用户知道错误后要及时提供纠错帮助,如关联推荐等,以帮助用户快速找到纠错的办法。Google搜索中,当有单词或词语输入错误时,Google搜索就会根据匹配度给用户可能正确的单词或词语供用户选择,避免二次输入,很人性化的做好了纠错。
按照可用性的理论,用户没有出错,出错的是你的产品,因为它不能正确的解读用户的操作行为。不要在错误信息中责备用户,我们应该因为问题向用户道歉,为用户提供“情感支持”,主动识别并处理用户的情感状况,能缓解挫败带来的强烈的负面情绪和刺激。
最常见的如Microsoft office软件,用户编辑文档后如果发现错误,需要修改时可以按ctrl+z来撤销上一次的编辑,恢复错误。
用户每次执行操作后,尤其是完成操作步骤比较多的任务,要尽可能注意保留操作信息,以便能够及时恢复;如果是一个任务结束后的操作错误,最好是能提供安全恢复到离错误点最近的一步的方式,使用户可以快速地从纠正错误的步骤中转移到正确的流程上,从而挽回损失或错误。
Photoshop中的历史动作就是一个很好的例子,可以默认保存最新的20个操作,也可以自己设置保存数量;用户在设置数量范围内的每一步操作都可以恢复。
Gmail邮箱几乎给所有的操作都提供了撤销功能,用户如果误删了邮件都可以撤销操作,甚至点击发送邮件按钮后都可以在一定的时间内撤销操作。
记忆是人类一个非常重要的心理活动,它是人类很多其他思维活动和行为的基础。在所有的认知心理活动中,记忆是和用户界面设计关系最为密切的一个,很多软件可用性方面的问题都归结为记忆问题。12306铁路购票网站,购票信息页面的温馨提示内容非常冗长,用户很难关注到重点信息。
普通用户在一些流程复杂的交互操作前总会或多或少的迷茫。解决方法就是让用户单次只需执行唯一操作,不要把复杂的选择题抛给用户,让用户出错。例如在电脑杀毒这个相对复杂的任务中,一次只提供给用户唯一明显按钮,避免用户在选择时左右为难,只给用户唯一的推荐,别让用户思考。
携程网的注册页面,输入邮箱时下方会相应出现各种邮箱后缀供用户快速选择,减少用户的输入操作次数。
修修补补外加引用写了这么多文字和图片,希望对大家有用,如有哪些分类不合理或解释案例不够有代表性的地方请大家能够指出,若能提供相应的建议就更加好啦。最后,将所有提到的一二级原则统一整理成架构图方便大家查看。
5.黄群.交互设计中产品的容错性设计应用研究[J].设计艺术研究,2012,1:47-51.
网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...
随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...
每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...
今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...
你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...
产出不等于产品,在产品设计中可能我们无法使用户对产品完全获得宜家效应,但我们可以通过宜家效应的思路,一步步引导用户使用产品,为产品投入时间心血,为用户找到存在感和...
老年用户群仍然有巨大的增长潜力。但就像其他任何用户群体一样,老年用户需要我们设计出符合他们需求的体验。随年龄而产生的局限意味着,数字科技中一些常规的吸引用户手段对...
表单对于业务成功至关重要,体验糟糕的表单会直接导致转换率降低,客户会被遗弃。而且这也是用户最为挣扎的地方。那么设计师在这种情况下如何帮助用户呢?如何设计一个非常好...
跨设备、多屏幕、响应式的产品,无论是APP还是网页,需要产品设计师、用户体验设计师能够始终将终端用户的体验,牢记在心。 现在的响应式的设计已经很成熟了,一整套设计方案,...
编者按:在过去的1年当中,我过翻译过超过50 篇源自软件设计师和用户体验设计师 Nick Babich 的文章。现在他不仅是用户体验博客UX Planet 的专职编辑,而且为Adobe 的 Medium专栏以及著名的...