恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计走查有多重要?
0.0°
2018-09-28 原创文章 经验/观点 举报 8191 29 41 1

设计经验分享 -设计走查有多重要

作者:九乐


写在前面


最近的工作一直在不停的走查,一方面觉得设计走查很重要,一方面又觉得一遍一遍的无效率走查很浪费时间,所以这篇文章想讨论一下设计走查流程以及具体方法。



什么是设计走查


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,是否解决(为了查看进度,以便高效工作)



一般走查分为三轮进行,表格也应该分成三个不同的类型。


做好上面的步骤,设计师的责任已经基本完成了,可能出来的界面还是有些问题,要么就是前端的能力不够,要么就是在产品设计中我们的确要做一些妥协,就是所谓的带着脚铐跳舞吧。我们也可以优化设计的流程,使一些问题在一开始就避免发生。


作为一名设计师,要走的路还很长很长,庆幸有各位小伙伴的陪伴。


更新:2018-09-28

收藏

29人已收藏

九小乐

UI设计师,设计是一种解决问题的方法

  • 9

    作品

  • 16

    粉丝

  • 2

    关注

  • 设计主风格如何确定
  • B端产品改版的思路
  • 从宏观的角度讨论Photoshop
  • 艺术的欣赏之道
相关标签
设计分享ui

    猜你喜欢

      2018-09-28 原创文章 经验/观点 举报 8191 29 41 1

      设计走查有多重要?

      0.0°

      你确定要举报设计走查有多重要?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年09月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      41
      29
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录