Web表单的结尾设计 _Web

本文概述

不断发展的Web表单
网络表单趋势
用户输入的性质正在改变

Web表单令人烦恼, 效率低下, 使人们感到恐惧。有人真的喜欢填写网络表单吗？但是, 它们是” 必要的罪恶” , 可以造成或破坏某些最关键的在线交互。
Web表单仍然主要基于旧的纸质表单, 即以系统为中心的UI(相对于以用户为中心)的僵尸残余。已经三十年了, 我们仍然一遍又一遍地在表格中输入相同的信息。

文章图片
可以看到Web表单是如何从纸质表单(例如KFC职位申请)中获得的。
值得庆幸的是, 正在发生重大变化。从现在开始的五年后, 我们将惊恐地发现, 在填写工作申请, 信用卡申请-进行电子商务结帐, 帐户注册…时, 几乎所有需要输入信息的任务, 我们过去用于输入个人数据的笨拙, 缓慢, 令人沮丧的方式。尽管这些交互非常重要, 但使它们成为可能的表单的设计却往往经过深思熟虑。

文章图片
谁不喜欢DMV？这种形式有望很快成为过去的尘土飞扬的遗物。
最重要的是, 当今的大多数Web表单(无论是桌面表单还是移动表单)都是糟糕的用户体验。尽管有来自UX行业专家的无数书籍, 研究, 文章和白皮书, 例如Nielsen Norman Group, Baymard Institute(eCommerce)和Luke Wroblewski(交互设计协会的联合创始人), 但许多组织-甚至依赖于它的生命线的组织-不要遵循网络表单UX设计最佳做法。
这意味着数十亿美元的收入损失。
令人震惊的是, 当考虑到用户与诸如运输和商店提货, 信用卡信息, 验证错误和更多。如此糟糕的用户体验会导致多少业务损失？
如今, 大多数Web表单令人沮丧, 填写缓慢且易用性居最后。

文章图片
诸如此类的帐户注册表格会给人带来精神压力, 而且填写起来很费时间。
在时间和认知压力方面, 在线形式往往是一个巨大的麻烦。它们极易出错, 缺少默认值, 自动完成和自动格式化；他们会严重处理输入错误-甚至没有在谈论需要不同设计思维方式且存在不同可用性问题的移动表单。

文章图片
职位申请表的用户体验最差。积极的求职者一次又一次地用相同的信息填写这些表格。
组织通常会尝试从用户那里收集太多信息, 即使不需要完成交易也是如此。捐赠表格通常是最大的违法者, 因为他们坚持收集捐赠者资料数据作为自己的统计数据, 而不考虑捐赠者的利益。想象一下, 如果你将要给某人你辛苦赚来的辛苦钱, 当你被告知时, 他们会手头上的现金, 因为当他们完全为自己的统计目的而向你提出问题时, 请想象一下。不用了, 谢谢。
移动表单(帐户注册, 结帐等)充满了自己独特的用户体验问题和挑战。由于屏幕较小且缺少全尺寸键盘, 因此输入很尴尬。人们必须用指尖点击和滑动UI元素。文本输入特别慢, 而且即使输入专用迷你键盘的设备上也有错别字。
小屏幕意味着在任何给定时间都有较少的可见选项, 这要求用户依靠他们的短期记忆来建立幕后系统的心理模型。

文章图片
Domino’ s Pizza的” 创建个人资料” 步骤在移动设备上的可用性很差, 并且需要太多笨拙的用户交互。
不断发展的Web表单 Web表单处于进化阶段。在崭新的范式诞生之前, 我们处于痛苦, 笨拙, 乏味和重复性的” 键入形式” 早期阶段, 以及轻轻松松, 防傻瓜的未来之间, 介于Touch ID, 语音打印, 计算机视觉, 面部识别和虹膜扫描将解锁我们的个人数据, 并无缝, 安全地向需要它的系统提供所有必要的信息。
UX设计师一直在努力改善体验, 并减少填写Web表单所带来的痛苦, 但是在此中间阶段, 他们仍然仅提供” 维生素” , 而并非最终的” 止痛药” 解决方案。
为了提供更加用户友好的无缝用户体验, 一些最新的表单设计试图通过实现与传统表单没有任何相似之处的界面来消除一些挫败感。他们确实成功地使我们的生活变得更加轻松, 但仍有路要走。

文章图片
Typeform使用” 会话UI” 在此求职申请表上获得快速的用户体验。指示了键盘快捷键, 这些快捷键已内置在大多数步骤和答案中, 从而使其成为填写表格的非常有效的方法。
自动填充助你一臂之力
谷歌的Chrome浏览器及其自动填充功能是期待已久的天赐之物, 它可以更有效地完成表格。它可以安全地存储经常输入的个人数据(包括信用卡), 以便快速填写Web表单。 Google最近的一项研究发现, 禁用Chrome的自动填充功能会使提交的表单减少25％。这项研究表明, 没有它, 体验会很烦人, 一些用户完全放弃填写表格。
惊喜！人们要避免单调乏味的形式输入。

文章图片
Google Chrome的自动填充功能可帮助你重复填写网络表单。
密码管理器缓解痛苦
不断检索和键入数百个在线帐户的密码很烦人。几年前, 密码管理器进行了抢救, 现已广泛使用。 1Password和Dashlane是两个领先的解决方案, 只需单击几下, 便可以安全地存储和自动填写网站和应用程序的加密密码。

文章图片
使用主密码或指纹触摸ID解锁后, Dashlane的密码管理器会自动填充密码。
社交登录终止注册
根据WebHostingBuzz进行的研究, 有86％的用户表示必须创建新帐户而感到困扰。社交登录消除了注册的需要。它是一种使用社交网络服务(例如Facebook, Google +, LinkedIn和Twitter)中现有信息的单点登录形式。通过减少对用户名和密码的需求, 它增加了注册并最大程度地减少了进入壁垒。

文章图片
移动设备技术减轻了表格负担
移动表单已进行了许多可用性改进, 这些改进还推动了台式机上的一些新的最佳实践, 例如存储和检索常用值, 使用电话功能(摄像头, GPS, 语音, 联系人列表)预先填充表单, 以及自动格式化数据(基于邮政编码预先选择美国州)。
另外, 根据所需输入的类型, 可以更改键盘。可以使用基于输入的第一个字母的建议/自动完成功能, 并且可以自动格式化电话号码和信用卡号码。

文章图片
Apple Pay应用程序使用iPhone的摄像头和计算机视觉来简单地拍摄一张卡片进行注册, 而无需繁琐的键盘输入。
网络表单趋势如上所述, 传统的Web表单设计遵循旧的基于纸张的模型。这就是为什么它们看起来如此相似。以前, 尚无以其他任何方式收集个人数据的技术, 但直到今天。为了完全抛弃传统的Web表单, 设计人员为用户提供了简洁的UI和带下划线的区域, 以指示文本输入的位置。这样, 填写表格感觉更自然, 而不像数据输入。

文章图片
为了摆脱带有输入字段和下拉菜单的” 数据输入” 外观, 设计人员提出了用于移动表单的更简洁的设计。

文章图片
桌面版Google表单。
另一个趋势是使要求用户输入更多的对话性, 从而创建了更人性化的交互。它是未来更加复杂的聊天机器人和其他输入方法世界的先驱, 它涉及将用户输入字段交织成自然流动的句子和问题。

文章图片
【Web表单的结尾设计】一个简单的对话联系表
(Nelu Cebotari)

文章图片
移动表单正在变得越来越简单和易于对话。
(Alex Cristache和Fabio Basile在Dribbble上设计)
机器回话。聊天机器人与自动代理的兴起
通常, 机器人是使用即时消息传递作为应用程序界面的人工智能平台。聊天机器人没有通过要求用户填写表单来加重用户的负担, 而是通过使交互更加自然和对话来减轻这种负担—有些机器人不是AI, 而是真实的人通过聊天进行交互以提供令人敬畏的用户体验。
即使花费的时间可能是相同的(例如, 完成一次简单的旅行预订), 因为互动是对话式的并且被分解为多个部分, 因此认知压力得以减轻, 体验得到了改善。

文章图片
R / GA和广告委员会构建了一个投票机器人, 将千禧一代带入了民意调查。简称为GoVoteBot, 它在Facebook Messenger上与用户实时交互。
旅行者现在可以使用Facebook Messenger应用程序在凯悦酒店进行预订, 或者直接与凯悦团队进行实时聊天以询问自由格式的问题, 例如在特定假期是否有空。

文章图片
凯悦酒店利用Facebook Messenger, 利用其客户关系人员来帮助客人进行预订和查询空房情况。
保险业是另一个准备被自动化代理人崛起破坏的行业。 Facebook使Messenger平台可供任何人开发和部署聊天机器人, 这也为自动保险代理打开了大门。
英国的Jack Insurance就是这样做的。它旨在为自由创意者和Web专业人员(例如Web设计师, 开发人员和插图画家)提供简单的商业保险。

文章图片
杰克是一个简单的聊天机器人, 可引导专业人员完成保险流程-没有表格。
但是, 用聊天机器人之类的方法来填充表单填充体验只是一半的措施。从长远来看, 它是行不通的, 因为人们将继续不得不反复提供很多个人数据。

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

为了从” 维生素” 阶段转变为真正的止痛药, 我们需要采取不同的思维方式, 并大步迈进新的范例。
AI的兴起：明日用户友好的数据收集
谁没有经历过尝试预订暑假的艰巨而重复的过程？最近, 当我计划一个时, 我一次又一次地填写了许多表格, 其中包括三家航空公司, 十几家酒店, 两家租车公司, 机场接送…相同的名称, 地址, 信用卡号, 飞行常客俱乐部号码, 电话号码, 电子邮件解决…这个过程完全是致命的, 而且完全荒谬。
Google报告的压力不受限制：69％的休闲旅行者担心在预订旅行时找不到最优惠的价格或做出最佳决定。此外, 糟糕的用户体验会在90％的时间里用相同的信息填写无尽的表格, 而我们所谈论的过程却令人沮丧和压力很大。即使使用Chrome的自动填充功能和前面提到的其他便利功能, 体验仍然令人痛苦, 充满乏味。
UX的长期愿景不是保持完善的Web表单, 而是彻底杀死它们。
如前所述, 由于移动设备上存在着一系列可用的技术：GPS, 指纹(Touch ID), 语音打印和识别, 虹膜扫描, 面部识别, 计算机视觉, AI助手和聊天机器人, 不可避免的个人数据收集必须成功进行在线交易时, 将首先在移动设备上进行革新。因此, 桌面站点可以通过与移动设备链接来利用移动设备的技术功能进行复杂的ID验证。

文章图片
在尝试预订旅行时, 我们可以结束传统的搜索, 过滤结果和Web表单, 并提出一种更简单, 从根本上更愉快的交互方式吗？
让我们想象一个拥有个人数据保险库的理想未来, 该保险库可以超级安全地存储有关一个人的所有信息：他们的姓名, 家庭住址, 工作地址, 电话号码, 飞行常客里程, 出生日期等。生物特征验证, 安全性问题和主密码的组合。一旦解锁并获得访问权限, 该站点或应用程序将能够访问其所需的所有必要信息, 而无需用户键入任何信息。

文章图片
根据平台和设备的不同, 可以使用不同的方法和后备来解锁Vault。为了避免用户不得不输入数据, 系统随后将使用聊天机器人或带有可选语音识别和自然语言处理功能的其他会话UI来询问简单问题。如果语音输入不可行, 则可以使用键盘输入。
更进一步, 此个人数据保管库可以与其他保管库(例如, 伴侣或配偶的保管库)链接, 在所有者的同意下, 该保管库将被临时解锁以访问相关信息(访问将是简短的, 只有请求的信息才是可用)。然后, 旅行应用程序或网站可以安全地访问所有必要数据, 并轻松安排旅行。
Web表单将很快变得过时了-不再需要任何时代的有趣人工产物。在上述情况下, UX设计人员将面临没有形式的更好体验设计。所有常规交互, 包括将信息键入Web表单, 都将消失在后台。
用户输入的性质正在改变互联网和智能手机的使用创造了压倒性的, 永远存在的大量数据。计算机视觉, 物联网, 人工智能和机器学习等” 未来技术” 已经在这里, 改变了交互的性质和用户体验的格局。
传统的UI消失了, Web表单就是这种转变的一部分。当然, 对用户输入表格的某些需求永远不会消失, 但是不可见的界面(将需要越来越少的用户交互来提供输入)将变得越来越普遍。
诸如机器学习之类的AI技术可以从访问个人数据中获取价值, 而智能算法可以预测需要哪些数据来使用户更轻松地完成工作申请, 旅行预订和在线购买。
虽然我们鼓吹希望的抱负并追求这些崇高的UX理想, 但在完全消除Web表单的创造性方法与围绕个人数据的安全性关注之间仍然存在分歧。可以设计健壮和安全的系统, 但是我们需要解决这些问题。研究表明, 人们愿意共享个人数据, 并允许他们跟踪是否从中获得了巨大的价值并节省了时间。
为了保持领先地位, UX设计人员应开始考虑充满聊天机器人和对话UI的未来方案。我们将需要优化体验并找出用例场景。交互步骤是否尽可能顺利和有效？聊天机器人的语气是什么？我们是在减少完成工作所需的时间还是增加它？随着生物识别ID验证的到来, 这种交互将是什么样的？我们如何更好地为用户服务, 并提供使生活更轻松的出色体验？
技术和交互的性质将发生变化, 但是UX设计最佳实践的总和和实质(以用户为中心的设计过程)将继续发展并最终流行。
? ? ?
在srcmini设计博客上进一步阅读：