译者推荐 | 曾经有过一些B2B产品的表单设计，其中也尝试用一些感知的创新方法来为其更好展现，让业务人员更舒适地使用。甚至在后续的B端产品中，更是尝试运用情感化设计。因此对这篇文章有一定的兴趣和了解，想通过这篇文章来拓展些新方法，为表单设计的延展带来新的思考和探索。

让我们来谈一下感受，情感和表单。

在《为情感设计》中，作者Aarron Walter提出了用户需求的层级。数字化产品应该是这样的：

• 带有功能性的。它们能解决一个问题
• 可靠的。它们始终如一地运转着
• 可用的。它们能 以高标准完成任务

• 非传统的表单元素
• 为表单而设计的体验流程
• 设计出好玩表单的技巧

探索UI元素中的潜力

表单设计应该是一致的，但这并不意味着它不能融合一点惊喜。通过使用不规则的UI元素（例如可点击的图像和切换型滑块），都可以使表单充满愉悦感且直观形象。 

这种思路构成了我们的产品：JotForm Cards 中某些功能的基础。

“表单应该保持设计的连贯性，但这并不意味着它不能融入一点惊喜。”

当然，设计本身看起来很酷，但表格填写的过程体验又如何呢？用户能否用更动态、更互动的方式来表达自己的答案？很明显，我们是这样认为的。

橙子，你真的能开心地完成这份表单吗？（不好意思，实在不想再填下去）

• 评价类滑块

通过拖动蓝点或单击灰色部分，操作者便可以在指尖处看到反馈结果的变化。

向左滑动一下。向右滑动一下。

• 表情符号式滑块

用户可以使用表情符号式滑块代替刻度来表达自己的满意程度。讨厌这个活动吗？痛苦的脸！超级开心？心心的眼睛。

表情符号式滑块可让表单填写者在以犹如母语般的形式回答。

• Yes/No的切换滑块

这种形式满意度很高，它很简单又很好做出决策。 

当我们看用户测试视频时，这些新功能很明显地使人们微笑。对于我们来说很幸运，这样的响应对于我们来说会更容易更有趣地评估。

保持简单就够了。

良好的用户体验流程

如果任务很简单且满意度高的话，会让用户沉浸在一种流状态：巅峰享受、高度集中注意力的状态。要达到这种情况从时间点上来说比较棘手，且若用户遇到障碍和错误中断操作的话，就会变得绝对不可能。 

我们需要致力去创建一条只需要用户付出很小努力便可流畅使用的操作路径。在这里，成功的定义就是最大程度地减少痛点，同时预知到将面临的挫折。

“容易完成且令人满意的任务将使用户渐入一种流程的状态：峰值时刻、高度集中”

• 人机智能行为

高认知负荷是正确填写表格的敌人。当人们不得不思考或做过多不必要的事情时，就会导致高认知负荷。与这类烦人的认知负荷行为相比，人机智能行为对大脑的“负荷强度”要小一些（它像使笔记本电脑速度变慢的软件，虽然变慢但是不会崩溃你的系统）。

这就是为什么在理想情况下，每个UI元素都应涵盖人机智能行为（例如单击鼠标后出现），而不是认知行为（涉及思考和打字的任何行为）。 

你可以在哪里偷工减料来减少打字的需要？考虑预设的回答、自动填充、智能默认设置和查找邮政编码......根据Google的规定，这些功能可帮助人们将表单填写速度提高30％。无论谷歌和香菜，都会为你的网站代码提供JavaScript API，以减少输入。

“高认知负荷是正确填写表格的敌人。”

• 减少点击次数

好了，你应该已经将所有操作转换为点击操作了。现在是时候尽量减少点击了。当微软（Microsoft）将它的关机提示从直接单击的关闭图标改为下拉框时，他们发现，关闭计算机的人数减少了，这仅仅只是因为——需要额外点多两次鼠标。

所以，应该多用复选框和单选按钮，而不是下拉菜单。切记，不要把电话号码或生日日期的数字拼接在一起。

其实最重要的是，减少输入的字段。尽可能地去减少，再试着缩减一些。比如，Expedia 在预订单上仅仅问多了个额外的问题，就损失了1200万美元。希望大家不要步他们的后尘了。 

较短的Web表单能为用户减少摩擦，从而增加了转化。Hubspot的一项研究发现，将表单字段的数量从四个减少到三个，可以将转化率提高50％。 

“虽说易用性是人们更好实现目标的关键，但体验会使产品更令人难忘。”

正如数学家布莱斯·帕斯卡（Blaise Pascal）所说：“之所以我完成得比平时更久了，是因为我没时间将它简化”。这说明了虽然简化流程会花费时间，但是总体而言却是节约了时间成本。

表单设计，也可以很有趣

大脑总是喜欢玩耍和实验。有很多方法可以利用惯性的力量来游戏化填表的体验，并在动画中添加幽默感，使体验更人性化。

• 游戏化

做得好！继续！快好了！ 

我们希望以这样的形式鼓励用户完成表单。 

例如，JotForm Cards的多阶段布局遵循的理论是，当用户在感觉到向前进时，才更有可能继续下一步。若是在同一个静态的页面上，总保持静态地平移到下一步，只会带给用户同样的感受。

“动画将美、情感与功能结合在一起。”

我们可以用一个进度点来阐述一下，该进度点显示已完成的个问题和剩余工作量。而当用户将鼠标悬停在这个位置时，该点才会出现。用户也可以轻松切换到概览模式，使他们在相邻编号的问题间切换，并像地图一样，使用自由水平滚动。

• 动效化

动效将美与情感与功能结合在一起。与静态屏幕相比，它可以使界面更生动，吸引用户的注意力并以更明亮、更引人注意的方式标注出错点或给予操作指南。 

如果用户输入出错，屏幕则会以摇动着“No”的方式来提醒他们。这每一步反馈，都应使用户感到正朝着目标迈进。

最后的想法 

为获得良好的用户体验而进行的设计，所涉及的不仅仅只是使产品可用。可用性是使人们能够实现目标的原因，但体验过程让你的产品更令人印象深刻。 

优秀的用户体验之所以令人满意，是因为它经过精心设计。它刺激你，让你沉浸在其中，像游戏、APP或电影一样。再说，这里完全没有理由表明表单不能像游戏、APP或电影一样，也能带来这些体验。 

请记住，用户体验不仅与可用性有关，还与感受有关。因此，通过联系自身感受与功能，能使你的表单使用起来更愉快。

译者：子重

评审：TCC翻译情报局

Powered by Froala Editor