海外移动设备B端长表单设计实战(上)

这个月参与了一个关于移动端to B的项目,涉及到长表单的设计,所以开一个表单专栏,详细讲讲表单设计。以下内容源自于自己资料查找以及实战总结出一些设计经验,希望能帮助到同样有困惑的设计师。

海外移动设备B端长表单设计实战(上)

B端长表单,从内容层面来看主要面临的两个问题:

  1. 数据量大,动辄几十上百条录入项
  2. 业务复杂,层级深,数据之间有交叉和嵌套

海外移动设备B端长表单设计实战(上)

问题一解决方案:

从问题的选取上降低输入项数量,纸质表单数字化的过程中,需要把不适用的过时问题删除;

当你拿到一份纸质的表单时,应当测试每个问题。

这个问题一定要问吗?能自动获得资料吗?有没有更合适的时间或场所能得到答案?

关于问题设计的4个策略:

1、保留(Keep)

海外移动设备B端长表单设计实战(上)

用户真正关心的是问题内容和为何要问这些问题,在适当的情境下问合适的问题,可以保留。

以商户结算账户为例,为商户开通收款业务时,需要商户提供结算账户信息,确保商户后期能收到款项。但如果商户申请收款业务,但信息里未让你填写结算账户,商户会觉得很奇怪,那我要怎么拿到我之前收到的款项。

2、删减(Cut)

海外移动设备B端长表单设计实战(上)

有些问题并不需要马上得到答案,对于一些非必填问题,可以考虑拿掉。

3、延迟(Postpone)

海外移动设备B端长表单设计实战(上)

有些问题马上就问,会让人产生戒备,这时你需要采取延迟发问,直到问题不会让人感觉多余或者有侵略性。

有些问题比较棘手:比如商户的经营状况,销售额等。如果你一上来就问这些敏感信息,客户可能会比较反感,可以从易到难,从基础到敏感问题,让用户慢慢卸下心防。

或者是一些营销的问题,可以选择在表单填完之后再问,比如,“您是从什么渠道知道我们的?

4、解释(Explain)

海外移动设备B端长表单设计实战(上)

有些问题对公司真的有价值,则可以解释编写简短友好的理由,解释为什么要问,确保能为用户带来好处。

比如,“询问这个问题能帮助我们更好的为您提供某些服务。”

问题二解决方案:

结构拆分与信息分级:并联与串联

对于复杂的长表单可以根据内容信息把它们整合成两种结构:并联或串联

海外移动设备B端长表单设计实战(上)

1、并联

并联结构适合作为起始页展示,通过对信息合理的划分,降低视觉与流程上的复杂度。

起始页,正确命名表单能确保人们从正确位置开始,除此之外,还必须提供额外信息告诉人们如何开始。

如果表单要求人们提供大量信息,而人们不可能有现场或者大量时间来填写,起始页就能提供宝贵的情景信息,同时提醒用户需要准备些什么材料。

海外移动设备B端长表单设计实战(上)

eg:提示用户需要录入5个部分内容,以及需要30分钟的时间填写该表单。

2、串联

串联适用于先后顺序关系耦合性强的表单,可采用分页(多步骤表单)经常使用进程栏(process bar)指示用户所处位置,并提示下一步操作。

但是移动设备屏幕太小,没有足够的空间显示那么大的进程栏。

如果几个步骤不得不跨屏显示,可以采用当前步骤是第几步的方法。显示在标题栏或页脚,同时搭配上进度条(progress bar)。

海外移动设备B端长表单设计实战(上)

表单内页内容分组

不仅仅是把大型的表单和任务分割为小任务和类别清晰的表单,表单内页也同样需要对信息进行分组。

将相关的内容放在一起,这一点也符合格式塔原理,可以让表单更加富有组织性。

海外移动设备B端长表单设计实战(上)

eg:把页面所填信息再进行分组。

以上,就是从内容设计与信息结构方面来设计B端长表单的方法,下一篇我将讲述如何从交互与UI的层面来设计移动端长表单。

业界动态

设计方法论:设计师如何有效提升执行力?

2021-1-24 14:17:55

业界动态

产品经理成长系列(八):产品设计之原型和需求文档

2021-1-24 14:49:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索