我一直认为收集有效信息的设计是用户体验设计师面临的第一个问题，他们希望帮助数据驱动的公司实现伟大的目标。在撰写本专栏之前，我使用了不同的信息交互设计策略，GUI、VUI和LOT，来指导不同时期有效信息的收集。然而，我发现传统的表格输入法成为最常见的选择，所以我想在最近的专栏中写下我在表格设计方面积累的经验。如果您对标签或所需标签在表单中的最佳显示位置犹豫不决，本栏可能会帮助您更清楚地思考。

标签是表单的核心组件。良好的形式可以看作是愉快的交流方式。这个标签就像一个清晰而简洁的问题。一些初级设计师经常在标签的位置上犹豫不决。我想和他们分享一些建议。我收集了一些常见的标签显示方法，淘客返利软件，并对它们进行了分析。标签和输入位置之间有四种类型的连接现场。现场图1为

浮动标签是一种广泛存在于移动设备上的交互设计风格。标签最初显示为占位符，一旦用户开始键入，淘客怎么做，标签将切换到输入字段的顶部。

优点：它可以有效地缩短页面长度。缺点：标签在开始时占据了输入框的位置，用户在扫描表单时可能会误认为输入框已被填写。

标签占据了输入框的顶部和内部。其他文本内容不能在输入字段中预设，并且输入字段周围的可用区域是空的减少。减少标签上方的输入字段是最常见的设计方式。

优点：标签和要输入的输入字段之间有明显区别。浏览效率最高。缺点：窗体的垂直高度增加。

输入字段左侧的标签在桌面侧设计中很常见。

优点：标签和输入字段之间有区别。用户可以直观地实现标签与输入字段的连接。缺点：用户浏览群组信息不是一条直线，阅读效率会降低。如果不能控制标签的长度，将导致填充时间的增加。此问题将在后面详细描述。

标签在输入字段中时有两种相互作用的方式。一种方法是标记最初显示为占位符。另一种方法是标签固定在输入框中，用户的输入不影响标签。例如，当用户开始键入时，标签将消失。这将增加用户短期记忆的压力。另一个例子是，不同长度的标签占据了输入字段，造成混乱，人们无法清楚地识别信息

有时我们用普通图标代替标签来显示简单的表单，比如登录注册页面。但请记住，大数据分析，这只用于非常简短和常见的表单。

不同标签位置对表单浏览平滑度的影响。我发现三组常见的形式如下：

在实际的设计过程中，标签往往有不同的字符串长度。有时每个标签之间有很大的差别。在处理这种情况时，没有经验的设计师总是想知道标签应该左对齐还是右对齐。我得到了Matteo Penzo团队提供的基于多样性样本（测试对象包括专家用户和新手用户）的眼球跟踪数据的一些结果，供您参考，如下图所示：

在图2[2]中，输入字段左侧的左对齐标签组常用于网页。我们可能会担心标签和输入字段之间的距离会让用户无法处理它们之间的关系，但实际结果表明，用户能够识别它们之间的关系。标签和输入字段之间有短暂的视觉停顿。"一般停留时间是500毫秒，停顿时间有点长，这意味着用户正在经历沉重的认知负荷。"[3]

在图3[4]中，由于标签和输入字段之间的距离缩短，用户的认知负荷减少。因此，标签和文本字段之间没有视觉停顿。"实验结果表明，专家用户扫描标签和文本字段的时间为170ms，物联网是学什么的，而新手用户扫描标签和文本字段的时间为240ms。标签更靠近输入字段，因此用户可以看到视网膜中间的标签和输入字段。因此，扫描标签和输入框所需的时间最短

在表格中标记必填输入框时，我们经常会遇到一个问题：您是否应该在表格中标记必填文本？如果表单中的大多数输入字段都需要填写，我们是否需要全部标记？如果标记，那么这里的数字可能非常大。我的回答是肯定的。我稍后会解释原因。设计师通常会觉得，每个输入字段都标注了所需的填充是重复的、难看的，并且占用了太多的空间。尤其是长形，给人一种压迫感。因此，我们可以使用以下策略来解决这些问题：

在图5中，有一个策略，即在表单顶部显示一些指导性文本，告诉用户所有输入字段都是必需的，或者除非另有指示，否则所有表单都是必需的。始终标记选定的输入字段。因为通常选择填写的输入框是最少的。

但是这种解决方案存在一些问题：用户忽略了表单顶部的说明。即使用户阅读了指南文本，也可能会忘记。特别是对于长表单，用户在填写过程中可能会被打断，或者用户不会忘记指令文本，但是他们的认知负荷会增加。因为在填写的过程中，需要提醒自己指导文本的内容，使得完成任务更加困难

因此，最好选择在要求文本字段中发送要求的信号

一般有两种选择：星号（红色还是不红色？）而"required"星号这个词作为一种解决方案在网页上被广泛使用，因此用户现在对它的含义非常熟悉。

主要的优点是它节省了大量的空间，并且看起来与标签文本不同。