| 交互说明文档格式优化规范 |
| 2023-12-20 08:48:54 浏览次数：314 次 |
| |
| |
互联网讲究快速迭代，通常设计改动的地方也不是特别多，我也能得心应手的处理好。之前经历了一次不能拆分的复杂功能改版，从产品设计到开发上线全面翻车，苹果市场卡了 1 个月才通过审核。项目结束之后团队坐在一起复盘，除了协作流程的问题，也有交互说明文档在复杂项目中写得不够清晰的原因，在此分享给各位读者。
界面和交互说明左右布局
以前我们界面和说明摆放位置是参考的大厂的文档，上方为界面，下方为对应的说明。
这套规范超好用！交互说明文档格式优化实战案例
开发测试同事和我们反馈，因为每个页面的界面都是左右摆放，所以他们习惯用横向滚动条查看同页面屏幕外的内容，根本不会注意竖向滚动条，放在界面下方的说明如果超出屏幕高度根本注意不到。
这套规范超好用！交互说明文档格式优化实战案例
由于前端/客户端开发同事习惯了 zeplin 等切图标注软件左界面右边对应参数的布局，希望我将界面和交互说明左右布局。
这套规范超好用！交互说明文档格式优化实战案例
△ UI 切图标注软件界面
另外，要在交互说明找到界面对应标记的文字很累。
基于以上反馈，我将界面和交互说明改为左右布局，并将交互说明按元素拆分，界面标记和交互说明左右一一对应。
|
| |
| |
|
|
|
PS色阶知识点