目录
默认值替用户多走半步

如果我们不是表单的设计者,而是一名普通的用户,那么我们以用户的视角,究竟该怎样评价一份表单设计的好坏呢?我们可以轻松的运用“尖刻”的设计术语揭示表单问题的所在,但大多数的用户并不能像一线的设计师那样,有能力或者有机会向我们表单正确的诉求,尽管他们可能会和我们一样,能够切实感受到某些表单设计的不合理。但为了尽快能逃离这个糟糕的页面,他们通常放弃反抗的努力,而采取隐忍的姿态。

在很多产品的评论区,我们很少会看到有用户对表单设计存在的问题提出建议,他们更喜欢谈论我需要什么样的功能?用户并不是“专业人士”,我们不能苛求他们在设计细节之处提出建议,然后来佐证我们的表单设计存在问题,进而我们才有优化表单的动机。表单设计优化应该是一个随时在做的事情,而不应该取决于用户方施加的压力。

用户在表单填写中感受到的不合理,可能由很多因素决定,但是最关键的一点就是表单设计中存在大量的多余输入场景,这些问题的存在,制约了用户的完成效率。那么,我们不禁要问,这些多余输入是什么?我们该如何在表单设计中有效避免呢?


多余的问题项

在前面的章节中,我们已经提到过这样的情形,很多表单设计中问题项的设定很不严谨,设计者随意向用户发问的情况非常普遍,这就导致表单问题项非常多,用户会在填写这些表单时,会花费大量的时间和精力,无形中会陷入绝望和痛苦之中。

表单设计中问题项的提出,应基于业务所需,需要经过反复的筛查优化,而不是一股脑的丢给用户。如果表单的设计者,想要优化表单填涂场景,避免用户多余输入的出现,那么首先要做的工作就是,从优化问题项入手,将表单中那些可问可不问的问题统统删除掉。



低效的输入框

如果说避免多余输入的首先要做的工作,就是从减少不必要的提问开始的话,那么接下来要做的事情就是聚焦那些需要用户作出回答的输入框。我们见过太多不合理的输入框设定了,这些输入框会增加用户的操作步骤,进而降低用户的填写效率。

比如下面这个案例。这是一个需要用户分别设定年、月、日的操作项。在这个需要用户做出回答的设计方案中,用户不得不分别触发三个选项面板,然后才能完成问题项的回答,但是如果将这三组输入框合并为一组,并且在一个滚筒控件中展示的话,那么用户的填写效率将会提升。


如图:左侧方案通过三个输入框完成日期输入,非常低效,完全可以通过一个输入框来完成日期设定

另外一个案例来自于手机客户端产品的注册页设计。早期的客户端产品注册页,需要严格区分注册还是登录环节,并且在注册页中,需要用户完成密码的设定。而如今的客户端产品,很多已经不再区分注册还是登录,只需要用户填写手机号码,然后接收并填写验证码信息,即可实现登录。在这一注册登录流程中,密码设定等多种输入框体,统统被消灭掉了,用户的使用产品变得非常容易。


如图:好轻app已经将登录和注册统一在一个页面内完成了,并且只需要一个手机号即可完成登录操作


设定合适默认值

如果表单中的某一个问题,为用户提供多个选择答案,那么为用户提供合理的默认值设定,将减少他们激活这些输入框的频次,从而提升填写效率。

一个理想的模型是在一个表单的全部问题项中,所有的默认都能完美的契合了用户的需求,那么用户可以不做更改,直接提交这份表单就可以了。但这仅是一个理想化的设计模型,并不适用于真实的用户群。更何况,这些表单的问题项如果都能够完美命中用户的所需,那提这些问题的意义又何在呢?

合理的默认项设定,可以从对设备数据的分析得出。比如我们可以从对用户的手机定位或者IP信息分析中,确定用户当前所在的城市,那么当我们要求用户填写表单时,如果有需要用户回答所在城市的选项,我们可以预先将定位得出的城市名,填入到输入框内,这会极大的便利用户的操作,要知道在几百个城市中选出目标城市,需要查阅一个长长的列表,对用户而言,这是一件非常痛苦的事情。


如图:如果不根据用户定位,给出所在城市的默认选项,用户需要在一个长列表内(通常包含几百个城市)找到自己所在的城市

合理的默认项设定,也可以用户已提供的数据中得出。比如有的产品支持多种注册和登录方式,当用户选择以手机号登录方式登录这些产品时,在产品的数据库中就会记录这个号码字段信息。如果在某些业务场景下,需要用户填写一份表单,其中一项恰好是收集用户的手机号码,那么,对于那些使用手机号登录的用户,这个数据显然已经存在,如果在手机号输入框内默认显示这个手机号码,将有助于用户加快填写进度。


如图:当用户一进入表单填写页,手机号会被默认填入到对应的输入框内

合理的默认项设定,也可以基于用户的习惯得出。比如在一些电商类产品中,会将用户常用的收件地址作为默认地址添加在购物订单上,这样可以减少用户选择和编辑的困难度。尽管这一默认有时也会给用户带来困扰,比如我为朋友购买了一件衬衫,确因默认地址的“搅局”,而发生邮寄错误。但因默认填入会为我们带来的购物便利,我们也不会因这种失误,而大动肝火。如今,很多电商已经在订单提交后,会提醒用户确认邮寄地址是否正确,如果不正确,可以做出及时变更,这一功能的出现,也能在一定程度上帮助用户减少错误的发生。


如图:京东会在用户完善购物表单时,将默认地址填入到接收地址一栏

尽管合理的默认设定可以提升用户的填写效率,这是不争的事实,但是在为问题项设定默认答案有2点注意事项。

1. 默认项的给出应该符合用户利益,不要做伤害用户的事情。

很多产品出于商业化或市场运维的考虑,在表单的最后,为用户默认选中了接收邮件订阅或者推送服务的选项。用户有时会因填写惯性,或出于对产品信任而未做修改,于是大量的垃圾邮件,会频繁侵扰用户。


还有一些产品会给出“极其过分”的默认选择,千方百计诱导用户犯错。这种默认会极大的伤害用户的感情,进而失去用户的信任。


2. 无合适的默认值,不要强行给出设定

尽管合理的默认可以为用户完成表单带来便利,但如果问题答案中,没有合适的选项,尽量不要强行给定默认。不符合用户预期的默认,并不能帮用户提升填写效率,还会给用户造成填写压力,比如在如下表单中,需要用户选择所属高校,但是默认项确填入了清华大学,对于大多数用户而言,并非清华毕业,所以这种默认就很不合理,尽管这一设定极大的方便了毕业于清华大学的少量用户,但大多数的用户不得不通过手动选择来执行变更。




design tips

1.多余的问题会给用户造成多余输入,所以我们需要仔细优化问题项,减少不必要的提问

2.找出不合理的输入框,并尝试优化输入,提升用户填写效率

3.合理的默认值给定,能够减少用户的填写成本。默认值设定应该符合大多数用户的选中习惯

4.默认值的给出可以结合设备信息、用户数据、用户习惯给出

5.默认项的给出应该符合用户利益,不要做伤害用户的事情

6.无合适的默认,不要强行给出设定