你的产品有容错性设计吗?

容错性研究是专门针对用户在使用产品的过程中,如何避免出错,以及一旦出错如何尽快纠错的研究。

容错性是什么?

容错性研究是专门针对用户在使用产品的过程中,如何避免出错,以及一旦出错如何尽快纠错的研究。
容错包含产品防止错误的程度和帮助用户从错误中恢复。防止错误是通过页面的设计、重组或特别安排,防止用户出错。比出现错误信息提示更好的是更用心的设计防止这类问题发生。纠错设计就是当错误发生时,人们看到的界面,并且提出一个建设性的解决方案。就像对付不该发生的错误一样,容错性设计的关键在于“做好防御”。产品设计者们必须不断寻找可能造成用户困惑和不满的出错点。好的防御性设计决定用户体验的好坏。
你的产品有容错性设计吗?
我们从上图3个维度去分析:

1、操作前-提醒防错

1)详尽的说明文字且引导和提示,突出表现
主要是针对新用户,目的是为了正确引导用户学习使用。引导和提示要突出表现,从而引起用户关注,确保用户在操作前能注意到引导或提示信息。
你的产品有容错性设计吗?
2)当结果不可逆的时候,询问用户让其知道操作的后果
在用户操作前即给出正确且有效地引导和提示,有助于减少错误发生的可能性。如 对于比较重要的操作,需要通过二次确认减少错误的发生。
你的产品有容错性设计吗?

2、操作中-实时感知

1)给用户的操作进行提醒
如在填写表单当中,当鼠标聚焦在某一个操作区域时要有明确的预提醒(输入框变亮),否则容易引起误操作。
你的产品有容错性设计吗?
2)对用户的信息输入进行视觉化呈现,并提供回馈
对用户输入的信息进行实时检验,并给用户传递回馈,在下面这个案例中,当用户输入自己的邮件信息之后,即被告知用户这个动作的含义,到底是输入正确还是输入错误。
你的产品有容错性设计吗?
3)适当限制用户的某些交互操作
可以对一些可能造成错误的操作入口设置障碍或直接禁止操作,以避免错误的发生。举个例子:操作完一个模块内容,展开另一模块的同时收起上一个模块。填写过程限制用户某些操作这样始终让用户聚焦在当前内容。
你的产品有容错性设计吗?

3、操作后-结果反馈&纠正引导

1)错误发生时,即使反馈错误并提供纠错帮助
反馈错误及时就能保证用户每个阶段的操作都能得到回馈,避免因为一个小的错误就要修改相关联的一系列内容的情况,提高成功完成任务的效率;反馈不仅要指出有错,还要指出错在哪里。错误反馈文案要清晰、准确,这样便于用户了解错误的原因,方便下一步的修改。
你的产品有容错性设计吗?
2)允许用户犯错,并使操作者能够撤销以前的指令
Phone手机的还原功能,可以在用户出错时将多种功能设置快速还原到原始状态。
你的产品有容错性设计吗?

除了上面讲的设计点以外其他重要的设计方法

1、 费茨定律

Fitts定律其实很容易理解的。显然,指点设备的当前位置和目标位置相距越远,我们就需要越多的时间来移动;而同时,目标的大小又会限制我们移动的速度,因为如果移动得太快,到达目标时就会停不住,因此我们不得不根据目标的大小提前减速,这就会减缓到达目标的速度, 延长到达目标的时间。
通俗点讲:任意一点移动到目标中心位置所需时间与该点到目标的距离和大小有关,距离越大时间越长,目标越大时间越短。
菲茨定律的启示:

  • 按钮等可点击对象需要合理的大小尺寸。
  • 屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。
  • 出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。

2、提供非模态的反馈,不打断任务流

模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成List Notification, Toast等方式来提醒用户。

3、 视觉情感化

心理学把情感定义为:“人对客观现实的一种特殊反映形式,是人对于客观事物是否符合人的需要而产生的态度的体验”。而设计的目标则是在用户接触和使用产品的过程中,激发用户的正向情感,比如愉快,信任,满足;避免用户产生负向情感,比如失望,挫折感,痛苦。正向的情感会使用户更乐于使用产品,遇到使用过程的一些小问题也更加包容。
举个例子:网络问题导致加载数据失败404页面,通过友情提示动画的情感表达,这种情感化的语言也能舒缓出错时给人带来的失望,挫折感。
你的产品有容错性设计吗?
 
作者:林洋,个人公众号:产品时间

关键字:产品设计, 容错性, 产品经理

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部