加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码网 (https://www.900php.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

设计的套路:10个小技巧让长表单填写更省事

发布时间:2018-02-20 20:44:45 所属栏目:策划 来源:人人都是产品经理
导读:副标题#e# 表单设计是我们做产品设计时经常会做的一件事,特别是长表单,在设计时尤其要注意。 没有用户愿意对着一串很长且无聊的字段机械式的填写。 针对长表单设计,我结合自己的项目经验和使用其他APP时的一些好的体验,总结了下面 10 个小tips: 提前告

3. 清晰告知用户完成整个表单的步骤

这个仅针对分步表单的设计。

在开始任务时,清晰的告知用户整个表单的填写有多少个步骤,每一步是什么,可以让用户形成一个清晰的预期,减少用户在填写表单过程中的不耐情绪。 未知的东西更容易让用户焦虑。

设计的套路:10个小技巧让长表单填写更省事

△51 信用卡管家

设计的套路:10个小技巧让长表单填写更省事

△ 平安证券

或者可以用进度条告知用户表单完成的进度,如下图:

设计的套路:10个小技巧让长表单填写更省事

△ 涨乐财富通

4. 先易后难,将容易完成的表单放在前面

就像从小老师教导我们的一样,答题的时候一定要先易后难。进行流程设计的时候也可以遵循这个道理,将容易完成的表单放在前面,这样做有三个好处:

  • 简单的表单更容易激起用户的填写欲望,用户会迫不及待地去完成。相反,用户一开始就看到过于复杂的表单,很容易被吓到,从而放弃整个任务。

  • 用户通过完成简单的表单,可以增加自信心,即使后面的表单变复杂了,用户也更有耐心去完成。

  • 当用户将前面简单的表单完成后,放弃整个表单的机会成本就变高了,即使后面碰到较难的任务,用户放弃的几率也会降低。

5. 自动填写

和后台数据库进行匹配,自动填写已知信息。

比如用户在填写长表单前已经在平台填写了联系方式、名称或其他信息,而填写长表单时也需要这些信息要素,我们就可以将这些信息自动填入表单,减少用户的输入。 还比如,后面的表单需要的信息要素正好在前面的表单中有输入,我们也可以自动帮用户填入。

6. 提供合适的输入方式

用户填写表单的时候,能提供选项的尽量提供选项。

选择代替手动输入有两个好处:

  • 减少用户的操作成本。

  • 选项对于平台来说更可控,获得的信息更加标准化。

(编辑:源码网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读