平面设计,网页设计,广告设计,电商设计,界面设计,品牌设计,UI设计 网页美工群,网页美工技术知识
美工群
您现在的位置:首页 > 网页设计 > 交互说明文档格式优化规范
交互说明文档格式优化规范
2023-12-20 08:48:54    浏览次数:288 次
 
 
互联网讲究快速迭代,通常设计改动的地方也不是特别多,我也能得心应手的处理好。之前经历了一次不能拆分的复杂功能改版,从产品设计到开发上线全面翻车,苹果市场卡了 1 个月才通过审核。项目结束之后团队坐在一起复盘,除了协作流程的问题,也有交互说明文档在复杂项目中写得不够清晰的原因,在此分享给各位读者。


界面和交互说明左右布局

以前我们界面和说明摆放位置是参考的大厂的文档,上方为界面,下方为对应的说明。

这套规范超好用!交互说明文档格式优化实战案例

开发测试同事和我们反馈,因为每个页面的界面都是左右摆放,所以他们习惯用横向滚动条查看同页面屏幕外的内容,根本不会注意竖向滚动条,放在界面下方的说明如果超出屏幕高度根本注意不到。

这套规范超好用!交互说明文档格式优化实战案例

由于前端/客户端开发同事习惯了 zeplin 等切图标注软件左界面右边对应参数的布局,希望我将界面和交互说明左右布局。

这套规范超好用!交互说明文档格式优化实战案例

△ UI 切图标注软件界面

另外,要在交互说明找到界面对应标记的文字很累。

基于以上反馈,我将界面和交互说明改为左右布局,并将交互说明按元素拆分,界面标记和交互说明左右一一对应。
 
 
热门排行
 
PS色阶知识点
网页设计里7个常见误区与解决方案
PS修复工具大全
HCDA宣传(IP网络基本结构)
一个美工要学习的基本知识有哪些?
漂亮的火焰制作秘籍
美工设计师需要具备的岗位技能是什么
淘宝美工需要具备的知识
自学淘宝美工难不难?淘宝美工需要学什么内容
美工养成记:美工要有什么技能?学什么软件?
为什么前端是最适合设计师学习的编程技能?
美工设计的必备技能
交互说明文档格式优化规范
PS如何打开webp格式文件
ps2023新功能全面介绍
美工群版权所有
豫ICP备13015762号
技术支持:美工群