Web 表单的终结

Web 表单很烦人，效率低下，并且让人们感到恐惧。 真的有人喜欢填写网络表格吗？ 然而，它们是一种“必要的邪恶”，可以成就或破坏一些最关键的在线互动。

Web 表单仍然主要基于旧的纸质表单——以系统为中心的 UI（相对于以用户为中心）的僵尸遗留物。 30 年过去了，我们仍在一遍又一遍地将相同的信息输入表单。

值得庆幸的是，重大转变正在进行中。 五年后，我们将惊恐地回顾过去在填写工作申请、信用卡申请时输入个人数据的尴尬、缓慢、令人沮丧的方式——处理电子商务结账、账户注册……几乎所有需要输入信息的任务。 尽管这些交互很重要，但启用它们的表单设计通常没有经过深思熟虑。

底线是，今天的大多数 Web 表单——无论是桌面还是移动端——都是糟糕的用户体验。 尽管来自 UX 行业大师（如 Nielsen Norman Group、Baymard Institute（电子商务）和 Luke Wroblewski（交互设计协会的联合创始人））的无数书籍、研究、文章和白皮书，但许多组织——甚至那些命脉依赖于它的组织——不要遵循 Web 表单用户体验设计最佳实践。

这意味着数十亿美元的收入损失。

令人震惊的是，在考虑用户与运输和商店取货、信用卡信息、验证错误和更多的。 由于如此糟糕的用户体验，损失了多少业务？

今天，大多数 Web 表单令人沮丧，填写缓慢，并将可用性放在最后。

就时间和认知压力而言，在线表格往往是一个巨大的麻烦。 它们非常容易出错，缺少默认值、自动完成和自动格式化； 他们对输入错误的处理很糟糕——这甚至还没有谈到需要独特设计思维和不同可用性问题的移动表单。

即使不需要完成交易，组织也经常试图从用户那里收集太多信息。 捐赠表格通常是最大的违规者，因为他们坚持为自己的统计数据收集捐赠者资料数据，而不考虑捐赠者的利益。 想象一下，如果你被告知要给某人你辛苦赚来的硬币，你必须等待，手里拿着现金，因为他们完全为了他们自己的统计用途向你提问。 不用了，谢谢。

移动表单（帐户注册、结帐等）充满了其独特的用户体验问题和挑战。 输入很尴尬，因为屏幕很小并且没有全尺寸键盘。 人们必须用指尖点击和滑动 UI 元素。 文本输入速度特别慢，并且到处都是拼写错误，即使在带有专用迷你键盘的设备上也是如此。

小屏幕意味着在任何给定时间可见的选项更少，需要用户依靠他们的短期记忆在幕后建立系统的心理模型。

不断发展的 Web 表单

Web 表单正处于进化阶段。 在一个全新的范式诞生之前，我们正处于痛苦、笨拙、乏味和重复的“输入表格”的早期阶段和轻松轻松、防犯错的未来之间，在这个阶段，Touch ID、语音打印、计算机视觉、面部识别和虹膜扫描将解锁我们的个人数据，并无缝、安全地向需要它的系统提供所有必要的信息。

UX 设计师一直在努力改善体验并减少填写 Web 表单带来的痛苦，但在这个中间阶段仍然只提供“维生素”——几乎不是最终的“止痛药”解决方案。

为了提供更加用户友好、无缝的用户体验，一些最新的表单设计试图通过实现与传统表单没有任何相似之处的界面来消除一些挫败感。 他们确实成功地使我们的生活变得更加轻松，但仍有一段路要走。

自动填充来救援

谷歌的 Chrome 浏览器及其自动填充功能是期待已久的天赐之物，可以更有效地完成表单。 它安全地存储经常输入的个人数据（包括信用卡），以便快速填写网络表单。 谷歌最近的一项研究发现，禁用 Chrome 的自动填充功能可以减少 25% 的表单提交。 研究表明，没有它，体验非常烦人，一些用户完全放弃填写表格。

惊喜！ 人们希望避免繁琐的输入表单。

密码管理器减轻痛苦

不断地检索和输入数百个在线帐户的密码是很烦人的。 密码管理器几年前就开始救援，现在被广泛使用。 1Password 和 Dashlane 是两个领先的解决方案，只需点击几下，即可安全地存储和自动填充网站和应用程序的加密密码。

社交登录结束注册

根据 WebHostingBuzz 编制的研究，86% 的用户报告说因为必须创建新帐户而感到困扰。 社交登录消除了注册的需要。 它是一种使用来自社交网络服务（例如 Facebook、Google+、LinkedIn 和 Twitter）的现有信息的单点登录形式。 它通过减少对用户名和密码的需求来增加注册并最大限度地减少进入障碍。

移动设备技术减轻了表格的负担

对移动表单进行了许多可用性改进，这也推动了桌面上的一些新的最佳实践——例如存储和检索常用值，使用电话功能（相机、GPS、语音、联系人列表）预填充表单和自动格式化数据（基于预选美国州的邮政编码）。

此外，根据所需的输入类型，可以更改键盘； 可以使用基于输入的第一个字母的建议/自动完成，并且可以自动格式化电话号码和信用卡号码。

Web 表单趋势

如前所述，传统的 Web 表单设计遵循旧的基于纸张的模型； 这就是为什么它们看起来如此相似。 以前，无法以任何其他方式收集个人数据的技术，但今天已经存在。 为了完全摆脱传统的 Web 表单，设计师正在向用户呈现干净的 UI 和带下划线的区域，以表示文本输入的去向。 这样，填写表格感觉更自然，不像数据输入。

另一个趋势是让询问用户输入更具对话性，从而创造出更人性化的交互。 作为未来更复杂的聊天机器人和其他输入法世界的先驱，它涉及将用户输入字段交织成自然流畅的句子和问题。

机器回话：聊天机器人和自动化代理的兴起

通常，机器人是使用即时消息作为应用程序接口的人工智能平台。 聊天机器人不是通过要求他们填写表格来给用户增加负担，而是通过使交互更加自然和对话来减轻这种负担——一些机器人不是人工智能，而是真正的人类通过聊天进行交互，以提供令人敬畏的用户体验。

即使某件事所花费的时间可能是相同的——例如完成一个简单的旅行预订——因为交互是对话式的并且被分解成多个块，认知压力减少了，体验得到了改善。

旅行者现在可以使用 Facebook Messenger 应用程序在凯悦酒店进行预订，或者只是与凯悦团队进行实时聊天以询问自由形式的问题，例如特定假期是否有空房。

保险业是另一个准备好被自动化代理的兴起所颠覆的行业。 Facebook 让任何人都可以使用其 Messenger 平台来开发和部署聊天机器人，这也为自动化保险代理打开了大门。

英国的 Jack Insurance 就是这样做的。 它旨在为自由创意者和网络专业人士（如网页设计师、开发人员和插画家）提供简单的商业保险。

然而，用聊天机器人等来帮助填表体验只是一半。 从长远来看，这不会奏效，因为人们将继续不得不重复提供大量个人数据。

我们无法通过使用我们在创建问题时使用的相同思维来解决问题。 - 艾尔伯特爱因斯坦

为了从“维生素”阶段变成真正的止痛药，我们需要换一种思维方式，在新范式中实现巨大飞跃。

人工智能的兴起：未来用户友好的数据收集

谁没有经历过试图预订暑假的艰巨和重复的过程？ 当我最近计划一个时，我一遍又一遍地填写了许多表格，包括三家航空公司、十几家酒店、两家汽车租赁公司、机场接送……相同的姓名、地址、信用卡号码、常旅客俱乐部号码、电话号码、电子邮件地址……这个过程完全是杀戮的，完全荒谬的。

谷歌报告称压力不受控制：69% 的休闲旅行者担心他们在预订旅行时找不到最优惠的价格或做出最佳决定。 再加上糟糕的用户体验，90% 的时间用相同的信息填写无休止的表单，我们正在谈论一个令人难以置信的令人沮丧和压力的过程。 即使有了 Chrome 的自动填充功能和前面提到的其他便利，体验仍然令人痛苦并且充满乏味。

长期的 UX 愿景不是不断完善 Web 表单，而是彻底消灭它们。

如前所述，由于移动设备上可用的一系列技术：GPS、指纹识别（Touch ID）、声纹和识别、虹膜扫描、面部识别、计算机视觉、人工智能助手和聊天机器人，不可避免的个人数据收集必须成功的在线交易将首先在移动设备上发生革命性变化。 因此，桌面网站可以通过与移动设备的链接来利用移动设备的技术功能进行复杂的身份验证。

让我们想象一个理想的未来，个人数据保险库可以超级安全地存储一个人的所有信息：他们的姓名、家庭住址、工作地址、电话号码、飞行常客里程、出生日期等。这个个人数据保险库可以通过一个人解锁生物特征验证、安全问题和主密码的组合。 一旦解锁并获得访问权限，该站点或应用程序将能够访问它需要的所有必要信息，而无需用户输入任何信息。

根据平台和设备，可以使用不同的方法和备用方法来解锁保险库。 为了避免用户输入数据，系统将使用聊天机器人或其他带有可选语音识别和自然语言处理的会话 UI 提出简单的问题。 如果语音输入不实用，可以使用键盘输入。

更进一步，此个人数据保险库可以与其他保险库（例如伴侣或配偶的保险库）链接，在所有者同意的情况下，这些保险库将被暂时解锁以访问相关信息（访问将是简短的，并且只有请求的信息将是提供）。 然后，旅行应用程序或网站可以安全地访问所有必要的数据，并轻松安排旅行。

Web 表单将很快成为老派——过去时代的有趣产物，不再需要。 在上述场景中，UX 设计师将面临设计更好的体验而无需表单。 所有常规交互，包括在 Web 表单中输入信息，都将消失在后台。

用户输入的性质正在发生变化

互联网和智能手机的使用创造了压倒性的、前所未有的丰富数据。 计算机视觉、物联网、人工智能和机器学习等“未来技术”已经出现，正在改变交互的性质和用户体验领域。

传统的 UI 正在消失，而 Web 表单是这种转变的一部分。 当然，对用户输入表单的某些需求永远不会消失，但无形界面——提供输入所需的用户交互越来越少——将变得普遍。

机器学习等人工智能技术可以从访问个人数据中提取价值，智能算法可以预测需要哪些数据才能使用户更轻松地完成工作申请、旅行预订和在线购买。

虽然我们支持充满希望的抱负并追求这些崇高的 UX 理想，但在完全消除 Web 表单的创造性方法与围绕个人数据的安全问题之间仍然存在分歧。 可以设计出强大和安全的系统，但我们需要处理这些问题。 研究表明，如果人们从中获得显着的价值和时间节省，他们愿意共享个人数据并允许跟踪。

为了保持领先地位，UX 设计师应该开始思考充满聊天机器人和对话式 UI 的未来场景。 我们将需要优化体验并找出用例场景。 交互步骤是否尽可能顺畅和高效？ 聊天机器人的语气是什么？ 我们是在减少完成工作所需的时间还是增加它？ 随着生物识别身份验证的到来，这种交互会是什么样子？ 我们如何才能更好地为用户服务并提供让生活更轻松的精彩体验？

技术和交互的性质将发生变化，但 UX 设计最佳实践的总和和实质——以用户为中心的设计过程——将继续发展并最终占上风。

• • •

进一步阅读 Toptal 设计博客：

• 电子商务用户体验——最佳实践概述（附信息图）
• 以人为本的设计在产品设计中的重要性
• 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
• 移动界面的启发式原则
• 预期设计：如何创造神奇的用户体验