表单设计

为什么会想到写一篇关于表单设计的文章

和我工作有一定关系,因为我本身是有在做信用这一块业务,由于没有可靠的信用系统做为支撑,需要用户填写过多的表单帮助用户完成申请信用账户。



首先,为什么我们要设计表单?

表单的出现是因为希望用户提供更多的信息来辅助完成一个任务,这个任务不是填写表单本身,而是帮助用户完成信用账户开户。

表单的填写可能是移动客户端交互最为复杂的模块之一,也正是因为复杂,所以它也是转化漏斗损失严重的模块之一。既然我们现在还无法回避使用表单来获取信息,那么我绞尽脑汁想要做的就是让这个交互变得更简单,漏斗损失降得尽可能的低。

我能做的是如何让用户提交信息的过程变得更加的轻松简单。


信息结构

首先整理一下用户所需提交的信息,对这些信息进行归类:


信用账户申请条件信息结构-UX.Shanks.Zheng

如图整理了个人资料的信息,并对信息进行了归类,以及信息与信息之间关系的梳理。

设计原则主要依据以下原则:

01.输入环境的优化

输入环境可以帮助用户降低对说填写信息的理解。

01.住宅详细地址输入中,提示字眼,如杨高南路XXX号XXX室,告诉用户因为已选择了住宅所在省市区,无需在输入了

02.表单出现报错,报错项标红,便于用户方便找到并告知与原因。

02.增强功能,减少输入

01.对于住宅省市区,住宅详细地址,从用户系统的地址管理中调用。(如果用户系统地址管理无可选的、读取LBS信息帮助用户省去选择省市区-比如晚间LBS是住宅省市区、白天LBS是单位省市区)

02.婚姻状况从用户系统中读取,如没有,婚姻状况将同步保存在用户系统。

03.根据心里对于文案进行调整,(未婚、已婚、离异)调整为(未婚、已婚、其他)

04.紧急联系人文案进行调整,根据对于用户心理的分析,紧急联系人用户会觉得提交申请后,我们将会致电紧急联系人,其实并不会。另外觉得紧急联系人需承担法律责任。-待与产品、风控沟通

05.住宅省市区与住宅电话区号进行关联,减少用户的输入。电话号码根据区号限制输入最多位数,目前只有7位与8位两种。-这个对研发来说比较麻烦。

06.合理调用键盘,全键盘输入完成的指向,进入下一个Cell,电话输入使用电话键盘。

07.紧急联系人授权后可直接中通讯录中调取。

03.将表单拆分,分步进行

步骤意味着存在漏斗,但对于长表单来说也许未必。除了好不容易填写完的表单却出现报错给用户带来的抓狂之外,分布拆分还可以降低用户表单填写的压力。确保用户每个环节只完成一个任务从而提升表单填写的顺畅度。

04.减少表单,能否去掉

能否将住宅电话去掉,在人人都有一个手机的年代,有多少家庭还有固定电话,就算有,有多少家庭还会记得自己固定电话号是多少?另外用户手机号都有了,紧急联系人手机号也有了,可以满足风控的人工照会的需求,以及催收的资料了

单位电话分机号,真的需要吗,有些人是没有单位电话的,或者不记得自己的分机号真的需要吗?而且会给用户很大的心理压力。

总结了以上几点之后,开始下面画原型的工作了

01.表单设计-个人信息
02.表单设计-单位信息
03.表单设计-紧急联系人
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一. 表单设计的影响与原则 1.1 表单的产生 由内而外,网站根据自身信息存储格式要求,从数据库映射成表单。 由外...
    晓梦蝉君阅读 14,193评论 1 30
  • 网上鲜有用户体验的文章会把事情发生的原因给你讲的那么详细。相对于本文作者给出的方法,那些追溯源头的研究更值得一看。...
    D27阅读 5,566评论 0 5
  • 一、表单结构 标签:告诉用户表单问题是什么; 输入框或者下拉框:供给用户填写或选择答案信息; 动作:用户提交表单,...
    流云妙风阅读 3,345评论 0 1
  • Input: [7, 1, 5, 3, 6, 4]Output: 5max. difference = 6-1 =...
    Kim_9527阅读 1,243评论 0 0
  • 我是谦笔头刘智谦,听过我分享的小伙伴都知道,在我每一次分享开始之前,我都会去讲分享这两个字,因为在互联网的世界里是...
    谦笔头阅读 4,099评论 0 5

友情链接更多精彩内容