hig-components-system

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Apple HIG: System Experiences

Apple HIG:系统体验

Check for
.claude/apple-design-context.md
before asking questions. Use existing context and only ask for information not already covered.
在提问前检查
.claude/apple-design-context.md
。使用现有上下文,只询问尚未涵盖的信息。

Key Principles

关键原则

  1. Glanceable, immediate value. System experiences bring your app's most important content to surfaces the user sees without launching your app. Design for seconds of attention.
  2. Respect platform context. A Lock Screen widget has different constraints than a Home Screen widget. A complication is far smaller than a top shelf item.
  3. Widgets: show relevant information, not everything. Display the most useful subset, updated appropriately.
  4. Support multiple widget sizes with distinct layouts. Each size should be a thoughtful design, not a scaled version of another.
  5. Deep-link on tap. Take users to the relevant content, not the app's root screen.
  6. Live Activities: track events with a clear start and end. Deliveries, scores, timers, rides. Design for both Dynamic Island and Lock Screen.
  7. Stay updated and timely. Stale data undermines trust. End promptly when the event concludes.
  8. Respect user attention with notifications. Only send notifications for information users genuinely care about. No promotional or low-value notifications.
  9. Notifications: actionable and self-contained. Include enough context to understand and act without opening the app. Support notification actions. Use threading and grouping.
  10. Complications: focused data on the watch face. Design for the smallest useful representation. Support multiple families. Budget updates wisely.
  11. Home Screen quick actions: 3-4 most common tasks. Short titles, optional subtitles, relevant SF Symbol icons.
  12. Top Shelf: tvOS showcase. Feature content that entices: new episodes, featured items, recent content.
  13. App Clips: instant, focused functionality within a strict size budget. Load quickly without App Store download. Only what's needed for the immediate task, then offer full app install.
  14. App Shortcuts: surface key actions to Siri and Spotlight. Define shortcuts for frequent tasks. Use natural, conversational trigger phrases.
  1. 一览即得,即时价值。 系统体验将应用最重要的内容带到用户无需启动应用即可看到的界面上。为几秒钟的注意力而设计。
  2. 尊重平台上下文。 Lock Screen Widget 与 Home Screen Widget 有不同的约束。Complication 远小于 Top Shelf 项目。
  3. Widgets:显示相关信息,而不是所有内容。 展示最有用的子集,并适当更新。
  4. 支持多种 Widget 尺寸,并采用不同的布局。 每种尺寸都应是深思熟虑的设计,而不是另一种尺寸的缩放版本。
  5. 点击后深层链接。 将用户带到相关内容,而不是应用根屏幕。
  6. Live Activities:跟踪有明确开始和结束的事件。 配送、比分、计时器、行程。同时为 Dynamic Island 和 Lock Screen 设计。
  7. 保持更新和及时。 过时的数据会削弱信任。事件结束时及时结束。
  8. 通过 Notifications 尊重用户注意力。 只发送用户真正关心的信息通知。不要发送促销或低价值通知。
  9. Notifications:可操作且自成一体。 包含足够的上下文,让用户无需打开应用即可理解和操作。支持通知操作。使用线程和分组。
  10. Complications:Watch Face 上的聚焦数据。 设计为最有用的最小表示。支持多种 family。合理规划更新预算。
  11. Home Screen Quick Actions:3-4 个最常见任务。 短标题、可选副标题、相关的 SF Symbol 图标。
  12. Top Shelf:tvOS 展示位。 展示吸引人的内容:新剧集、精选项目、最近内容。
  13. App Clips:在严格的体积限制内提供即时、聚焦的功能。 无需 App Store 下载即可快速加载。只包含即时任务所需的内容,然后提供完整应用安装。
  14. App Shortcuts:将关键操作暴露给 Siri 和 Spotlight。 为频繁任务定义快捷指令。使用自然、对话式的触发短语。

Reference Index

参考索引

ReferenceTopicKey content
widgets.mdWidgetsGlanceable info, sizes, deep linking, timeline
live-activities.mdLive ActivitiesReal-time tracking, Dynamic Island, Lock Screen
notifications.mdNotificationsAttention, actions, grouping, content
complications.mdComplicationsWatch face data, families, budgeted updates
home-screen-quick-actions.mdQuick actionsHaptic Touch, common tasks, SF Symbols
top-shelf.mdTop shelfFeatured content, showcase
app-clips.mdApp ClipsInstant use, lightweight, focused task, NFC/QR
watch-faces.mdWatch facesCustom complications, face sharing
app-shortcuts.mdApp ShortcutsSiri, Spotlight, voice triggers
参考主题关键内容
widgets.mdWidgets一览信息、尺寸、深层链接、时间线
live-activities.mdLive Activities实时追踪、Dynamic Island、Lock Screen
notifications.mdNotifications注意力、操作、分组、内容
complications.mdComplicationsWatch Face 数据、families、预算更新
home-screen-quick-actions.mdQuick ActionsHaptic Touch、常见任务、SF Symbols
top-shelf.mdTop Shelf精选内容、展示
app-clips.mdApp Clips即时使用、轻量、聚焦任务、NFC/QR
watch-faces.mdWatch Faces自定义 Complications、表盘共享
app-shortcuts.mdApp ShortcutsSiri、Spotlight、语音触发

Output Format

输出格式

  1. System experience recommendation -- which surface best fits the use case.
  2. Content strategy -- what to display, priority, what to omit.
  3. Update frequency -- refresh rate including system budget constraints.
  4. Size/family variants -- which to support and how layout adapts.
  5. Deep link behavior -- where tapping takes the user.
  1. 系统体验建议 -- 哪种界面最适合该使用场景。
  2. 内容策略 -- 显示什么、优先级、省略什么。
  3. 更新频率 -- 刷新率,包括系统预算约束。
  4. 尺寸/系列变体 -- 支持哪些,以及布局如何适应。
  5. 深层链接行为 -- 点击后用户被带到哪里。

Questions to Ask

要问的问题

  1. What information needs to surface outside the app?
  2. Which platform?
  3. How frequently does the data update?
  4. What is the primary glanceable need?
  1. 哪些信息需要在应用之外呈现?
  2. 面向哪个平台?
  3. 数据更新的频率如何?
  4. 最主要的一览需求是什么?

Related Skills

相关技能

  • hig-components-status -- Progress indicators in widgets or Live Activities
  • hig-inputs -- Interaction patterns for system experiences (Digital Crown for complications)
  • hig-technologies -- Siri for App Shortcuts, HealthKit for complications, NFC for App Clips

  • hig-components-status -- Widgets 或 Live Activities 中的进度指示器
  • hig-inputs -- 系统体验的交互模式(Complications 的 Digital Crown)
  • hig-technologies -- App Shortcuts 的 Siri、Complications 的 HealthKit、App Clips 的 NFC