首页 >> 科技 >>列表

1.5万字,全方位讲解如何提升移动端表单的可用性(原创)

网络整理 2020-01-13 00:06:45 作者:安之若素

导读:用户很可能在填写表单时会犹豫不决。其实,这也是我们作为设计师为什么要让用户填写表单的过程尽可能简单容易的主要原因和目的。Nick为我们分享了一些可以真正帮助到大家设计出更好的表单用户体验的技巧和经验。

1.5万字,全方位讲解如何提升移动端表单的可用性(原创)

表单是所有移动端产品交互的关键,是人们和产品之间的枢纽。

每天,我们都可能需要使用到表单。

回想一下,你上次买票、预定酒店房间或者在网上购物的场景——很可能你与这些产品之间的每一个互动场景都包含了填写表单这一过程。

表单是我们实现目的的一种方式。用户应该能够快速地填写完表单,用户在填写表单时,尽可能地不要给用户增添困惑。

通过本文,你将会学习到一些实用的移动端表单设计技巧,帮助大家设计出体验更好的移动端表单。

一、什么是表单的可用性

每个表单设计的主要目标是提升表单的完成率。

而影响表单完成率的因素主要体现在两方面:

1. 复杂性的感知

用户在看到新表单时,首先感知到要做的第一件事情是预估一下完成这个表单填写大概需要多长时间。

用户通常通过整体扫描表单的方式来预估有多少表单要填写,大概需要花费自己多长时间;这种感知在用户评估填写表单的时间时起到了至关重要的作用。

如果表单看起来越复杂,那么,用户就越有可能会选择放弃填写当前的表单。

2. 交互成本

交互成本指的是用户为了达到其目标而与界面发生交互行为所付出努力的成本总和。

交互成本直接关系到表单的可用性。用户为了完成表单所付出的努力越多,表单的可用性就越低,高交互成本可能由于表单填写困难、无法理解某些字段的意思或者是由错误信息提示的混淆而造成的。

二、表单的组成部分

一个典型的表单由以下五个部分组成:

输入字段

字段标签

表单布局结构

操作按钮

反馈

本文涵盖了与表单结构、输入字段、标签、操作按钮和验证反馈相关的内容。

本文中提到的大多数要点都有相应的“正确用法”和“错误用法”的示例;所有的这些示例都是使用Adobe XD创建的。

1. 输入字段

input字段包括文本字段、密码字段、复选框、单选按钮、滑块和任何为用户输入而设计的其他字段。

当涉及到表单设计时,设计师能做的最重要的事情通常就是最小化用户填写表单的需求。结合业务需求和用户需求,减少一些对用户来说是非必填的输入字段,从而减少用户填写表单的成本,以提升用户填写表单的效率,这是很有必要的。

设计师是可以通过表单设计来实现这一目标的:

2.1.1 尽量减少字段的数量

你要求用户填写的每个字段都需要用户为此付出成本。填写表单的工作量越大,用户完成表单的可能性就越小。这就是为什么表单设计的基本原则是更短更好——去掉所有不必要的字段。

Baymard研究所对用户付款方式展开研究分析,发现付款流程太长或太复杂是用户在付款过程中放弃付款的主要原因之一。该研究还发现,用户平均一次付款需要填写近15个字段。大多数在线服务可以将默认显示的字段数量减少20%到60%。

1.5万字,全方位讲解如何提升移动端表单的可用性(原创)

结账时被放弃付款的主要原因。(图片:Baymard研究所)

其实,很多设计师都知道“少即是多”的设计原则,但是,他们还是会增加额外的字段,试图收集更多关于用户的信息。在用户刚开始注册的过程中,就收集用户更多的信息可能会有一定的诱惑力。

但是要抵制这种诱惑,需要考虑到:表单每额外添加一个字段,都会有可能增加丢失潜在用户的风险。

你从新用户填写的注册表单中多获取的信息,真的值得失去一位新用户吗?

请记住:只要你已经收集了用户的联系信息,你就可以跟增并请求获得更多关于用户的信息。

2.1.2 清楚地区分出所有可填字段

在优化可选字段之前,问一下自己在你的表单中是否真的需要这些字段。仔细思考你真正需要的信息是什么,而不是你自己想要的信息。在理想情况下,表单中可选字段的数量应该为零,表单中理应留下必填的重要字段。

如果在你头脑风暴之后,仍然想在你的表单中添加一些可选的问题字段,那你需要让用户清楚地知道这些字段是可选填的,而不是必填。

2.1.3 标记可选填字段而不是必填字段

如果你要获取用户的信息比较少,那么你的表单中大多数的字段将会是必填的。因此,只标记少数的那些字段。

例如,如果6个字段中有5个必填的,那么只将一个字段标记为可选字段是非常有用的。使用“可选填”标签表示可选填字段。

上海联通信息港 - 为网友提供互联网每日热点内容
上海联通信息港是一个自媒体内容聚合分享平台,为网友提供互联网每日新闻和热点内容分享,今日看点新闻头条增长知识!