『』关于表单中的二次确认设计思考( 二 )

提交内容需后台审核，并非单一的校验可解决，且内容相对较多，如某些资格申请类表单往往存在预览环节；
某些需要降低后台审核不良率的情况，或以人工审核为主，此时需要减少审核不通过，打回重填或补填的情况。

二次确认的设计形式
目前常见的二次确认设计形式按照轻重程度分为两种：一种是以预览模式呈现的重度交互形式；一种是以对话框模式呈现的相对轻度的交互形式。
预览模式：
预览模式一般是在用户填写完表单提交前，让用户对所填内容能够有一次整体完整的浏览机会。该交互形态在一些招聘网站或者机构的个人履历表单填写流程中往往较为常见，由于涉及到填写内容多，且表单内容关系到用户切实利益，用户对其准确性要求高，因此会让用户能够尽量完美的呈现自己，查漏补缺。同时，预览模式所涉及的表单内容也更多。

本文插图

对话框模式：
相较于预览模式，对话框形式的二次确认要轻量很多，当仍然是以模态出现，也会对流程造成打断。采用对话框形态的表单场景，相较于预览，内容会相对少很多，但所涉及的内容仍然对用户至关重要，且难以撤销或修改；另一方面，也避免用户误操作。

本文插图

需要注意的是，从用户主动性上讲，预览模式一定程度上反应了用户的主动倾向，即这种模式某种程度上迎合了用户的审慎态度，而对话框则偏向被动，即用户并非潜在期望这种打断。虽然表面上能够防止误操作，但模态的形式让用户产生割裂感，对话框无法与页面内容直接联系起来，从而造成了体验中断。
进一步，我们对对话框的交互逻辑进行分析，用户在对话框上的行为路径如下：

本文插图

通过该行为路径，我们可以很容易的发现，当用户在放弃第一次直接提交，在检查完毕进行第二次提交时，仍然需要作出判断，并付出相应的行为。
结合实际项目发现， 7成以上用户在第一次点击提交时，就直接确认提交走掉了；而剩下决定检查一下的用户，在第二次点击提交时，九成以上的用户不再检查，直接提交。
从以上的分析可以看出，对话框只是一味地进行机械的逻辑判断，认为用户每次点击提交时检查和提交之间的概率是等同的，而忽略了随着检查的进行，用户直接提交的概率在不断增加，即概率是变化的，而这种设计逻辑的背后缺乏对人的思维和心理的考量。
基于这种情况，可以对该行为路径进行优化，即在满足需要检查一下的场景下，提升表单提交的整体效率与体验：

本文插图

页面交互如下：

本文插图

通过优化，用户点击提交后，配合动效，按钮向中间收缩，并在按钮上方提示用户是否需要检查，以降低二次确认对话框带来的打断，以及避免了二次提交带来的对话框反复提示的问题。而这一设计的优势在于增加了用户主动权，将反复被动的打断，转化成用户主动的选择，其本质在于能够从人的角度出发，将用户的行为特征考虑在内。
写在最后
本次分享主要讨论表单提交时二次确认的相关问题，从效率与体验角度对二次确认交互形式的探索和尝试。但在实际的项目中，产品经理、设计师仍然需要结合所处的具体场景和业务特点对其进行设计。