如何高效进行设计验收?

用户头像
合肥/网页设计师/2年前/332浏览
如何高效进行设计验收?
前言
最近我们一些项目走低代码工作设计,项目在设计还原度,设计走查方面出现一些问题。作为此次项目的设计师,从项目的前期分析、UI设计、交付开发、验收上线,整个流程,在项目走查验收阶段我们设计师投入大量的时间,占用了设计师很多时间和精力。在我们觉得应该设计投入最少的阶段,却占了我们大量的工作,到最后还原度也远不达预期。
在这个项目中我遇到了哪些问题:
1、通用组件研发集成不到位验收过程反复。
2、设计和研发没有达成共识,对于低代码还原设计稿没有很好的解决方案。
3、技术对交互体验层面和视觉层面的问题敏感度很低,还原问题反馈不及时。
有些问题项目后期验收的时候才暴露前期对还原度工作评估不准确,导致后期发现问题 来不及修改还原问题不单单是设计师把设计稿做的多精准,标注的多仔细,这么简单就能解决的。是设计和开发,团队之间的合作共识问题。
设计验收,已经成为项目上线前必不可少的的环境,是落实项目正常上线的重要质量保障,以及良好的用户体验必不可少的环节。
如何高效进行设计验收?(图ZMTQ3MDg0NDQ=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
一、设计需求传递/评审,建立共识
设计师本人要把自己的设计稿与研发人员进行设计传递、帮助开发理解需求,更好协助研发进行设计还原。在给研发讲述一些适配要求、设计规范、交互状态及动效等,同时帮助研发同学的回答一些疑问,这样就能将一些可预见的问题解决掉,解决后期的沟通成本。有一些地方会受到低代码实现方式影响,如果前期没有跟开发沟通清楚,就会导致最终实现的效果存在误差,开发根本不知道设计师想要的实现方式是什么,一些固定的间距,导航菜单的样式,以及设计规范在低代码框架中的局限性,最后很大可能研发人员就会按照自己的理解去做了,导致出现重复返工的现象。要想提高设计还原度从根本上要解决之一的是研发还原度。很多情况下,是因为团队内大家对用户体验的认知不一致,导致目标没有对齐,所以研发设计之前,最好达成下面几个共识:
提高整个团队“用户体验”意识
建立自查机制
前期充分的沟通和交流
如何高效进行设计验收?(图ZMTQ3MDg0NDg=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
二、验收前的准备
很多时候新加入的研发测试都对设计稿还原度敏感度较低,所以需要设计-研发-测试三方达成共识,建立落地要求,对最终的产出结果建立相同的目标和预期。可联动研发、测试,分享并强化用户体验的渗透,引起大家对用户体验的重视,形成走查文档,这样团队内大家整体用户体验意识都会提高,有利于推动设计还原,而且对后续联动研发做体验优化项目有很大的帮助。
如何高效进行设计验收?(图ZMTQ3MDg0NTY=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
在完成设计工作后,一定要跟研发、产品、测试等项目相关利益人进行评审,开会详细讲述页面样式、组件规范、动效、交互以及一些特殊细节的还原点,并对一些关键体验问题的实现做详细沟通,避免理解偏差,比如:是否实现困难、开发成本高、有没有设计可接受的折中方案等等;这样在前期会解决掉很多问题,让研发理解更为透彻,对开发时间评估也更准确。(避免后期因为时间紧张而影响设计还原、遗漏某些设计效果)研发的过程提出问题,并及时调整方案,每次的会议都要形成有效的会议纪要,并发送邮件。
如何高效进行设计验收?(图ZMTQ3MDg0NjQ=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
如果是研发、测试等相关人员自上而下都不重视还原度的问题,对设计还原造成很大的阻力,直接影响上线产品后的用户体验。针对研发实现的效果遇到的问题及解决方案,记得在群里同步待办和会议纪要,并周知项目组全员,让这个会议有始有终。
如何高效进行设计验收?(图ZMTQ3MDg0Njg=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
1. 提前准备好配置素材
设计师在设计页面的时候一些banner位置临时占位的。如果没有对应的图片素材,你会发现等到你验收时的页面简直无法直视,很多间距没办法查看,因为测试同学会随便配置图片,他们关注的点是流畅的功能以及极端情况的可用性,对视觉问题不太敏感。提前准备好完整的切片文件,以及缺省样式,这样方便大顺利的合作,测试完成性能测试后,上传对应的图片,不会影响验收。
如何高效进行设计验收?(图ZMTQ3MDg0NzI=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
2. 设计文件完整输出
设计交付前期需要准备的产出物包含:规范、设计稿、切图标注、动效等文件,避免后期临时不断新增、修改设计稿,影响项目开发进度,造成延期风险。
同时我们自己也要进行设计自查,除了检查交付物的完整性,比如容易遗漏的点击态、占位符、异常态等页面,还要格外注意检查切图的正确性,是否满足我们原有的尺寸大小,这个涉及到间距问题,以及组件配置图片的大小。(比如我们用的慕客软件,上传切图后需要再检查每个页面的切图,查看大小以及透明度等问题,否则后期开发会有很多问题是切图范围的)而且有些切图需要提前跟研发沟通切片范围,以防后期跟研发方案有出入又重复修改。
3.制定验收标准,形成有效的验收机制,明确标注优先级。
如何高效进行设计验收?(图ZMTQ3MDg0NzY=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
对于一些不太明确的效果可以用下面这种形式给到研发,方便研发集成,最终顺利上线。
如何高效进行设计验收?(图ZMTQ3MDg0ODA=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
除此之外我们还需要给研发提供明确的设计规范,方便研发对比参考。设计规范的目的是为了统一设计内部及前端工程师的开发,提升团队的协作效率,从而实现设计稿到线上页面输出统一的设计语言,从根本提升设计质量和还原度。我们把颜色、字体、组件等内容预设定成规范,保证了视觉上的统一,也方便组件的复用。在设计前期需要确认哪些模块有可调用的开发组件,若没有,需要评估开发成本,预留好制作规范组件的时间。如果不了解这些情况,后期会有调整设计稿或延期风险。
如何高效进行设计验收?(图ZMTQ3MDg0ODg=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
4. 提前安排验收时间
当项目进入上线阶段前,我们可提前规划时间,将需要验收的项目提前安排到自己的排期表里,防止后面遗漏而手忙脚乱,影响验收进度。对于项目比较复杂的,且验收时间都比较久,所以更得提前安排进排期表。
二、验收中沟通
如何高效进行设计验收?(图ZMTQ3MDg0OTI=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
大家在设计走查沟通中,是否遇到这样的问题,
1、使用线上协作表格
在走查开始之前会确定走查的范围和大致计划,例如走查涉及到哪些产品、哪些模块、使用哪个环境。详细的走查计划能够让我们设计师了解到走查的内容和计划,我们可以按照计划内的时间进行走查任务分配和规划。这样一来不仅会避免大家口头沟通造成的信息遗漏、沟通误差等扯皮推诿事件,造成不必要麻烦,同时也为后期复盘做信息储备。
如何高效进行设计验收?(图ZMTQ3MDg0OTY=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
走查表中问题描述除了要清晰地表达出所在问题,最好再提供还原效果和设计稿两张截图的对比图,这样会更直观地反馈问题。将问题指派给相对应的研发负责人后,最好再标注上是否已修改,方便后面继续复查该问题,当全部复查完成并达到交付标准,即可选择该问题已解决。
2. 及时沟通
如有必要的修改,一定要群里同步到相关角色,并及时说明修改原因;更新设计图要及时同步给研发,这样研发才能更好完成项目开发的任务。
3. 学会拒绝验收
在刚拿到测试环境地址,如果发现还原度很低(开发实现效果跟设计稿差异较大),几乎到处都是错乱问题,比如:间距、字体、颜色等严重不符合设计稿,可拒绝验收,并拉起线上会议,同步给产品、研发、测试等相关人员,否则会增加验收成本过高,导致资源的浪费。比如一些低代码无法实现也会导致设计改稿,延迟走查的进度。
如何高效进行设计验收?(图ZMTQ3MDg1MDA=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
4. 及时协调资源
遇到大型项目可能会有多轮走查,不能等到上线前再去走查。需要协调时间和资源,及时走查效果。不然可能会影响研发版本的迭代。以下是设计走查的流程。
如何高效进行设计验收?(图ZMTQ3MDg1NTI=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
在一个项目开发的流程中,设计走查与测试一样是产品上线前的最后一个步骤,类似于一件商品上市前的质量检测。另外就是,很多人容易把设计走查和体验走查二者混淆。
如何高效进行设计验收?(图ZMTQ3MDg1MDg=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
首先,设计走查和体验走查在项目所处的阶段是不一样的,设计走查通常是在项目开发完成后的测试阶段进行的,而体验走查则贯穿于整个产品生命周期;其次,设计走查和体验走查侧重点也有所不同,设计走查重点是确保页面设计细节的还原度;而体验走查则是站在更高的维度,以《设计法则》为标准,发现产品在功能、界面及流程上的易用性、一致性和美观性的问题。
5. 及时协调资源
遇到大型项目可能会有多轮走查,不能等到上线前再去走查。需要协调时间和资源,及时走查效果。不然可能会影响研发版本的迭代。还可以根据参与的小伙伴,一起来走查解决问题。
三、验收后跟进
如何高效进行设计验收?(图ZMTQ3MDg1MTI=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
1. 准备相关运营图片
一般项目上线,很多是测试阶段的图片,尺寸比例都存在问题,所以需要设计按照具体的内容来提供,并且提供一些缺省图片的样式。以保证上线后整体效果的还原度和体验的效果一致性。
2. 部分未解决的问题
在项目上线的时候,由于多种不可控因素存在,比如技术方案或者工期等,并不是每个验收发现的问题都能完美解决。对于个别未能解决的问题,优先级比较高的,建议研发给出合理解释,记录并抄送给相关负责人,标注未来可能出现的风险项,同时可尝试与产品或项目经理沟通,推动迭代优化的具体时间,避免下一次的无效承诺。有些来不及修复的优先级低的问题,可跟研发达成一致,放到后面的版本中并同步给产品新增此优化项。在解决问题的这个过程中,我们可能会发现以前没注意到的视觉或者是交互问题,有些是跟设计强相关的,有些则需要研发去研究技术方案;比如低代码实现的问题,框架不能满足,所以需要花时间整理不同场景下的样式问题,后期统一更新视觉风格;还有一些动效的问题,不流畅,不能按设计的要求进行研发的效果等等。
3 上线后的数据跟进
项目上线后,并不代表我们的设计工作就结束了,还需要实时监测该项目的数据变化,判断该设计方案是否达成核心指标、完成业务目标,以此来验证该设计方案的价值。根据数据反馈结果,制定相应的优化策略,为后续产品的迭代做数据依据。
如何高效进行设计验收?(图ZMTQ3MDg1MjA=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
4 项目整体复盘
项目上线后,设计师还可以根据整个项目过程中心遇到的问题进行总结和复盘,在合适的时间,可以举行产研侧的拉通会议,并且在年度的时候还可以给一些集成效果比较好的研发,给与嘉奖,这样让设计出来的东西有一个更好的落地机制。
总结
设计走查的意义和价值主要体现在以下几个方面:
1、提升用户体验
设计走查有助于确保设计质量和用户体验。通过对设计进行逐项、细致的审查,可以发现并解决设计中存在的问题和缺陷,从而提升设计的整体质量和用户体验。这有助于确保产品能够满足用户的需求和期望,提高用户满意度和忠诚度。
2、减少返工,提升效率
设计走查有助于减少开发过程中的返工和修改。在设计阶段发现并解决的问题,可以避免在后续开发过程中进行大量的修改和调整,从而节省时间和成本。这有助于提高开发效率,减少不必要的资源浪费。
3、加强团队间交流与合作
设计走查还有助于加强团队之间的沟通和协作。在走查过程中,团队成员可以共同讨论和解决问题,分享经验和知识,从而提升团队的整体能力和水平。这有助于增强团队的凝聚力和协作精神,促进项目的顺利进行。
4、提升产品竞争力,市场品牌形象。
设计走查对于提升产品竞争力也具有重要意义。通过不断优化设计,提高产品的质量和用户体验,可以使产品在市场上更具竞争力。这有助于吸引更多的用户和客户,提升品牌形象和市场地位。
总之,设计走查是一项重要的工作,它能够确保设计的质量和用户体验,减少开发过程中的返工和修改,加强团队之间的沟通和协作,提升产品竞争力。因此,在产品开发过程中,应该重视设计走查工作,并定期进行走查以确保产品的质量和用户体验达到最佳状态。
如何高效进行设计验收?(图ZMTQ3MDg1NDg=) - 观点 - 站酷设计师蘑菇小象117原创素材 - 站酷ZCOOL
收藏
3
举报
|
7
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
高级表盘系列UI源文件
科技医疗透明柜UI界面设计
【新年UI图标】美食icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】礼物/活动icon
UI应用平面图标
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
钱包ui模板
UI界面 组件
新能源APP应用UIKit
手表表盘UI系列
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】积分icon
UI 登录界面设计模板包
【新年UI图标】相机icon
智能家居中心 简约 UI设计组件库
【新年UI图标】体育icon
【新年UI图标】旅行icon
【新年UI图标】活动icon
UI通用设计素材1
户外旅行飞机情侣假日出行
盲盒APP UI设计
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册