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