一、交互说明注意点

  1. 1、所有页面、交互信息罗列，不要隐藏
  2. 2、制定全局的约定
  3. 3、仅写必要的说明
  4. 4、图文、表格展示，清晰展示
  5. 5、描述时，尽量使用开发逻辑语言，保证准确、简洁
  6. 6、真实的数据展示
  7. 7、按模块来展示说明
  8. 先页面流程，再标注页面内的逻辑
  9. 8、复杂说明另外展示（如高复杂度，可使用demo动画）
  10. 9、有更改及时告知

二、交互说明分类

交互说明分类.png

三、交互说明规范库

1、页面说明
image.png

2、实体说明
image.png

3、组件说明
image.png

4、操作流程说明
image.png

5、自定义说明
image.png

注：每项只是罗列必要的说明项，如有必要自行添加。也可依据需求，添加相应说明块。

四、示例

image.png
完整示例：《online小程序设计稿》

五、下载交互组件库

关注公众号，回复“交互说明组件库”。
image.png