阅读完“如何再App表单设计上留住用户？（上）”之后，接下来笔者为大家展示的是文章的后半部分——作为设计师，如何更好地简化表单设计的流程，提高用户体验，避免用户因为表单填写复杂而放弃填写。

二、字段标签

1.书写清晰、简明的标签

标签：告知用户在特定输入字段中期望哪些数据的文本。

书写清晰的标签是使表单更易于访问的最佳方式之一。标签应帮助用户了解一眼所需的信息，避免使用完整的句子来解释，标签不是帮助文本。写出简洁清晰的标签(一两个字)，这样用户就可以快速扫描表单。

2.将标签和输入紧密地放在一起

把每个标签靠近输入字段，因为眼睛会在视觉上知道它们是绑在一起的。

3.不要使用消失的占位符文本作为标签

虽然内联标签看起来很好，并且节省了宝贵的屏幕产业，但这些好处远远超过了显著的可用性缺陷，其中最关键的是上下文的丢失。

当用户开始在字段中输入文本时，占位符文本将消失，并迫使用户回忆这些信息。虽然对于简单的双字段表单来说，这可能不是一个问题，但是对于有很多字段(例如，7到10)的表单来说，这可能是一个很大的问题。在输入数据后，用户很难回忆起所有字段标签。

毫不奇怪，用户测试不断表明表单字段中的占位符对可用性的影响往往大于帮助。

消除占位符的问题有一个简单的解决方案：浮动(或自适应)标签。

当用户使用标签占位符点击字段后，标签不会消失，它会移动到字段的顶部，为用户输入数据腾出空间。

4.顶部对齐标签

将字段标签置于表单中的字段上方，会提高用户扫描表单的方式。

使用眼睛跟踪技术，谷歌显示：在提交表单之前，用户需要更少的固定时间、更少的固定时间和更少的扫视。

顶级标签的另一个重要优点是：它们为标签提供了更多的空间。

长标签和本地化版本将更容易适应布局。后者特别适用于小型移动屏幕，您可以让表单字段扩展屏幕的全部宽度，使其足够大以显示用户的整个输入。

5.句子案列vs标题案例

有两种常用的词语大写方式：

标题案例：每个首字母都进行大写——“ThisIsTitle.”句子案例：句子的第一个单词首字母进行大写——“Thisissentence.”相比标题大小写，使用句子大小写标签有一个优点：它稍微容易(因此，更快)阅读。

虽然短标签的区别可以忽略不计(“全名”和“全名”之间没有太大的区别)，但对于较长的标签来说，句子大小写更好。

现在你知道，在标题中读长文是多么困难了。

6.避免使用全大写作为标签

“全大写文本-”：指的是带有所有字母的文本(-)，在不涉及实质性阅读(如缩略语和徽标)的上下文中，文本是可以的，但避免使用其他所有大写字母。

正如，迈尔斯·廷克在他的著作“印刷的清晰性”中所提到的那样：与小写字体相比，全大写印刷大大降低了扫描和阅读的速度。

三、布局

1.使用单列布局

CXL研究所的一项研究发现：单列表单比多列表单更快完成。

在这项研究中，测试参与者能够完成单列表格，比多列表格平均快15.4秒。

多列，会破坏用户的垂直动量；多列，眼睛开始曲折。

这会大大地增加了眼睛的固定数量，因此，完成时间。

此外，多列表单可能会在用户中引发不必要的问题，例如：

我应该从哪里开始？右边栏中的问题与左边栏中的问题同等重要吗？在单列设计中，眼睛向一个自然方向移动，从上到下，一次一行，这有助于为用户设置明确的路径。

一列是很好的移动，因为屏幕是较长的垂直，垂直滚动是移动用户的自然运动。

但，这条规则有一些例外，可以将简短和逻辑相关的字段放在同一行(例如城市和区号)。

2.用你的问题创建一个流程

你问问题的方式也很重要：应在逻辑上，从用户的角度询问问题，而不是根据应用程序或数据库的逻辑，因为它将有助于创建与用户的对话感。

例如：如果您设计了检出表，并询问详细信息（如全名、电话号码和信用卡），第一个问题应该是完整的名称。更改订单（例如，从电话号码开始，而不是名称）将会导致不适。就像在现实世界的对话中，在询问某人的名字之前要求某人的电话号码是不寻常的。

3.把深入的问题拖到最后

当涉及到为您想问的问题设计一个流程时，请考虑优先级。遵循“先易后难”的原则，把深度或个人问题放在最后，这会帮助用户更加容易地进入这一过程。

一旦他们建立了良好的关系，他们就更有可能回答复杂和更具侵扰性的问题。

这是有科学依据的：罗伯特·恰尔迪尼的一致性原则规定，当一个人对某事采取小的行动或步骤时，他们会感到更有必要去完成。

4.组相关字段

格式塔心理学的一项原则——接近原则，认为相关的因素应该是相互接近的。

这一原则可以适用于一种形式的问题顺序——相关的问题越多，它们之间就应该越接近。

设计人员可以将相关字段分组为区段。如果表单有六个以上的问题，请将相关问题分组为逻辑部分。不要忘记在各部分之间提供大量的空白，以便在视觉上区分它们。

5.做一个长的表单看起来更简单

如何设计一个能向用户提出很多问题的表单？

当然，你可以把所有的问题放在一个屏幕上，但这会妨碍你的完成率。

如果用户没有足够的动力完成表单，表单的复杂性可能会吓跑他们。第一印象起着至关重要的作用，一般来说，表单看起来越长或越复杂，用户开始填写空白的可能性就越小。

尽可能最小化一次可见的字段数，这就产生了一种感觉——即形式比实际的要短。

有两种技术可以做到这一点：

逐步解密：

渐进的公开是关于：在正确的时间给用户正确的东西。

目标是：在合适的时间找到合适的东西放在小屏幕上。

最初，只向用户展示几个最重要的选项。而当用户与表单交互时，则显示表单的部分内容。

程序分块：

chunking需要将一个长的形式分成几个步骤。

可以通过将表单分成几个步骤来提高完成率。Chunking还可以帮助用户处理、理解和记住信息。在设计多步骤表单时，总是用完整的表通知用户他们的进度。

设计人员使用进度跟踪器（如上面的示例所示）或“步骤#退出#”指示符，既可以指出总共有多少个步骤，也可以显示用户目前距离的有多远。

后一种方法对于移动表单可能是很好的，因为步骤指示不会占用太多的空间。

四、操作按钮

指示用户采取行动的交互式元素。

1.使操作按钮具有描述性

按钮的标签应该解释按钮的功能，用户只需看一下按钮就可以理解：点击后会发生什么？

避免使用通用标签，如：“提交”和“发送”，而使用描述操作的标签。

2.不要使用清除或重置按钮

清除或重置按钮允许用户在窗体中擦除其数据。

这些按钮几乎从不帮助用户，而且常常会伤害用户。删除用户输入的所有信息的风险，超过了不得不重新启动的小好处。如果用户填写了表单，不小心按错了按钮，那么很有可能他们不会重新开始。

3.对主按钮和辅助按钮使用不同的样式

如果可能的话，避免二次行动。

但是，如果表单有两个操作调用(例如：具有“应用折扣”和“提交订单”)按钮的电子商务表单，请确保主操作和次要操作之间有明确的视觉区别。视觉优先的主要行动，增加更多的视觉重量按钮，这将防止用户点击错误的按钮。

4.设计手指友好触控目标

微小的触摸目标产生了可怕的用户体验，因为它们使得用户能够与交互对象交互。

设计手指友好的触摸目标是至关重要的：更大的输入字段和按钮。

（下图显示平均成人手指的宽度约为11mm。）

根据材料设计指南：触摸目标应至少为48/48DP。不管屏幕尺寸如何，该尺寸的触摸目标都是大约9mm的物理尺寸。

使用更大的触摸目标来适应更宽的用户频谱可能是合适的。

不仅目标尺寸重要，而且触控目标之间有足够的空间也很重要。

在触摸目标之间保持安全距离的主要原因是：防止用户触摸错误的按钮和调用错误的操作。

当像“同意”和“不同意”这样的二进制选择被放置在一起时，按钮之间的距离变得非常重要。

材料设计指南建议：将触点目标与8DP或更多的空间分开，这将创造平衡的信息密度和可用性。

5.设点击后禁用按钮

表单操作通常需要一些时间来处理。

例如：提交后可能需要数据计算。

重要的是，不仅要在操作进行时提供反馈，而且要禁用Submit按钮，以防止用户意外地再次点击按钮。

这对于电子商务网站和应用尤其重要。通过禁用按钮，不仅可以防止重复提交(这可能是偶然发生的)，而且还可以向用户提供有价值的确认(用户将知道系统已经收到了他们的提交)。

五、帮助与支持

1.提供成功状态

在成功完成表单后，通知用户这一点至关重要。

可以在现有表单的上下文中提供此信息(例如，显示刷新表单上方的绿色复选标记)，也可以将用户引导到一个新页面，该页面表明提交已经成功。

2.错误与验证

用户会犯错误，这是不可避免的。

所以，在故障时刻设计一个支持用户的用户界面是至关重要的。

虽然错误和验证这一主题值得自己写一篇文章，但是，仍然值得一提的是：为了改进移动表单的用户体验，应该做一些事情。

对每个字段使用输入约束：

预防胜于治疗。如果您是经验丰富的设计师，则应熟悉可能导致错误状态（易出错状态）的最常见的案例。

例如：通常很难在第一次尝试中正确填写表单，或者在移动设备具有不良网络连接时正确同步数据。

那么就应该考虑到这些情况，以最大限度地减少错误的可能性。

换句话说：通过利用约束和提供建议，更好地防止用户在第一位置出错。

例如：如果您设计的表单允许人们搜索酒店预订，您应该阻止用户选择过去的签入日期。

如下面的Booking.

转载请注明:http://www.aideyishus.com/lkgx/3574.html