关于 product-delight
product-delight 是一项设计 Skill，围绕可靠性、实用默认设置、清晰反馈和克制的动效，指导打造周到的产品体验。它帮助产品设计者判断细节是否真正服务用户，而非造成干扰。
主要功能
- 01产品愉悦体验的十项原则
- 02实用默认设置指南
- 03以动效呈现因果关系
- 04设计评审检查清单
适用场景
- 01评审拟议的动画效果
- 02改善空状态与信息清晰度
- 03检查减少动态效果的替代方案
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/product-delight确认已加载。
详细介绍
产品愉悦感
愉悦感源于预见、可靠与用心。动画可以体现这些品质，但动画本身并不等于愉悦感。
原则
- 在人们意识到自己需要什么之前，先提供所需之物。
- 提前提供实用的默认选项和预填的上下文。
- 在最细微之处体现用心。
- 让产品给人以关注使用者的感觉。
- 每次都按预期运行。
- 满足预期的使用路径，再多走一步。
- 相比炫目效果，优先选择细微却能显著提升清晰度的细节。
- 把愉悦感当作锦上添花，而不是产品本身。
- 避免过度，也避免限制过多。
- 不让用户在使用过程中带着任何重要疑问离开。
默认做法
- 添加动效前，先确定用户需求；根据任务推断，只有在缺失的上下文会改变设计时才提问。
- 优先投入资源提升可靠性、响应延迟、空状态和清晰度。
- 用动效说明因果关系，而非仅作装饰。
- 移除会分散任务注意力的新奇效果。
优先 / 避免
| 优先 | 避免 |
|---|---|
| 预见需求的默认选项 | 每次成功都放彩纸 |
| 可靠的交互 | 在网络缓慢时失效的愉悦效果 |
| 含蓄而精巧的细节 | 没有问题陈述的“让它更出彩” |
| 一个有意义的时刻 | 多个互相争抢注意力的炫目效果 |
评审清单
- 这种愉悦感预见了什么人的需求？
- 基础任务是否已经能够可靠运行？
- 去掉这些点缀会让产品变差，还是只是更安静？
- 动效是否让状态、层级或反馈更清晰？
- 是否有保留原意的减少动效替代方案？
- 第二次和第十次使用时，这种体验是否仍显得体贴周到？
源文章
- 产品愉悦感的十项原则
- 关于过度追求愉悦感
- 关于为主页增添愉悦感
评论
支持 Markdown