表单常存在于流程之中,用户通过填写表单提交先关信息,从而完成相关的任务,如注册、申请等。本次主要分享在表单提交时,表单提交时的二次确认场景。
表单往往汇聚了各种输入项,信息量较大,若用户完成输入后直接提交,往往存在一定风险,即一旦出现误填时,一般情况下,只能撤回或重新填写并提交,与此同时也可能造成后台的审核压力。
为了应对这种情况,在填写表单时,一般会引入前置校验(前端or后端),尽量减少错误,但这一类的校验适用于校验条件能够结构化的,即可以通过代码预先设置好有一定规律组织的条件,比如非空、大小写、上下限值等,而无法去判断一些不能条件化(非结构化)的情况,如图片内容、文字表达等。这些内容往往需要后台审核才能发现问题,从而增加后台审核的压力,也导致用户可能填写无效,需重新提交的可能。
因此在这种情况下,会考虑在用户提交时增加二次确认的步骤,从用户维度去主动减少误操作、误填的情况,从而降低后续返工和沟通。
二次确认的利弊对于流程性的页面来讲,保证流程的畅通和让用户持续处于心流状态是产品和设计所追求的理想状态。但在实际的设计中,不能只图短期的或某个环节的一时方便,更需要站在整个体验流程之上,闭环思考。二次确认就是一个矛与盾的结合体。
从体验角度讲,表单填写的效率和流畅性是首要关心的点,因为表单本身属于输入性的模块,用户需要付出相应时间和行为成本,特别是当用户处于一个希望尽快提交的场景时,如秒杀等,若此时需要用户二次确认进行打断,体验以及给用户带来的糟糕情绪可想而知。
另一方面,从产品的角度来看,二次确认也是影响转化的潜在因素之一,为提升转化率,理想状态是一步走到底,中间不存在任何打断。
但正如开始所讲,实际的设计不能只用理想状态去考虑,而应从实际场景出发,站在整个体验流程去思考,这里的体验流程不单单指阶段性的用户前端页面,也包括表单提交之后的后台扭转以及最后提交结果的呈现(实时/异步),如成功、失败还是需要打回重填等。
同时,还需要考虑表单的业务属性,例如某些审核性的表单,所填内容会影响审核结果,此时从业务审核层面会考虑让用户主动去确认输入的内容并对其负责,以减少审核不良率或后续不必要的沟通。
何时会用到二次确认?虽然提交表单存在一定的风险,但并不是所有表单提交时都需要去二次确认,因为这关乎到效率或者产品转化率,从体验层面和产品层面来讲,应用二次确认往往慎之又慎,通常以下情况可以不考虑二次确认:
表单内容只用于对外展示,并可在本地再次修改或撤回,如社交应用中的个人信息、发表观点看法等;
影响到转化率时,例如各种订单的提交(输入密码除外)等,常见于c端电商交易、打车场景等;
能够完全通过完善的校验去规避错误的表单,而这与输入的内容有关,即输入内容可结构化校验,如字数、图片大小、金额大小等;
后台对提交内容无要求,只要填写即可,如各种问卷类表单等。
以上情况,往往不会在提交表单时进行二次确认。其对应的核心逻辑是用户能即可作出修改或转化率优先。
而在某些情况下,提交表单时则需要考虑二次确认,这类表单往往需要用户承担提交后的结果,或规避业务风险(审核和后续沟通成本)。这里结合常见的场景,给出可以考虑采用二次确认的情况(非必须,视实际项目而定):
提交内容需后台审核,并非单一的校验可解决,且内容相对较多,如某些资格申请类表单往往存在预览环节;
某些需要降低后台审核不良率的情况,或以人工审核为主,此时需要减少审核不通过,打回重填或补填的情况。
二次确认的设计形式目前常见的二次确认设计形式按照轻重程度分为两种:一种是以预览模式呈现的重度交互形式;一种是以对话框模式呈现的相对轻度的交互形式。
预览模式:
预览模式一般是在用户填写完表单提交前,让用户对所填内容能够有一次整体完整的浏览机会。该交互形态在一些 *** 网站或者机构的个人履历表单填写流程中往往较为常见,由于涉及到填写内容多,且表单内容关系到用户切实利益,用户对其准确性要求高,因此会让用户能够尽量完美的呈现自己,查漏补缺。同时,预览模式所涉及的表单内容也更多。
对话框模式:
Apple登录,指的就是通过Apple ID登录第三方应用与网站,那么它究竟是如何实现与设计的呢?本文将展开详细的分析说明。 随着当时 iOS13 的发布,苹果亮相了一项新的功能,那就是「通过 Ap...
宅家期间,人们自由外出吃吃喝喝的需求难以得到满足,于是人们将目光聚集到了方便速食食品上,从而进一步加速了这一行业在特殊时期下的发展与崛起。 举国宅家的这些日子,爱吃的中国人分化出两条路线:一条是心灵...
职场生涯中,我们总会面对很多工作选择,能够理性明确看待问题并给出答案的人很少,多数人仍是心生迷茫,不知道往何处走、往何处去。而同样经历过迷茫、困惑的笔者在本文中梳理了自己一路上的思考,与大家分享此间感...
产品思维是一个很大且很细的课题,是所有产品经理都会去思考的问题,本文对自己做产品的一些习惯进行沉淀,总结为自己的产品方法论,并希望与大家一起讨论分享~~ 一、关于AI产品设计的关键性思维 1、用户思...
由于疫情原因,很多企业的业务都受到了或多或少的影响,很多企业顺势把目光转向了线上社群,本篇文章通过作者做社群的亲身经历,来分享社群裂变的过程以及经验。 2020年,这个年过得真是人心惶惶,由于疫情的...
对于B端项目辅助页面设计, 使用哪种交互方式让产品页面更好用?整体交互更统一呢? 笔者将结合项目经验和相关知识进行整理总结,希望对你有所启发。 B端设计的体验升级不是打磨优质交互体验,而是统一体验。...