mcpField
H
hig-patterns

hig-patterns

github.com/raintree-technology设计与 UI148701 次安装6 天前更新
代码仓库

关于 hig-patterns

一项涵盖 Apple Human Interface Guidelines 交互模式的设计技能,帮助开发者为引导、反馈、输入、通知等用户流程选择方案,并提供实现参考和平台考量。

主要功能

  1. 01交互模式选择指导
  2. 02反馈、加载与撤销模式
  3. 03引导与账户流程指导
  4. 04输入、通知与权限模式
  5. 05交互主题参考索引

适用场景

  1. 01设计简洁的引导流程
  2. 02选择用户操作的反馈方式
  3. 03规划权限请求与输入表单

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/raintree-technology/hig-doctor --skill hig-patterns

安装后在 Claude Code 中输入/hig-patterns确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
charting-data.md
collaboration-and-sharing.md
drag-and-drop.md
entering-data.md
feedback.md
file-management.md
going-full-screen.md
launching.md
live-viewing-apps.md
loading.md
managing-accounts.md
managing-notifications.md
modality.md
multitasking.md
offering-help.md
onboarding.md
playing-audio.md
playing-haptics.md
playing-video.md
printing.md
ratings-and-reviews.md
searching.md
settings.md
undo-and-redo.md
workouts.md

详细介绍

Apple HIG:交互模式

在提问之前,先检查 .claude/apple-design-context.md。使用已有上下文,只询问尚未涵盖的信息。

核心原则

  1. 尽量减少模态。 仅在必须吸引注意力、任务必须完成或放弃,或者保存更改至关重要时,才使用模态。优先选择非模态替代方案。

  2. 提供清晰的反馈。 每个操作都应产生可见、可听或触觉响应。不确定的等待使用活动指示器,确定的等待使用进度条,物理确认使用触觉反馈。

  3. 支持撤销,而非确认对话框。 破坏性操作在可能时应可逆。撤销几乎总是比"您确定吗?"更好。

  4. 快速启动。 显示一个无缝过渡到首屏的启动屏幕。不要使用带 logo 的启动画面。恢复之前的状态。

  5. 推迟登录。 让用户在要求创建账户之前先探索。支持 Sign in with Apple 和通行密钥。

  6. 保持引导简短。 最多三个屏幕。允许用户跳过。通过渐进式披露和情境提示来教学。

  7. 使用渐进式披露。 先展示 essentials,让用户深入查看细节。不要在一个屏幕上用所有选项淹没用户。

  8. 尊重用户注意力。 整合通知,尽量减少打扰,让用户控制提醒。绝不要将通知用于营销。

参考索引

参考主题关键内容
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 个屏幕)+ 渐进式展示冗长的教程、强制注册
等待内容骨架屏或进度指示器没有上下文的阻塞式加载动画
确认破坏性操作支持撤销过多的“确定吗?”对话框
收集用户输入行内验证、智能默认值、自动填充用于简单输入的模态表单
请求权限在适当情境下及时请求,并提供说明在启动时请求所有权限
提供反馈触觉反馈 + 视觉指示没有确认反馈的静默操作
整理偏好设置在应用内设置常用项目将所有设置藏在系统“设置”应用中

输出格式

  1. 推荐模式及理由,引用相关参考文件。
  2. 分步实现,涵盖每个屏幕或状态。
  3. 平台差异,针对目标平台说明。
  4. 常见问题,指出违反此模式 HIG 的做法。

要提出的问题

  1. 此模式在应用的哪个位置出现?前后分别是什么?
  2. 涉及哪些平台?
  3. 是从头开始设计,还是改进现有流程?
  4. 是否涉及敏感操作?(破坏性操作、付款、权限)

相关技能

  • hig-foundations -- 无障碍、颜色、排版和隐私原则,是每种模式的基础
  • hig-platforms -- 特定平台的模式实现
  • hig-components-layout -- 用于导航模式的结构组件(标签栏、侧边栏、分栏视图)
  • hig-components-content -- 模式中的内容展示(图表、集合、搜索结果)

由 Raintree Technology 构建 · 更多开发者工具

评论

支持 Markdown