Design Shortcuts for Spotlight
Design 进阶 20m

为 Spotlight 设计快捷操作

Design Shortcuts for Spotlight

2023年6月5日

在 Apple 官方观看视频

一句话判断

这是一堂关于 iOS 17 Spotlight 中 App Shortcuts 的设计课，教你选什么、怎么画、怎么让人找到。

这场 Session 讲了什么

iOS 17 中，当用户在 Spotlight 搜索 app 时，该 app 的快捷操作会作为 Top Hit 一并展示。iPad 上甚至可以在一个 Top Hit 中显示多达五个快捷操作。Session 从设计角度讲解了如何选择、设计和优化 App Shortcuts。

在创意阶段，应该聚焦 app 中最核心、最高频的操作。Clock 只有两个快捷操作（设置计时器和添加闹钟），没有添加”添加城市”到世界时钟，因为后者不够高频且过于复杂。优先选择直接执行动作的快捷操作，而不是简单打开某个 tab。确保快捷操作是可预测的、个性化的——推荐用户已经听过的播客，而不是热门趋势内容。

在视觉设计方面，快捷操作的图标形状应与 app 内对应概念的形状匹配。提醒事项的列表是圆形的，所以快捷操作图标也是圆形的。照片的相册是方形的，图标也保持方形。颜色方面，可以将 app 图标的渐变色或纯色融入 Top Hit 和 Shortcuts 展示中。

值得深挖的点

行为设计有三个选项：App Launch（打开 app 到特定页面）、Live Activity（启动实时活动）和 Snippet（显示紧凑的信息或提问）。对于简单的不需要后续 app 操作的功能（如拨打电话、启动计时器），Live Activity 是最佳选择。对于更复杂的任务，打开 app 通常更好。

可发现性（Discoverability）是另一个重要话题。用户可能用各种方式搜索你的快捷操作——功能名称、同义词或相关概念。你应该为每个快捷操作提供全面的替代名称和关键词。

代码片段

设计原则总结：

1. 选择核心功能
   - 聚焦高频、核心操作
   - 不是所有 tab 都需要快捷操作
   - 一两个快捷操作也可以

2. 视觉设计
   - 图标形状匹配 app 内概念
   - 继承 app 图标的色彩
   - 标题简短，不要包含 app 名称

3. 行为选择
   - 简单动作 → Live Activity
   - 复杂任务 → App Launch
   - 问答/信息 → Snippet

4. 可发现性
   - 提供全面的替代搜索词
   - 使用同义词和相关概念

最佳实践

  • 快捷操作标题尽量短，不要包含 app 名称
  • 图标形状应与 app 内对应元素保持一致
  • 为 Entity 提供 subtitle 增加信息量
  • 使用 app 图标的色彩增强品牌识别
  • 不要给所有功能都做快捷操作，精选核心操作

还有什么值得关注

  • iPad 上一个 Top Hit 可展示五个快捷操作
  • 快捷操作同时出现在 Shortcuts app 中，可以被用户组合使用
  • 参考 “Design dynamic Live Activities” 了解 Live Activity 设计
  • Snippet 设计参考往年相关 session
WWDC 2023