Back to Details

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

关键原则

General

通用原则

  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.
  1. 一眼可看，即时价值。系统体验将应用中最重要的内容呈现在无需启动应用即可看到的展示面上。设计时需考虑用户仅会投入几秒注意力。
  2. 尊重平台上下文。锁屏widget与主屏幕widget的限制条件不同，complication的尺寸远小于Top Shelf内容。

Widgets

Widget

  1. Show relevant information, not everything. Display the most useful subset, updated appropriately.
  2. Support multiple sizes with distinct layouts. Each size should be a thoughtful design, not a scaled version of another.
  3. Deep-link on tap. Take users to the relevant content, not the app's root screen.
  1. 展示相关信息，而非全部内容。显示最有用的信息子集，并适时更新。
  2. 支持多种尺寸，采用差异化布局。每种尺寸都应经过精心设计，而非其他尺寸的缩放版本。
  3. 点击触发深度链接。将用户引导至相关内容页面，而非应用的根页面。

Live Activities

Live Activity

  1. Track events with a clear start and end. Deliveries, scores, timers, rides. Design for both Dynamic Island and Lock Screen.
  2. Stay updated and timely. Stale data undermines trust. End promptly when the event concludes.
  1. 跟踪有明确起止时间的事件。例如配送、比分、计时器、行程等。需同时适配Dynamic Island和锁屏。
  2. 保持更新及时。过时的数据会损害用户信任。事件结束后需及时终止Live Activity。

Notifications

通知

  1. Respect user attention. Only send notifications for information users genuinely care about. No promotional or low-value notifications.
  2. Actionable and self-contained. Include enough context to understand and act without opening the app. Support notification actions. Use threading and grouping.
  1. 尊重用户注意力。仅发送用户真正关心的信息，避免发送促销或低价值通知。
  2. 可操作且独立完整。包含足够上下文，让用户无需打开应用即可理解并采取行动。支持通知操作，使用线程化和分组功能。

Complications

Complication

  1. Focused data on the watch face. Design for the smallest useful representation. Support multiple families. Budget updates wisely.
  1. 表盘聚焦关键数据。设计最小可用的信息呈现方式，支持多种表盘样式，合理规划更新频率。

Home Screen Quick Actions

主屏幕快速操作

  1. 3-4 most common tasks. Short titles, optional subtitles, relevant SF Symbol icons.
  1. 3-4项最常用任务。使用简短标题、可选副标题，搭配相关的SF Symbol图标。

Top Shelf

Top Shelf

  1. tvOS showcase. Feature content that entices: new episodes, featured items, recent content.
  1. tvOS 展示区。展示具有吸引力的内容：新剧集、精选内容、最近更新内容。

App Clips

App Clip

  1. 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.
  1. 即时、聚焦的功能，严格控制大小。无需通过App Store下载即可快速加载。仅包含完成即时任务所需的内容，随后可引导用户安装完整应用。

App Shortcuts

App Shortcut

  1. Surface key actions to Siri and Spotlight. Define shortcuts for frequent tasks. Use natural, conversational trigger phrases.
  1. 向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.mdWidget一眼可看的信息、尺寸、深度链接、时间线
live-activities.mdLive Activity实时跟踪、Dynamic Island、锁屏
notifications.md通知注意力管理、可操作功能、分组、内容设计
complications.mdComplication表盘数据、样式支持、合理更新
home-screen-quick-actions.md主屏幕快速操作触觉触控、常用任务、SF Symbols
top-shelf.mdTop Shelf精选内容、展示区设计
app-clips.mdApp Clip即时使用、轻量、聚焦任务、NFC/二维码
watch-faces.md表盘自定义complication、表盘分享
app-shortcuts.mdApp ShortcutSiri、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
Built by Raintree Technology · More developer tools
  • hig-components-status -- Widget或Live Activity中的进度指示器
  • hig-inputs -- 系统体验的交互模式（如complication的数码表冠操作）
  • hig-technologies -- App Shortcut的Siri集成、complication的HealthKit集成、App Clip的NFC集成
由Raintree Technology 构建 · 更多开发者工具