赞助商
立即赞助

从这3个方面,帮你掌握二次确认的设计思路

产品设计3年前 (2021)发布 流光
1.8K 0 0

二次确认的主要用是防止误操,以及警示操带来的果,避免用户无意之间执行不想做的操。从用户流程图中我们不难看出,二次确认是一种打断用户流程的设计,只是迫不得已的折中方案。所以在是否使用,何使用上需要有一定的考虑,否则适得其反。

从这3个方面,帮你掌握二次确认的设计思路

我们从操的逆,严重,复度和操频率进行前期分析,即用户的操是否以撤回,是否造成严重或有涟漪效应的果,是否经常做样的操。下文将操的危险程度分三个级别,对不同类型的二次确认模式进行说明。

低危操作

对低危操我们以不设置二次确认,或只在危险程度升高时和用户确认。

1. 操基无害,不设置二次确认

一非常常规,很注意到变化,或者容易回滚的操无需置二次确认。例新建文件夹,复文件,完成一个代办项等。

从这3个方面,帮你掌握二次确认的设计思路

2. 到危险性后再进确认

这场景比较特殊,我们用个例子说明。比如用户处于个有两层级托盘,第级新表单没有完成填写,击了表单托盘关闭按钮。我们可以让页滚动到用户没有完成地,过条幅提示,标红或闪烁等交互提醒用户。按照此时危险级,我们仅需采用低强度沟,让用户明白操作问题即可。

从这3个方面,帮你掌握二次确认的设计思路

然而假如用户击是浏览标签页关闭按钮,其危险级很高,系统很可能抛弃用户未完成表单导致数据丢失。此时我们可以过前端技术,在用户击浏览刷新或关闭按钮时,弹出确认话框。

从这3个方面,帮你掌握二次确认的设计思路

中危操作

日的一些操作,如交表单,删除件,发送交易等,若被户在没有明确后果的情况执行,会成难补救的良影响,但后果至于全可挽。我们可在此危险范围,配置同形式的二次确认流程。

1. 即时撤销

撤醒一般针对操作频率且容易滚的操作。例如在线上盘删除或移件后,通会弹一个 toast 示,告知户成功执行了操作,并显示“撤”按钮,户在误操作时可快速滚。

从这3个方面,帮你掌握二次确认的设计思路

2. 提示息

提示息是二次确认最常见的一种,适用景广泛。系统会在用户执行操作断,提示后果并询问是否继续。其界面表现形式比较丰,例如购物的结算账页,转账的确认页,退出程序的文件保存弹窗等等。

从这3个方面,帮你掌握二次确认的设计思路

3. 垃圾桶或类似的临时承接结构

临时承接结构用于不良后果但操作频次高的场景。如果用户常需一些破坏性的操作,我们可以系统中布置一用临时承接这些操作的结构,不直接执行破坏性操作。如此设两优点:用户不仅可以随时反悔,且避免了系统总打断用户的高频操作。

从这3个方面,帮你掌握二次确认的设计思路

例如部分操作系统删除文件时只将文件移动到垃圾桶,并不会造实质伤害。二次确认只会出用户需清空垃圾桶时。这便通过临时承接结构缓冲了用户的破坏性操作,同时避免了频繁打断用户。

高危操作

执行后果极其严重且无法挽回的操作,例如删除账,删除虚拟币钱包,抹除设备数据时,系统需用户仔细清楚,完全理解即将发的事并接受后果,此时可采用拦截性强,骤多的确认方式。但请务必注意,即将列举的几种设会给用户一程度的挫败感。除非万不得已,尽可能考虑文中的设方式。

1. 按钮倒时

确认按钮倒时,给用户一段冷静的时间,倒时完后按钮变回可用状态。

从这3个方面,帮你掌握二次确认的设计思路

2. 次询问

次询问是一种为粗暴的确认形式,通不断地警告让用户确认。大家能依稀得苹果手机的重置流程:首先需要输苹果账号密码和设备密码验证身份,通两二次确认弹窗,系统才开始抹除数据。

从这3个方面,帮你掌握二次确认的设计思路

3. 勾选并接受后

将说明部分拆解成复选框,用户依勾选并接受后后,执按钮才会变成可用状态。常用于有严或复杂连带后操作。例如删除虚拟币钱时,软件会让用户接受:未备份密钥资将永久丢失;没有服务商可以找回资;软件不承担任何连带责任。

从这3个方面,帮你掌握二次确认的设计思路

4. 输入操作对象名称

见于层目录的删除等操作。户需要正确输入操作对象的名称才执行,步骤较为繁琐,非耗户精,但很大程上可规避户操作错误的对象。

从这3个方面,帮你掌握二次确认的设计思路

5. 冷静期(非二次确认)

当注销脸书等账号后,服会将账户息继续保留一段间,若冷静期内用户重新登录,账号息会动恢复。冷静期的计理和 2.3 节介绍的临承结构有异曲同工之,其并不属于二次确认的范畴,但针对高危操作给予了用户反悔的余地,故补充在这。

从这3个方面,帮你掌握二次确认的设计思路

注意事项

无论从人本主义还功能的角度,二次确认都应让用户能够速理解弹窗的意图并作出判断,减少使用中的挫败感。下面罗列了一些能够提升使用体验的设点。

1. 文案的编写

无论从人本主义还功能的角度,二次确认都应让用户能够速理解弹窗的意图并作出判断,减少使用中的挫败感。

标题文案为简的疑问句。

户映入眼帘的应是一个问题,就是程序为么打断了户,需要户确认么操作。同时标题的容宜过长,对操作后果的详细解读可作为描述信息放到弹容中。

从这3个方面,帮你掌握二次确认的设计思路

要强说明语句。

尽可能减少常规型确认打断用户时长,如能够用句简单标题讲楚,则需增加说明,让用户快速理解,快速决断。

从这3个方面,帮你掌握二次确认的设计思路

按钮文案指明操作后歧义。

有操比“取消订单”中包含“取消”一类的字眼,为避免歧义,按钮的文案应尽量不使用“确定/取消”。将操带来的果直接写在按钮上,减少误。

从这3个方面,帮你掌握二次确认的设计思路

2. 避免滥用

在设计时不仅需要从操作可逆性,严性,复杂度和操作频率来考虑配何形确认,甚至绕开或不配确认,尽可能减少用户惊扰,否则不仅降低体验可能会让用户忽略真正威胁。这里举三个日常很容易接触到,过流程优化避免了确认例子:

免密支付:

用户可以设置一数额范围内转账时不行密码确认。此数额内的交易即便发异常,损失也比较轻微,且平台可以帮追回。

从这3个方面,帮你掌握二次确认的设计思路

草稿:

当用户在聊软件的对话中输入了内容,或是在邮件服上新写了邮件,但没有发送就退出了程序,用户重新启动后,大部聊或邮件服会以草稿的形式将写入的内容保留下来。既避免了退出的二次确认,也没有造成数据丢失。

从这3个方面,帮你掌握二次确认的设计思路

底层的版本控制功能:

苹果电脑的操作系统建了档版本控制功,户闭档时系统再询问是否需要保存,因为档每隔一时间就会在后台自生成一个版本。户可随时滚到旧版本,甚至从旧版本中拷贝容。

从这3个方面,帮你掌握二次确认的设计思路

结语

任何界面计的则相同,二次确认的计重点仍然是人文关怀。要让用户从容使用系统的同,避免触发无的操作。本文的由来在于做项目发现目前网络上对二次确认模式的讲解大多偏理论,所以后期对该界面模式做了一些梳理并享出来,希望有帮助大家!

注「京东设计中心JDC」的微信公众号:

从这3个方面,帮你掌握二次确认的设计思路

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

推荐算法出现之前,寻找信息的主场景是通过搜索获取。 用户通过搜索框,输入目标的关键词进行查询。这一过程是用户的主动行...
交互设计
B端浪潮下设计师的「尴尬」 供应链资源整合是企业发展态势。企业对内部多岗位协作、企业与企业间的协作效率有更多诉求。 企...
B端设计
当产品发展到一定阶段,优秀的用户体验设计对于产品在激烈的商业竞争中保持核心竞争力是至关重要的。一个产品能否高效地帮助...
产品设计
一直在做金融行业产品的用户体验设计,深刻地意识到用户的金融行为习惯和观念正在发生变化。 曾经,办理银行业务我们依赖的...
交互设计
“大而全”还是“小而精”的观点争论,相信大家肯定都听到过,抑或是正在深陷其中。传统的观念认为,一个产品的功能越多,似乎就...
产品设计
我们生活中绝大多数的物品,从椅子到 APP,都是人为设计出来的。理解用户的想法,能够让设计师在设计过程中采用更加贴合用户...
Eugen Eşanu
在我们日常的产品设计中,交互上的表达(反馈、动效)能将信息很好地展示给用户,而无论什么样的交互表现,都是对用户的操作...
交互设计
一. 什么是「无障碍设计」,为什么它这么重要? 在这个多样化的世界上,并不是所有人都能毫无障碍、顺利地使用各种产品。 优...
弱势群体