关于 hig-patterns
一项涵盖 Apple Human Interface Guidelines 交互模式的设计技能,帮助开发者为引导、反馈、输入、通知等用户流程选择方案,并提供实现参考和平台考量。
主要功能
- 01交互模式选择指导
- 02反馈、加载与撤销模式
- 03引导与账户流程指导
- 04输入、通知与权限模式
- 05交互主题参考索引
适用场景
- 01设计简洁的引导流程
- 02选择用户操作的反馈方式
- 03规划权限请求与输入表单
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ raintree-technology/ hig-doctor --skill hig-patterns安装后在 Claude Code 中输入/hig-patterns确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/charting-data.mdcollaboration-and-sharing.mddrag-and-drop.mdentering-data.mdfeedback.mdfile-management.mdgoing-full-screen.mdlaunching.mdlive-viewing-apps.mdloading.mdmanaging-accounts.mdmanaging-notifications.mdmodality.mdmultitasking.mdoffering-help.mdonboarding.mdplaying-audio.mdplaying-haptics.mdplaying-video.mdprinting.mdratings-and-reviews.mdsearching.mdsettings.mdundo-and-redo.mdworkouts.md详细介绍
Apple HIG:交互模式
在提问之前,先检查 .claude/apple-design-context.md。使用已有上下文,只询问尚未涵盖的信息。
核心原则
-
尽量减少模态。 仅在必须吸引注意力、任务必须完成或放弃,或者保存更改至关重要时,才使用模态。优先选择非模态替代方案。
-
提供清晰的反馈。 每个操作都应产生可见、可听或触觉响应。不确定的等待使用活动指示器,确定的等待使用进度条,物理确认使用触觉反馈。
-
支持撤销,而非确认对话框。 破坏性操作在可能时应可逆。撤销几乎总是比"您确定吗?"更好。
-
快速启动。 显示一个无缝过渡到首屏的启动屏幕。不要使用带 logo 的启动画面。恢复之前的状态。
-
推迟登录。 让用户在要求创建账户之前先探索。支持 Sign in with Apple 和通行密钥。
-
保持引导简短。 最多三个屏幕。允许用户跳过。通过渐进式披露和情境提示来教学。
-
使用渐进式披露。 先展示 essentials,让用户深入查看细节。不要在一个屏幕上用所有选项淹没用户。
-
尊重用户注意力。 整合通知,尽量减少打扰,让用户控制提醒。绝不要将通知用于营销。
参考索引
| 参考 | 主题 | 关键内容 |
|---|---|---|
| charting-data.md | 图表数据 | 数据可视化模式、无障碍图表、交互元素 |
| collaboration-and-sharing.md | 协作与共享 | 分享面板、活动视图、协作编辑、SharePlay |
| drag-and-drop.md | 拖放 | 拖拽源、放置目标、弹簧加载、多项目拖拽、视觉反馈 |
| entering-data.md | 输入数据 | 文本字段、选择器、步进器、输入校验、键盘类型、自动填充 |
| feedback.md | 反馈 | 提醒、操作表单、触觉模式、声音反馈、视觉指示 |
| file-management.md | 文件管理 | 文稿浏览器、文件提供程序、iCloud 集成、文稿生命周期 |
| going-full-screen.md | 进入全屏 | 全屏转场、沉浸式内容、退出全屏 |
| launching.md | 启动 | 启动屏幕、状态恢复、冷启动与热启动 |
| live-viewing-apps.md | 实时查看 App | 实时内容显示、实时更新、实时活动、灵动岛 |
| loading.md | 加载 | 活动指示器、进度视图、骨架屏、懒加载、占位符 |
| managing-accounts.md | 管理账户 | 通过 Apple 登录、通行密钥、账户创建、凭证自动填充、账户删除 |
| managing-notifications.md | 管理通知 | 权限请求、分组、可操作通知、临时推送 |
| modality.md | 模态 | 表单、提醒、弹出窗口、全屏模态、各自的使用时机 |
| multitasking.md | 多任务 | iPad 分屏浏览、侧拉、台前调度、响应式布局、尺寸类转场 |
| offering-help.md | 提供帮助 | 情境提示、入门提示、帮助菜单、支持链接 |
| onboarding.md | 新手引导 | 欢迎屏幕、功能亮点、渐进式引导、跳过选项 |
| playing-audio.md | 播放音频 | 音频会话、后台音频、正在播放、音频路由、中断 |
| playing-haptics.md | 播放触觉反馈 | Core Haptics、UIFeedbackGenerator、触觉模式、自定义触觉反馈 |
| playing-video.md | 播放视频 | 视频播放器控制、画中画、AirPlay、全屏视频 |
| printing.md | 打印 | 打印对话框、页面设置、AirPrint 集成 |
| ratings-and-reviews.md | 评分与评论 | SKStoreReviewController、时机、频率限制、应用内反馈 |
| searching.md | 搜索 | 搜索栏、建议、范围搜索、结果显示、最近记录 |
| settings.md | 设置 | 应用内设置与"设置"App、偏好项组织、开关、默认值 |
| undo-and-redo.md | 撤销与重做 | 摇动以撤销、撤销/重做栈、多级撤销 |
| workouts.md | 体能训练 | 体能训练会话、实时指标、全天候显示、摘要、HealthKit |
模式选择指南
| 用户目标 | 推荐模式 | 避免 |
|---|---|---|
| 初次使用应用 | 简短的入门引导(最多 3 个屏幕)+ 渐进式展示 | 冗长的教程、强制注册 |
| 等待内容 | 骨架屏或进度指示器 | 没有上下文的阻塞式加载动画 |
| 确认破坏性操作 | 支持撤销 | 过多的“确定吗?”对话框 |
| 收集用户输入 | 行内验证、智能默认值、自动填充 | 用于简单输入的模态表单 |
| 请求权限 | 在适当情境下及时请求,并提供说明 | 在启动时请求所有权限 |
| 提供反馈 | 触觉反馈 + 视觉指示 | 没有确认反馈的静默操作 |
| 整理偏好设置 | 在应用内设置常用项目 | 将所有设置藏在系统“设置”应用中 |
输出格式
- 推荐模式及理由,引用相关参考文件。
- 分步实现,涵盖每个屏幕或状态。
- 平台差异,针对目标平台说明。
- 常见问题,指出违反此模式 HIG 的做法。
要提出的问题
- 此模式在应用的哪个位置出现?前后分别是什么?
- 涉及哪些平台?
- 是从头开始设计,还是改进现有流程?
- 是否涉及敏感操作?(破坏性操作、付款、权限)
相关技能
- hig-foundations -- 无障碍、颜色、排版和隐私原则,是每种模式的基础
- hig-platforms -- 特定平台的模式实现
- hig-components-layout -- 用于导航模式的结构组件(标签栏、侧边栏、分栏视图)
- hig-components-content -- 模式中的内容展示(图表、集合、搜索结果)
由 Raintree Technology 构建 · 更多开发者工具
评论
支持 Markdown