用途:交互设计技能,帮助为 Web 与移动应用设计自然、反馈清晰的交互,并优雅处理各种状态。适用于新功能交互流程设计(拖拽、向导、弹窗)、创建加载/空/错误/成功状态、改进表单按钮导航的微交互、设计破坏性操作的撤销重做与恢复模式、审查多步骤流程的交互清晰度、规划动画与过渡行为、设计无障碍交互模式。
主要能力:交互模式方面,涵盖自然手势与输入设计(触摸、鼠标、键盘)、多模态交互、语音与对话式 UI、无障碍优先的交互设计;状态设计方面,涵盖加载状态优化(骨架屏、加载圈、进度条)、引导用户行动的空状态、错误状态恢复、成功状态庆祝与后续步骤、离线状态与同步提示;微交互方面,涵盖按钮与输入反馈(悬停、聚焦、激活、禁用)、表单校验反馈时机、进度指示与完成信号、通知与提醒模式、过渡与动画设计;流程设计方面,涵盖多步骤向导、渐进式披露、模态与浮层交互、导航与寻路、撤销重做与恢复模式。
使用方式:按五步工作法——映射元素所有状态(加载、空、部分、完整、错误、成功、禁用、离线)、设计反馈让用户知道操作是否生效、处理错误及恢复、考虑边界情况(空数据、慢连接、部分失败、并发操作)、在不过度打扰处加入微交互。状态模式与微交互参考见 skills/interaction-design/references/state-patterns.md。设计时可自问:此处自然的交互模式是什么、每一步如何提供反馈、错误与边界情况会怎样。
适用场景:拖拽文件上传交互流程、API 调用的加载与错误状态、表单微交互改进、破坏性操作撤销模式、向导流程清晰度审查等。
限制:资料未提供具体平台支持范围、收费、价格、效果数据等;实际实现细节与兼容性暂未提供。