UE设计中在表单中标记必填字段

UE视界网    ()  ()

2019-11-20 16:25:00

使用星号标记必填字段是提高表单可用性的一种简便方法。仅标记可选字段使人们很难填写表格。


我们的许多UX Conference类中的一个常见问题是:您是否应该在表单中标记必填字段?如果表单中的大多数字段都是必填字段,我们是否仍应标记它们?(毕竟有很多记号。)简短的回答是。我将在本文的其余部分中解释原因。


不标记必填字段的诱惑

通常,设计人员会觉得为每个必填字段设置标记是重复的,丑陋的,占用太多空间,而对于较长的表单,它甚至看起来令人沮丧(表单对用户的要求很高!)。因此,他们通常采用以下一种或两种策略:


  1. 除非另有说明,否则它们在表格顶部显示说明“ 所有字段必填或所有字段必填”。

  2. 它们标记可选字段,因为它们通常较少。


(在极少数情况下,他们什么也不做:他们只是假设用户会神奇地知道需要什么字段;如果不需要,那么他们只需要处理由此产生的错误。)

1574237927451_2.png

左:标题为“告诉我们有关您自己”的表格包括诸如名字,中间名首字母(可选),姓氏,后缀(可选),出生日期:月,日等字段。 右:这些字段是全名,卡上的姓名,电子邮件地址和电话号码。

花旗银行的信用卡申请表(左)包括小写斜体字说明。 所有字段均为必填字段,除非其表格顶部指定为可选  ;美国运通的表格(右)完全没有说明。在这两种形式中,仅标记了可选字段:在花旗银行中,缩写 opt 不清楚  。

这些方法有什么问题?有几个问题:


  • 人们不会阅读表格顶部的说明。

众所周知,用户不会阅读说明,而且他们阅读表格顶部的说明的可能性特别小。表单字段似乎是自给自足的-毕竟每个字段都有特定的说明-标签,为什么您需要阅读其他内容才能填写?


  • 即使人们阅读了说明,他们也可能会忘记它们。

您可能会想:如果用户阅读了顶部的说明,他们怎么会忘记它-这是一件很简单的事情?好吧,他们确实会忘记-特别是如果表格很长或者填写时被打断(这种情况在手机上很常见)。即使人们不会忘记指令,您也会通过将指令投入到工作记忆中来增加他们的认知负担。换句话说,您使他们难以完成任务。填写表单本身对您的用户来说是非常具有挑战性的-为什么您要使其更加如此?


  • 人们必须扫描表格以确定是否需要该字段。

我们已经看到,无论您是否在表格顶部添加说明,结果都可能是相同的-人们会忽略或忘记它们。那么,当用户填写表格时会怎样?他们如何知道是否需要一个字段?好吧,更精打细算的用户会四处张望,试图找出答案-他们将扫描表单并找到一个标记为可选的字段(有时滚动页面,例如上面的American Express示例,其中第一个可选字段显示在下方移动折页);如果他们找到一个,他们将假定所有未标记的都是必需的。但这会花费时间和互动成本,而且,为什么您要让用户更难以填写表格?


但是,大多数用户不会打扰周围的人-他们只是在做假设。他们会说-“好吧,电话号码-他们真的不需要我的电话号码,对吗?也许我会留空”。即使他们没有将其留空,也必须暂停以确定是否需要完成一个字段,这会减慢交互速度,并使过程看起来更长且更乏味。(请记住,就您想想的那样,不管是在小屏幕还是大屏幕上,没人愿意填写表格。)结果将是提交表单错误,这意味着需要更多时间花了点时间解决。


解决方案很简单:标记所有必填字段。尽可能明确和透明:对于必须完成的每个字段,请按要求进行标记。


如何标记必填字段?

此处至少有两个选项:星号(是否为红色)和“必需”一词。

1574238037095_5.png

标题为“卡详细信息”的表格具有两个字段:名称和卡号

iOS电子钱包应用使用占位符“ 必填”  来指示必填字段。(通常,尤其是对于较长的表单,最好 在字段外部而不是字段中使用“  必填”一词,以便于识别仍然需要填写的字段。)

星号已在网络上变得非常普遍,用户已熟悉其含义。它的主要优点是它不会占用太多空间,并且看起来与标签文本完全不同,因此请使用它。

星号应该在字段标签之前还是之后?这不太可能产生实际差异,但是将其放在字段描述之前的一个原因是,通过仅扫描标签的最左字符,可以帮助眼睛轻松地确定需要哪些字段。

1574238071391_3.png

左:您从哪里运送表格? 右:注册表

这两个站点都使用星号标记必填字段:UPS(左)在标签末尾显示星号,而USPS(右)在开始处以红色显示。在开始时以不同的颜色显示它可以使识别必填字段稍微容易一些,当表单较长时,这可能会很有用。(但是,我们不建议使用比USPS星号小的字体。)

星号应该是红色的吗?不一定,但是红色已成为网络上预期的必需标记颜色,这是其本身有权坚持这一选择的原因(根据雅各布定律)。在任何情况下,为星号和字段标签使用不同的颜色都具有一定的价值:它允许用户快速地将两者分开并专注于字段标签,同时尝试解码字段的含义。虽然推荐使用红色,但强烈建议不要使用浅灰色或低对比度的星号。略微柔和的颜色可能会带来美学上的好处,但是真正的低对比度符号会构成弱视或老年人的可访问性问题,并且会降低每个人对表单的视觉处理速度。


您是否也应该标记可选字段?

尽管不是必须的,但标记可选字段确实减轻了用户的认知负担:在缺少该单词的情况下,用户必须环顾四周,并根据标记为必填项的其他字段推断该字段是可选字段。如果字段描述符旁边是可选单词,那么该任务将变得更加容易。


不指定字段为可选字段不会破坏交易,但是这样做很不错。

1574238159360_3.png

Sephora的iOS应用程序同时标记了必填字段和可选字段。

登录表单如何?

登录表单简短,传统上由两个字段组成:用户名和密码,这两个字段始终是必需的。如果您使用星号,则按要求将这些字段标记为必需的成本应该很小,因此您不会出错。但是,大多数用户遇到了很多登录表单,他们确实知道要登录,您需要输入电子邮件或用户名和密码。因此,如果您完全讨厌星号,可以以这种形式保留它。


1574238204240_3.png

USPS的登录表单(左)根据需要标记了两个字段。皮划艇(右)没有标记它们。两种设计均可用于登录表单。

但是,未在注册表格中标记必填字段是危险的。各地的注册表格差异很大-不同的公司在创建帐户时需要不同类型的信息。如果您的注册表单看起来像登录表单,则可以省去所需的信息。但是,如果确实包含多个用户名和密码字段,请标记所有必填字段(包括用户名和密码字段)。

1574238243418_1.png

注册形式包括以下字段:名字,姓氏,电子邮件地址,密码(均标有星号)

Sephora的注册表格(在桌面上)标记了必填字段(包括电子邮件和密码)。(不幸的是,该网站违反了其他可用性准则-特别是,它在字段中显示了   字段标签,  并且 自动选中了“ 订阅” 复选框。)

结论

表格不好玩。他们需要用户做很多工作。实际上,由于填充表格太困难或太繁琐,许多表格最终被放弃了。为了增加完成表单的机会,请最小化用户必须投入的工作以及需要记住的信息。有许多方面对此有所帮助,但是标记必填字段(以及可选的可选字段)很容易解决。


责任编辑:网络UESJ网:   UE视界网,未经授权不得转载
关键词 >> UE设计

还可以输入0个字

(审核后展示)
打开目录