Design for Collaboration with Messages
Design 进阶 20m

基于 Messages 设计协作体验

Design for Collaboration with Messages

2022年6月6日

在 Apple 官方观看视频

一句话判断

iOS 16 把 Messages 变成了协作的中枢——你的 App 通过系统分享面板和协作弹窗接入,用户体验从邀请到沟通到编辑通知一站式完成。

这场 Session 讲了什么

Apple 在 iOS 16 和 macOS Ventura 中重新设计了协作体验,核心思路是把 Messages 放在协作流程的中心。传统协作工具用邮件发送邀请,但邮件是异步的,沟通效率低。Messages 天然支持实时对话,还能无缝切换到 FaceTime。

Session 用一个 Pages 食谱文档的案例演示了完整流程:用户点击分享按钮,系统弹出新的分享面板(含对话建议),选择已有的群组对话发送协作邀请。邀请发出后,文档工具栏自动显示参与者头像,点击头像可以快速回到 Messages 对话或发起 FaceTime。协作者的编辑操作还会通过 Messages 发送通知。

后半部分是面向开发者的设计指南,详细讲解了系统分享面板、协作按钮、协作弹窗的自定义规范和最佳实践。

值得深挖的点

  • 协作按钮的设计规范:这是整个协作体验中最重要的 UI 元素。建议放在工具栏中、分享按钮旁边。如果协作用单人对话发起,显示对方头像;群组对话有照片则显示照片,否则用系统符号。
  • 协作弹窗的三个区域:顶部是系统管理的参与者头像和通讯按钮;中间是你的自定义区域(活跃用户列表、最近活动、快捷操作等);底部是分享和权限控制。
  • 系统分享面板的对话建议:系统会根据用户最近的对话频率推荐合适的群组。你的 App 不需要做任何工作就能获得这个推荐能力。
  • 权限设置的自定义:分享面板中的”Everyone can make changes”文案是可以自定义的。设置页面的结构要保持简单,让用户快速决策。

代码片段

// 协作体验主要涉及系统级 API,核心是配置分享行为
// 在 SwiftUI 中使用 CollaborationButton(如果可用)
// 或通过 UIActivityViewController 配置协作分享

// 自定义协作弹窗的中间区域
// 需要根据你的 App 功能决定展示什么内容
// Pages 展示活跃参与者列表和显示设置
// Notes 展示最近活动和操作按钮

// 重要的设计原则:
// 1. 把协作按钮放在显眼位置(工具栏、分享按钮旁)
// 2. 权限文案要简洁
// 3. 协作弹窗中间区域只放最重要的信息

最佳实践

  • 使用系统的分享面板而不是自定义分享 UI,用户已经熟悉它的操作
  • 协作按钮必须放在用户一眼就能找到的位置
  • 权限文案尽量短,避免截断
  • 协作弹窗的自定义区域只放核心功能,不要塞太多内容
  • 支持拖拽文件到 Messages 对话直接发起协作

还有什么值得关注

  • “Meet Collaboration” 提供了协作功能的底层 API 介绍
  • macOS Ventura 的分享面板也做了同样的重新设计,保持跨平台一致
  • 编辑通知通过 Messages 推送,你的 App 需要实现相关的通知处理逻辑
  • 如果你的 App 不支持发送副本功能,分享面板会自动隐藏相关选项
WWDC 2022