美文网首页@产品
产品UI工作对接流程

产品UI工作对接流程

作者: 柠檬读书会 | 来源:发表于2020-04-15 16:33 被阅读0次

    准备工作

    业务逻辑 》说明业务流程、页面流程、交互效果、页面主次

    页面重点 》展示重点的部分:比如购物车弹层的按钮主次需要提前沟通

    组件提示 》页面重复的元素提前告知UI组件化,方便维护修改

    沟通节奏 》前期产品1-2小时检查一次核对,后期半天检查一次

    工作节奏 》每个业务流先打样,确定风格再做下一个

    产品验收标准

    产品验收标准以原型为准,应该及时发送最新的原型源文件同步给UI。

    产品验收提纲

    页面主次 》页面强调的元素(比如某个按钮)、元素范围、大小、重点的颜色、对齐方式

    视觉效果 》高亮、元素大小、间距、元素的样式(边框、阴影、填充色等)

    设计规范 》字体种类 大小 粗细、图片尺寸大小

    极限情况 》最大值 最小值的情况铺设。

    缺省补足 》UI需补充交互过程中原型没有画的步骤,比如输入密码错误的页面

    交互补足 》UI补充效果图片(on click等)

    元素缺失 》检查设计稿和线框稿的差距,有必要检查到最小的单元:某个字体或者图片的间距

    修改沟通

    沟通工具 》修改工作用线上文档记录,保证UI能理解并及时查看进度

    记录规则 》按照页面为单位,区分修改的内容,比如登录页和下单页

    相关文章

      网友评论

        本文标题:产品UI工作对接流程

        本文链接:https://www.haomeiwen.com/subject/rvocvhtx.html