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









































