提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
设计经验分享 -设计走查有多重要
作者:九乐
写在前面
最近的工作一直在不停的走查,一方面觉得设计走查很重要,一方面又觉得一遍一遍的无效率走查很浪费时间,所以这篇文章想讨论一下设计走查流程以及具体方法。
什么是设计走查
UI设计的流程分为四个大方面:
1,沟通
2,设计
3,还原
4,迭代
设计走查就在第三步还原里面。需要做的工作就是检查开发出来的产品与设计稿的出入,还有产品的优化过程。
设计走查的重要性,对设计师有何要求
为什么说设计走查很重要呢,因为在设计过程中,并不是说你把设计稿做的很完美,也把标注和切图完整的交给开发小哥哥之后就完事了,其实这时候设计工作才完成了一半而已,如果开发还原出来的产品跟设计稿差距较大的话,设计也是要负很大责任的,因为跟踪开发还原也是我们的责任之一。所以对设计师的要求除了设计能力之外,落地能力也至关重要。
我自己也是在工作中慢慢成长起来的,从最初的设计稿一丢就完事,到现在会认真做走查表,跟产品确认,跟开发沟通,这样实现出来的产品的确比之前大家一起吐槽,改改改的状态要好很多。
其实走查并不是什么技术难题,无非就是要细心,耐心,负责,持续的跟踪,还要跟产品和开发有效的沟通,毕竟产品就相当于自己的孩子,谁还不盼着自家孩子好呢。
哦,对了,千万不要指望测试同学,人家是没有设计功底的,再说,人家的工作主要是检查bug,自家孩子还是自己最了解。
设计走查从哪些维度开始?
设计走查不可漫无目的,我们需要从几个维度去思考:
第一步:检查页面合理性
第一步检查的并不是设计稿,而是页面的合理性。什么是合理性呢,比如说,一个表格当中实际显示的时候需要12位数字,但是你在设计稿中只留了8位,这就需要重新修改设计稿。在比如说,本来这个页面的标题是36号字,但是实现出来,发现36号字在显示的时候体验不佳,这时候还是要修改设计稿,改成30号字等。
第二步:设计稿还原
这一步设计稿已经基本定了,该改的也该好了,这时候就要用设计稿做对比,重点检查产品的还原度,根据设计稿和设计规范逐个页面,逐个控件的进行排查:
1,文字,文本
很多时候,开发用的字体跟我们给的是不一样的,也有很多细微的文字颜色的差别他们是看不出来的。
2,控件样式,及各种状态
开发一般有自己使用熟悉的控件库,这个可以提前跟他们沟通,但如果是风格鲜明的设计,就必须让开发根据设计稿来写,这对开发能力的要求还是很高的。还有各种状态,一般规范都会给好的,也要仔细再检查一遍。
3,间距
间距很容易在显示的时候不是你想要的,这一点还是要跟开发沟通好适配的问题。
4,对齐方式
左对齐,右对齐,中心对齐这个也是开发经常会忽视的地方。
5,颜色
特别是一些细微颜色的差别,这个要检查清楚。
6,细微像素
虽然我们不会为了一个像素跟开发打架,但是细节的打磨对产品整体品质的提升还是很重要的。
第三步:实际操作的体验度
1,色差
注意颜色在各个屏幕上的显示,及时调整色差。
2,微交互
这里主要是指页面之间的切换动效,或是弹窗特效等,开发有时候会做一些特别炫酷的特效,比如页面的3d反转,但是在实际使用中,这样的体验反而不好,所以动效方面也需要特别注意,进行优化。
3,交互方式
这里的交互指的主要是交互设计方面,大公司一般有交互设计师,但是小公司都是交互设计是一体的,页面之间的信息架构一定要搞清楚,以便于优化产品。
4,用户体验
是否已将操作步骤、点击次数减至最少?有没有设置默认项?是否有自动保存用户输入的数据或者进度?是否可以轻松获得正确的点击响应?语气是否合理,是否能够让用户舒服?没有数据时,是否有缺省的页面?这些问题都是需要设计师去思考的。
设计走查的具体流程和工具
先说流程,首先你把设计稿,标注,切图交给了开发小哥哥,他们立马开始了开发。开发小哥哥一般都不怎么说话,你作为设计师就要主动一点了,先去了解一下他们开发的进度,随时跟进,看看他们有什么对设计稿不理解的地方。等第一版本的产品出来以后,把测试地址要过来,这时候就可以开始第一轮走查工作了。
这时候,你需要一个在线文本协作工工具,可以是石墨,也可以是TAPD,在里面建一个设计走查的表格,内容有:
1,序号(为了方便查找)
2,问题截图(为了标明清楚问题)
3,问题描述&解决方案(为了让开发更明确的修改)
4,是否解决(为了查看进度,以便高效工作)
一般走查分为三轮进行,表格也应该分成三个不同的类型。
做好上面的步骤,设计师的责任已经基本完成了,可能出来的界面还是有些问题,要么就是前端的能力不够,要么就是在产品设计中我们的确要做一些妥协,就是所谓的带着脚铐跳舞吧。我们也可以优化设计的流程,使一些问题在一开始就避免发生。
作为一名设计师,要走的路还很长很长,庆幸有各位小伙伴的陪伴。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册