嘉宾分享
ProtoPie 独家分享：Meta 的机器人用户体验原型设计
2023年终最后一个分享会，Meta的精彩总结来了！本次分享主要介绍了Meta 的动态机器人**用户体验设计**相关内容。
Rebeca Caritas, Customer Success Manager
December 29, 2023
ProtoPie 年终分享会来袭！—— Meta 用户案例。
2023年终最后一个分享会，Meta的精彩总结来了！本次分享主要介绍了Meta 的动态机器人用户体验设计相关内容。
整个分享会分为两个部分，一是ProtoPie 客户成功经理Rebeca 向大家介绍ProtoPie 功能以及高保真原型的重要性；二是Meta的产品设计工程师瑞安·奥尔森，深入介绍如何利用ProtoPie在动态机器人领域保持竞争优势。一起来看Meta 如何用ProtoPie 进行机器人的用户体验原型设计吧！
ProtoPie的功能
- 使用ProtoPie 能够降低学习成本
ProtoPie是一款原型设计工具，0代码使新用户能够快速实现创意。在提供强大原型功能的同时，低成本使设计师和开发人员快速上手。
- ProtoPie生态
ProtoPie的生态系统包括ProtoPie Studio、ProtoPie Player 和ProtoPie Cloud 和ProtoPie Connect。
- 设计师可以从常用的设计软件（如Figma、Sketch和Adobe XD）导入设计文件到ProtoPie Studio，为设计添加交互动作。
- 原型完成后，在ProtoPie Player Ap中进行测试（Player支持在Android和iOS设备上使用设备的本地传感器和功能进行实时测试）。
- ProtoPie云端主要支持团队协作和原型存储，方便设计师安全便捷的与协作者分享原型。
- ProtoPie Connect是一个扩展应用程序，允许跨设备交互和硬件集成，有了Connect，能够实现用手机App控制智能家电开关或用智能手表控制包裹递送等等。
Meta 的机器人用户体验原型设计——瑞安·奥尔森
- 瑞安·奥尔森与Meta
瑞安在Meta的基础设施数据中心部门的工作，主要攻克如何使用机器人自动化流程来支持运营数百万台服务器。Meta的自动化重点包括在数据大厅内用于远程视觉检查、资产管理和合规性检查的无人驾驶巡航的移动平台。除此之外，还有一个用于移动机架的自动化拖车，像自动驾驶叉车一样，无需司机，即可在数据中心内运输重型机架。
瑞安的工作重点是硬件交互和复杂系统模拟。
不同于传统的平面设计工作，他设计的是流程框架，支持多任务协同工作。原型制作在他们的工作中非常重要，它使设计快速迭代，增加用户反馈，测试应用的有效性，并在UI和硬件设计之间实现交互。
ProtoPie对他们来说非常有帮助，因为它支持编程和复杂交互。简化了编程概念，非程序员也能完成操作，并支持Arduino硬件和后端互操作插件。
这是一个Meta正在制作的机器原型，叫做”马路杀手“，这个原型通过USB连接到Arduino硬件，没有外壳包裹，方便用于控制步进电机、LED和LCD显示器等。
- ProtoPie与动态机器人
ProtoPie让瑞安团队的工作更加直观和高效，极大地推进了机器人自动化和系统集成方面的工作。
因为真实项目需要保密，所以Meta分享了一个虚拟案例——全由机器人运营的餐厅。这个案例涉及了多方面的用户体验原型设计，包括客户界面、管理界面和远程控制界面。
1. 顾客端
客户用户界面设计相对简单，例如在餐桌上的点菜平板电脑。它可以独立运行，也可以连接到后端进行更全面的系统测试。
2. 管理端
管理者界面更为复杂，包括餐厅的俯视图，用于手动控制服务员机器人。这通过运行ProtoPie Connect的后端系统实现，以支持复杂的交互和命令。
3. 远程控制界面原型
远程控制界面原型类似于控制单个机器人的游戏控制器。这涉及到与实体机器人硬件的连接，比如通过Arduino进行编程，实现伺服系统的转动和从传感器读取数据。
4. HRI
关于人类与机器人的交互（HRI），探讨了如何通过音频、视频和动作的组合展现机器人的个性。这包括在不同场景下，如何使机器人以更自然、人性化的方式与人类互动。
原型设计不仅限于界面，还涉及到底层系统的控制。这包括使用ROS（机器人操作系统）和REST API来管理复杂的系统操作。
这个案例展示了ProtoPie在处理复杂交互和系统集成方面的强大能力。瑞安的原型设计简化了用户界面与系统其余部分的交互，同时保持了结构的简洁性。
这样的原型设计允许设计团队快速迭代和测试，而不必深入了解所有工程和机器人开发的细节。这为未来机器人餐厅的实现奠定了技术基础！
- 原型制作的实用技巧分享：如何有效利用ProtoPie进行机器人技术开发！
- 从功能到视觉设计：开始时先制作线框图，确保功能（如通过ProtoPie Connect和API的连接）正常运行，然后再进行视觉设计。
- 早期硬件交互测试：使用“马路杀手”进行测试。这对于处理真实机器人的早期阶段特别有用，尤其是在处理内部布线等复杂任务时。
- 命名与注释：为「触发」和「反应」动作命名，并利用空组件进行注释。这样做不会影响功能，但有助于提醒你正在进行的操作。
- 分组操作：将相关的触发动作分组并命名，这类似于编程中的函数封装。使用接收模块可以在同一场景中调用，简化了管理和复用。
- 处理重复组件：使用内部变量ID为每个组件实例提供唯一的覆盖，从而区分不同的实例。这在处理像平行菜单这样包含多个项目的组件时非常有效。
- 杰夫的手风琴菜单教程：一个推荐的资源，展示了在原型中实现复杂交互的可能性。
这些技巧是瑞安在将原型制作应用于机器人技术开发过程中的实际经验总结。它们不仅提高了效率，还增强了原型的功能性和可理解性。
问答环节
Q1: ProtoPie中是否有任何特定的功能对Meta团队在机器人硬件和软件解决方案中不可或缺的？
- A1: 瑞安提到，ProtoPie的发送和接收响应动作及触发动作的架构对Meta团队非常有用，尤其是API插件，因为他们需要与后端服务频繁通信。
Q2: Meta在将原型与硬件集成时有遇到什么挑战吗？
- A2: 瑞安分享了一个具体的挑战，即相机功能的限制，但他们通过最新的媒体控件解决了这个问题，能够从URL获取图像。
Q3: 使用ProtoPie实现用户友好的机器人原型的秘诀是什么？
- A3: 瑞安认为，快速尝试和迭代是关键。使用ProtoPie和Arduino等工具可以快速制作原型，测试和优化设计。
Q4: 瑞安是如何加入Meta的，他使用ProtoPie有多久了？
- A4: 瑞安从一家模块化建筑公司转到Meta，最初参与机器人项目的布线工作。他目前在Meta使用ProtoPie已有一年半的时间。
Q5: 我想知道更多关于Meta如何协调机器人团队中设计师和工程师的合作。有任何成功合作的真实案例吗？
- A5: 瑞安提到，他在Meta担当协调设计师和工程师之间的关键角色，因为他懂得两种语言。他们以前会在Figma中做静态界面和注释，然后交给工程师，但现在利用ProtoPie制作原型，以直观展示他们想要构建的应用程序的功能。他还强调了ProtoPie中的移交工具如何有效地向工程师传达信息，以及如何与Figma界面结合使用进行精确的像素定位。
Q6: 你是否考虑过ProtoPie以外的其他工具？你选择ProtoPie而不是其他软件的最重要因素是什么？
- A6: 瑞安表示，尽管他没有对所有软件进行调研，但选择ProtoPie是因为它满足了他们的需求。他提到，在Meta，有些标准软件是有使用许可的，这也是他们选择ProtoPie的原因之一。虽然他以前使用过其他工具，但认为ProtoPie在如何利用工具方面是相当独特的。
Q7: 能告诉我们ProtoPie如何记录指标数据并同步给设计吗？
- A7: 瑞安解释说，在ProtoPie中，他们使用变量进行用户测试，例如添加计数器来记录用户按下不同按钮的次数，或者对不同路径的偏好。他提到，使用ProtoPie进行AB测试并不难，可以通过复制和修改场景来创建不同的版本进行测试。
Q8: 如何平衡对高级原型与快速迭代的需求，在不同平台和设备的测试中？
- A8: 瑞安分享了他们如何平衡高级原型的需求和快速迭代的必要性。他提到，由于他们大多数设计的东西都是具有触摸屏的机器人或机器，所以硬件是完全可控的，他们不需要在多个平台和设备上进行测试。他还强调了原型的实用性，以及如何在有限的时间内向利益相关者有效地展示和解释产品。
此次分享会我们深入探讨了Meta（前身为Facebook）的机器人用户体验原型设计。了解到Meta致力于开创人与机器之间更为智能、自然的互动方式，而原型设计在这一愿景的实现中扮演了关键角色。
通过ProtoPie的协助，我们能够更直观、高效地呈现和测试Meta的机器人用户体验设计，促使创意的快速迭代和不断优化。这不仅为设计师提供了强大的工具支持，也为用户体验的不断提升铺平了道路。
随着技术的不断进步，我们对未来机器人技术和用户体验的期待也日益增长。如果你和你的团队也有设计机器人原型的需求，想要与硬件进行交互，快来和ProtoPie 预约产品演示吧！