原文作者:lc里里 欢迎关注~
反思是一项重要的技能。它能够帮助我们发现知识误区,促进已有知识产生新知识以及检验学习的新知识是否用了起来等等。而复盘恰恰就是一个反思的过程。今天我就结合工作中的实际项目(京东智能选机和京东厨卫活动)来跟大家分享设计师如何做好项目复盘。
什么是复盘
在项目结束后进行的回顾、反思、总结、规划性工作。
如何复盘
经过在一些项目中的实际操作,我将复盘归纳为以下三个步骤:
1、回顾目标,评估结果:这个过程是通过对比来帮助我们查看项目是否达到预期以及总结出这其中存在的问题
2、分析原因,寻找解决办法:就上一环节总结出的问题进行具体深入的分析,寻找最优解决方案
3、总结,规划,分享:将项目中踩过的坑和发现的新大陆一一梳理,总结在今后如何做得更好并与团队进行分享
复盘的必要性
每一个项目我都会进行复盘,这已经成为了我工作中一个必不可少的部分。那究竟为什么要复盘呢?我认为最重要的就是:为了未来做得更好。复盘帮助我们总结得失,在重要问题上进行深度认知,明确如何规避及如何提升,从而越来越好。
首先,让我们梳理一下设计工作的全部过程:
1、与产品及业务同学充分沟通,深入了解项目,明确产品需求
2、用户画像(明确定位自己产品的目标用户,贴近目标用户需求进行设计,这样产品才有可能成功)
3、竞品分析(同时梳理自己产品的结构)
4、脑暴,制定设计方案并进行方案评审(通过简图让产品、业务、用户参与体验并提出意见和建议)并确认交互方式(此次活动未要求交互设计师及用户体验师参与,交互工作由UI设计师和产品经理分担)
5、设计完成交付前端同学(由于此次涉及到动画的实现,此过程多在探讨Lottie的配合使用)
6、在前端同学工作完成后进行视觉走查,编写视觉走查文档
7、进行最终走查
8、项目上线
9、随时进行支持,取得用户反馈,分析问题所在,及时进行调整
10、项目复盘,回顾、反思、总结,对后续工作进行调整和规划
严格的复盘是从以上每一个阶段进行分析,回顾是否进展顺利,有无出现任何问题。复盘内容不光在于技术本身,还有沟通、与整个团队的配合等等。所以如果项目未能达到预期,我们可以从以上每一个阶段着手去寻找问题根源。
接下来分享一下复盘中lottie实现动效这部分所总结的问题,帮助大家在以后的工作中少踩些坑:
首先,提到动效可能我们最先想到的就是gif、序列帧和css。
在这儿要提到它们的一些小弊端:gif存在容易虚化、影响性能以及兼容性等问题;序列帧容易缺帧重复帧等;而css写出的动画又比较简单机械、动作生硬,最重要的是开发成本高并且在高度还原设计方面存在风险。
而lottie导出json文件交付给前端同学,前端同学简单调整、稍做关联(有images文件夹的情况下需要进行文件关联),就可以解决以上问题啦! 都https://www.jianshu.com/p/9a2136ecbc7b(lottie网上教程)
在本次厨卫活动中,我们使用lottie实现了全部动效设计,在项目极为紧急的情况下,既保证了视觉呈现,又避免了占用过多开发资源,总体来说成果喜人。但同时也遇到了新的问题:
1、在lottie输出的images文件夹中存在问题图片(开发过程中已配合解决)
解决办法:在输出images文件夹后检查里面的图片,可能会存在颜色变化或者增加灰色描边等情况。所以切记提前检查,如果遇到以上问题,在Sketch中重新导出切图替换掉images中的相应图片就好,记得命名保持一致。
2、动效存在适配问题(期待在下次项目中完美解决)
解决办法:当一个动效分为多部分时,比如背景、人物主体、标题文字等,要分开导出json文件,假如首先导出背景,就要隐掉其余所有图层,导出合成。此时会出现一个背景的json文件和一个images文件夹,为了清晰起见,建议此时进行打包命名,否则当导出下一部分动效时,images文件夹会在同一个里面继续叠加,比较混乱。
这样前端同学就可以对json进行分开调整以解决适配问题了。在这儿要解释一下:lottie导出的json文件就相当于我们用sketch导出的png一样,只能做整体的大小调整,而不是sketch源文件那样可以去修改源代码进行局部调整,所以为了适配起见,这里需要引起注意。
复盘帮助我们不断总结新的问题和解决办法,积累更多的经验教训,也为后续项目的顺利进行奠定基础。
做复盘在于进行了回顾反思,而做好复盘则在于是否可以将反思后总结提炼出的经验方法应用到今后的工作中。
今天的分享就到这儿啦,微信订阅NewBeee的设计笔记,我们陪你共同成长!