提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
设计师们如何与前端工程师们密切配合,提升设计还原度...
根据之前项目经验得出的一些浅见
希望大家喜欢~
新的一年里,重新整理了【修订版】
在迅速发展与更新的时代,互联网产品在追求高效的同时,对用户体验要求也越来越高,而产品设计还原成为了其中重要的一环。如何在紧张而有限的时间内,达到目标要求?效率与方法至关重要。设计师们如何与前端工程师们密切配合,提升设计还原度,成了设计师的主要工作之一。根据以往的工作经验,整理并分享给大家。
一、设计规范
设计规范对于设计师的重要性不言而喻,而对于前端工程师,他们又能直接吸收多少呢?根据沟通情况以及之前的项目经验,我们内部的工程师在标准色、标准字、按钮样式等基础元素方面基本没问题,然而在列表、输入框、标签选项、弹窗等组件搭建还原就不是那么完美了。
其实,这不能怪前端工程师们,因为规范的内容确实过多,短暂时间内不可能完全消化,有时设计师自己也会有出错。因此,达到较为合理的设计还原,一个视觉设计规范远远不够的。
此步骤作用:让前端工程师对项目的设计样式有整体了解,快速查找部分基础元素(如标准色、标准字、按钮等)。
二、设计输出
关于设计输出,我们常见是源文件、效果图与切图,而标注可以往蓝湖上传设计稿查看,少数可以用Sketch measure或pxcook等工具查看标注。
除此之外,我们会发现实际项目的数据,大多数是后台上传的,包含图片、文字等。文字要说明最大值或多行展示等,个别需要设置最小值;图片则需要确定后台上传的比例或大小。
如果是APP一级页面,可以考虑预加载图,我们常见的一些应用天猫、ins、Facebook等都有,Web端界面也会存在占位符,所以需要输出预加载图的设计文档。
此步骤作用:前端工程师可以通过蓝湖等工具便捷查看设计稿,而预加载图能让界面用户体验更佳。
三、设计宣讲
如果产品设计的内容比较容易理解,那么,这一步可以省略。否则,需要设计师们约个会议室,给前端工程师们讲解一下规范和输出的内容,确保当场能解决问题。设计师做好 会议记录(记录问题及解决方案,以及达成的共识),并且在会议结束后以邮件形式发送前端们,抄送产品和运营,确保会议内容的传达到位。注意的是,该宣讲会主要是解决问题,提升效率以及提高质量,而不是互相推诿。可能存在更好地解决某个问题,设计师需要适当增加工作量。
此步骤作用:让设计师与前端工程师相关界面交互视觉问题达成一致,提升工作效率。
四、开发跟进
前端工程师们安排好自己的任务,往往会有个开发排期表,从开始到结束,以及中间的相关时间细节。设计师们根据排期表,时刻关注进度,需要每隔一段时间咨询一下“XX项目有碰到什么问题吗?”“需要我协助什么吗?”但同时,建议千万不要这么问的过于频繁,对比自己设计时被催稿的画面,你就会控制频次了,也需要注意一些用语表达。同理,这个过程的沟通也是以解决实际问题和提升效率为目的。
此步骤作用:主要是设计师主动推进项目发展,减少前端开发过程中的不够完美之处,同时也是为了加快工作效率。
五、测试验收
经过了前面的四步,设计师们还是不能高枕无忧。为确保产品上线前的最后一步,设计师们仍要参与测试验收环节。测试环节一般有两个大步骤,第一是产品功能测试,让功能从头到尾走一遍,直到第一步完成,设计师们才参与第二大步骤:交互与视觉验收。
校对设计稿。发现小问题,可以直接发给前端工程师修改;若问题较多,可以整理成一份文档,邮件发送;但是发现问题特别严重,则需要召开会议,当面再沟通。测试验收环节,不同公司的流程可能会有不同。
此外,不同的机型(iPhone、小米、华为、vivo、三星、oppo等),不同的版本的系统(iOS、安卓各自不同版本),不同状态的数据(字符的长短、内容的有无等)都需要设计师们过一遍,一有问题及时提交,前端工程师们会根据问题进行修复,直到验收通过,应用完成打包,等待上线。
此步骤作用:确保项目的交互与视觉能达到上线要求,并坚守最后一关,直至上线成功。
结语
那么,做到以上五步是否设计还原就能达到100%?答案是基本做不到,几乎不存在100%还原的情况,除非是很简单的一些页面。至于要还原到多少,90%?95%? 还是99%?……每个设计师心中都有一个标准,项目时间不等人,有限的时间内做到最好,我们希望是做到99.9999%。
如今设计还原已成为设计师日常考核之一,需要大家重视,提升效率和保证质量。也相信大家会在工作中总结出更好的相关流程和经验,从而提升产品设计的还原度。
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册