需求文档不会写？手把手教你学会！

点击首页的『开始睡眠按钮』，判断右上角的『起床提醒开关』的状态，若为关闭，直接弹出『睡前状态弹窗』，若为开启，则判断提醒时间距当前时间是否大于90分钟，若大于90分钟，则弹出『睡眠状态弹窗』，否则弹出『睡前确认弹窗』。

上述文字不仅表达啰嗦，而且很容易将人弄糊涂，若用流程图，则会变的清晰很多：

3.3 设计注意事项

对于设计同学，重要的信息包含『页面布局』『组件展示优先级』『组件的不同状态』与『交互/展示动画』，这些信息绝大多数都可以通过原型图直接表现，所以相较于『开发注意事项』，『设计注意事项』要简单很多，仅仅起到辅助说明的作用。

（1）组件优先级

在原型图中，虽然会通过大小与颜色等不同因素区分不同组件的优先级，但这些因素组合起来，依然会令人困惑，颜色深、形状小的组件与颜色浅但形状大的组件，哪个优先级更高？所以仍需要文字说明。在下面的原型图中，需要在『设计注意事项』中添加如下描述：

页面组件展示优先级：开始睡觉按钮 > 起床提醒卡片 = 就寝提醒卡片

（2）组件的不同状态

如果组件存在不同状态，除了要在原型图中进行展示，也要在『设计注意事项』中再次强调，例如之前提到的音频图标分为选中状态与未选中状态。

（3）展示/交互动画

如前面所说，原型图很难展示动态效果，所以如果牵扯到一些复杂的动画效果，也需要额外说明，这里不再详述。

3.4 产品解释

产品解释主要说明方案背后的原因，通过阐述产品方案的内因，能够让开发与设计更好地理解产品，使得产品、开发与设计能在方案认知上取得最大的公约数。从而减少沟通成本，提高整个团队的运作效率。

这里继续以插屏广告的请求与展示为例。

如果对于不熟悉业务的开发与设计，可能会对『广告加载提示』页面充满疑惑，点击上锁的音频icon之后，直接弹出一个toast提示岂不是更简单有效？为何要多此一举？

所以这里需要使用产品解释：

因为在插屏广告政策中，不允许插屏广告出现前后是同一个页面，所以需要额外添加一个『广告加载提示』页面，使得广告展示前用户看到的是『广告加载提示页面』，广告关闭后，用户看到的是『首页』

有了上述文字解释，开发与设计在执行的时候，会减少困惑，避免了不必要的沟通或撕逼。

四、完整示例

这是某睡眠闹钟软件的首页需求文档，包含了『原型图』『流程图』『开发注意事项』『设计注意事项』『产品解释』仅供大家参考，也欢迎大家吐槽

五、其他

最后给大家推荐一些设计组件的说明与工具，原型图作为需求文档中最重要的组成部分，是对设计师最直观的产品表达，在正式开始着手原型图，强烈建议熟悉并使用标准的组件原型，具体链接如下：

• 谷歌设计组件说明
• 苹果设计组件说明
• 阿里设计组件说明
• 谷歌设计组件下载（Axure9版本）
• 阿里设计组件下载（Axure版本）

同时也强烈推荐将原型图/需求文档上传至统一的协作平台中，例如：

• 蓝湖
• 蓝湖Axure插件

本文素材来自互联网

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!