产品UI工作对接流程

准备工作

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

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

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

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

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


产品验收标准

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

产品验收提纲

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

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

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

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

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

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

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


修改沟通

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是UI 要学习UI,先要了解什么是UI,这个概念大家打开度娘搜一下,概念就有了。发展至今,UI这个词语从流行到...
    lilinjianshu阅读 6,143评论 2 32
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,385评论 0 7
  • 2017-10-30超宇佳珥YA 事情还没发生,就已经开始为自己找借口开脱。 事情已经发生,到处找理由让自己释怀。...
    给我一只猴子阅读 3,411评论 0 0
  • 轮播图在js中算是一个比较基本的控件,几乎所有的电商或者展示平台都会用得上,所以在此总结了下原理及其实现方法 就以...
    金鳞小砸阅读 4,676评论 0 0
  • 关于CLASSPATH CLASSPATH直译过来是类路径,是Java环境配置中要设置的一个环境变量,就是.cla...
    老夫不正经阅读 3,959评论 0 3