自动化在用户体验设计中的应用

据Google技术总监RayKurzweil的所说：到2029年，电脑很可能会比人类更聪明，UX的未来也将变得更加自动化。人工智能和机器学习等最新科技已经可以支持需要人类参与的、非线性的、逻辑复杂的任务，技术创新正在改变人们的生活方式。例如科技创业型公司不仅为自动驾驶提供相关建议，甚至可以为节目表演提供更加智能的建议。

在我们创建和使用复杂产品的过程中，自动化发挥着日益重要的作用，我们可以感知到，自动化将在UX用户体验设计的未来发挥巨大的作用。用户体验设计的自动化很可能是接下来影响UX设计整个行业的一件大事 – 无论是优化设计反馈流程，还是改变和精简产品团队的运作方式，自动化都会起到重要作用。自动化正在不断增强我们创造引人注目的产品的能力。

设计自动化：迅速将概念转化为高保真原型

通常，UX设计师绘制用户体验地图和信息架构图，并在产品设计的过程中进行用户研究工作。在设计过程中，设计师的典型输出包括：手绘草图，如图一所示。还有流程图、架构图、不同保真度的线框图，如图2所示。这些交付物中的某些-尤其是高保证原型，可能需要花费几周甚至几个月的时间进行绘制。大一般情况下，在设计过程没有完全完成之前，开发人员不会进入开发过程中，因为设计稿为后续的开发提供了指导方向。

图1 低保真用户界面草图

图2 低保真用户界面草图

因此，我们需要找到优化整个可用性测试流程的新方法，以提高设计的有效性和效率，最终实现更快的信息反馈并缩短验证周期。通过应用自动化技术，如果能够快速的创建低保真线框图，同时生成高保真界面，那么就可以在更短的时间内创建产品的界面，并将更多的时间与精力用于用户研究，最终可以加快提升用户体验的每个环节。

自动化蕴含着无尽的机会

Airbnb开创了自动化用户体验的设计流程，成为自动化设计的先驱。在他们的文章“手绘草图界面”中，Airbnb的设计技术主管Benjamin Wilkins和Airbnb的设计技术专家Jon Gold，演示了如何使用专用相机设备和软件实时制作低保真草图和高保真视觉原型，例如图3和4。Airbnb的视觉设计团队最终接受了自动化产出的视觉图并对视觉效果进行调整，事实证明通过创建原型以获得快速反馈和验证设计方案的速度是非常高效的。

图3 Airbnb设计

图4 Airbnb的迭代设计

“我们将代码作为设计工具去投资。通过代码来处理包括界面布局和设计展示、逻辑和数据等内容的展示。有助于缩小工程师和设计师之间的距离，以及缩短视觉图与线上效果图之间的距离 ”。- Airbnb设计负责人 Alex Schleifer

自动化设计有什么重要意义呢？自动化不是令人印象深刻的相机设备，而是能够引发巨大兴趣的机器学习。它凸显了利用机器学习的无尽机会，优化了产品设计流程，并且能够提供越来越多的价值。未来，只需通过与Siri，Google智能助理或Slack嵌入式机器人交谈就可以设计用户原型界面。“嗨，DesignBot， call to action按钮使用标题蓝色。”正如Airbnb团队所证明的，这一切都是有可能的。

利用“设计自动化”创造更好的产品

随着即将到来的自动化设计技术，这对您的团队意味着什么呢？为了为您的团队做好迎接设计自动化的准备，您可以通过以下几种方法无缝地过渡到自动化设计的未来。

视觉与品牌设计团队

自动化设计的未来在很大程度上依赖于开发强大的可视化语言，以支持多样的设计组件和设计规范。这确保了跨设备、跨平台的产品都能拥有一致的品牌体验。现在可以花时间准备这些可视化语言，确保它们能够准确描述您的品牌。

产品负责人和产品经理

花一些时间去研究并开发加快设计过程的新方法。从创新方法入手，简化产品构思和原型制作过程。如果你不这样做，你的竞争对手当然会。自动化设计不应该成为创意的瓶颈，产品面向的是用户，加快设计过程可以更好地为用户服务。

“测试想法所需的时间应该为零 ”。- Airbnb设计主管 Benjamin Wilkins

UX设计师

在日常工作流程中开始使用新技术。不要将自动化视为对创意的威胁，而应将其视为利用创新技术来增强专业知识的机会，通过自动化构建更好的产品。通过减少耗时、重复性任务的时间，可以将更多的时间和资源用来进行用户研究，概念测试或用户验证。这所有事情完全是关乎用户体验的。

设计自动化即将到来

在过去几年中，机器学习和AI在改变整个行业的运营方式和业务方式方面发挥越来越重要的作用。由于越来越复杂的流程变得自动化，我们必须专注地去研究自动化与UX设计之间的交叉点，为设计自动化未来的到来做好准备。

虽然自动化不会在一夜之间发生，但像Airbnb这样有远见的公司正在探索在未来成为主流的新型工作方式。由于他们的探索与研究，我们能够更好地评估自动化带来的机会与影响，并了解如何更好地利用这些创新来改进我们的工作方式。无论是个人技能的提升还是设计团队的流程优化，自动化设计的潜力都是巨大的。

译者总结

在了解了自动化设计相关的内容后，笔者将现有的产品上线流程与应用自动化设计的产品上线流程进行对比，如图5所示：

图5 应用自动化设计的前后流程对比

传统的产品上线流程

需求产出，待需求评审没有问题即进入交互设计阶段（包括初期草图方案绘制，主界面绘制以及完整的交互界面与交互说明撰写），交互设计基本完成后进入视觉设计阶段，同时前端可进入开发阶段；在进行交互设计的同时，后端同步提供接口。开发完成后进入测试阶段，测试没有问题产品可发布上线。上线后收集用户反馈，进入下一轮的产品迭代中。

自动化的产品上线流程

需求产出，待需求评审没有问题即进入交互设计阶段，交互阶段草图绘制完成后即可通过自动化技术将草图转化为高保真原型界面（视觉再进行相应调整即可），减少交互、视觉与前端开发的工作量。待前后端开发完成后进入测试阶段，测试没有问题产品可发布上线。上线后收集用户反馈，进入下一轮的产品迭代中。

为了便于理解自动化技术，译者简单总结一下自动化技术的实现原理：自动化技术依赖前端强大的可视化语言，需要强大的前端组件库来识别草图中的占位符含义。例如，当在草图中绘制一个占位符时，通过智能化技术自动识别该占位符在产品中所代表的组件，进而生成高保真的用户界面。因此，可以迅速看到产品从草图阶段到上线后的效果图，也便于对设计方案进行及时更正。

结合两种流程对比，译者结合自身工作经历总结了应用自动化设计的三点优势：

（1）迅速验证多种设计方案

在项目迭代周期紧张的情况下，设计师缺少额外的时间和精力来设计多种方案，更无法验证哪种设计方案能更好地解决用户需求。精益设计时代，很难对每次的设计方案进行可用性测试。而自动化设计过程中，可以直接将设计草图转换为可点击的高保真原型界面，交互设计师有更多时间和精力来绘制多种设计方案并利用高保真界面进行用户测试，从而迅速调整设计方案使其能更精准的帮助用户解决痛点，从而提升用户体验。

（2）提前开发节点，缩短项目周期

原有的开发流程中，在需求明确之后，后端可以同步开发某些接口，而前端开发需要等完整的交互界面绘制完成后才能进入开发阶段，这导致项目周期很难缩短。自动化设计在交互设计师完成草图后前端开发即可进入开发阶段，将开发节点提前至操作阶段，可以明显缩短项目周期，提高产品迭代效率。

（3）迅速验证需求是否被满足

笔者在工作过程中发现，B端产品的用户在交互评审的过程中会否定自己的需求。产品经理收集需求的过程中，用户提出想要满足A需求。在A需求的设计方案完成后，用户看到设计界面时经常会提出自己想要实现的需求并非如此。

即，由于B端产品的专业性特殊性，用户在未看到设计界面之前并不清楚自己的需求是否得到满足。

因此，利用自动化设计可以迅速将需求转化为设计界面以进行用户测试，快速试错以明确用户的需求是否真正得到满足。

作者：仉长娟，网易UEDC小鲜肉一枚，现支持运维部产品的交互设计工作。

本文来源于人人都是产品经理合作媒体@网易UEDC，作者@仉长娟

题图来自 Pexels，基于 CC0 协议