设计改版流程总结

我还清楚的记得第一次做设计改版时的情形，加了很多班，出了很多稿，但是设计过程很迷茫，最后的结果也不甚理想。现在想想之所以出现这种情况，除了当时的自己缺乏经验外，还有就是缺少流程与方法的指导。后续随着工作经验增加，处理改版需求时也变得更加得心应手，自然也有了一些个人的经验总结。本文将介绍个人总结的设计改版流程，期望可以为大家带来启发和帮助。

一、确定需求

1. 需求发起

改版需求通常由业务、产品、设计其中一方发起，在发起阶段会同步需求背景、目的和内容。如果需求由设计发起，请尽量获取业务与产品支持，挖掘更多业务问题以驱动设计，毕竟单纯的设计改版对业务提升有限。

2. 需求挖掘

设计师的工作职责除了提供设计支持外，还应对产品体验负责。在面对改版需求时我们首先应该提供设计支持满足业务诉求，除此之外，还应主动挖掘体验问题来寻找设计机会点。如何挖掘体验问题？可以通过以下方式和维度进行：

方式：

走查自测、用户调研、竟品分析。

维度：

3. 需求整理

完成需求挖掘后会得到很多体验问题，此时需要进行问题梳理和优先级排序，确定哪些问题需要在本次需求中解决。整理后的需求分为业务诉求和产品体验两个部分。

4. 需求对齐

完成需求整理后需同各方对齐，确保团队知悉。

二、建立目标

目标是立足于某段时间，对未来可取得的成果的预期。建立明确可量化的设计目标可以为改版工作指明方向，并证明设计价值。

1. 目标格式

完整的目标格式为“时间+措施+对象+指标”，即在某段时间，通过某种措施，将某个对象的指标从某值提升至某值。例如在 Q3 季度，通过首页改版，将用户满意度从 Good 提升至 Excellent。

2. 如何建立目标

a. 拆解产品目标

上文提到整理后的需求内容分为业务诉求和产品体验两类，业务诉求的部分直接关乎产品目标，所以这部分的设计目标可由产品目标拆解得到。

例如在某次需求中，有一项产品目标为“在第二季度，通过搭建线下分期场景，提升线下分期使用率10% ”。为了完成产品目标可以从不通维度制定策略：曝光附近商户（产品策略）、推出优惠活动（运营策略）、提升模块点击率（设计策略）、缩短响应时长（研发策略）。其中提升模块点击率即是设计目标，按照目标格式将其补充完整应为：在第二季度，通过增加商户曝光、强化点击感，将分期模块的点击率提升 5%。

b. 回归问题本身

对于产品体验部分，建立设计目标可以直接回归问题本身。例如在某次需求中，我们发现了产品本地化设计不足的问题，那么设计目标就是提升本地化设计。按照目标格式将其补充完整应为：在第二季度，通过重绘图标与缺醒页，提升本地化设计（用户正面反馈占比≥80%）。

三、制定策略

制定策略是将目标拆解为具体的行动计划。通常实现一项目标可以采取多种策略，所以在制定过程中尽量全面思考。以上述目标为例，为提升分期模块的点击率，可以采取以下策略：

• 给商户卡片添加反转动效，曝光更多商户
• 调整卡内容，突出品牌信息，提升识别效率
• 调整卡片样式，强化点击感，引导用户点击

四、执行方案

1. 确定风格

a. 获取关键词

关键词是在项目初期，对产品定位、用户画像、商业目标等进行梳理后得到的高度浓缩、抽象且具有指引性的词汇。设计师可以利用它们进行思维发散，将抽象的感受转化为具象的视觉风格。关键词的获取需要产品、业务、设计等多方人员共同参与，分别从产品、用户、商业等角度思考“希望产品给到用户何种感受“，最终选出3-5个最能代表本次改版期望的关键词。

b. 推导衍生词

衍生词由关键词推导得出，分为三种类型，分别映射视觉、心理和物化。推导过程可由设计师独自完成，如果感觉思维受限，也可邀请多人一同参与。衍生词数量不必太多，具备代表性即可。

c. 收集参考图

参考图分为氛围图和界面图，氛围图直接反应产品所要营造的氛围，可以从图片中提取相关设计元素，如色彩、图形、质感等。界面图是风格类似的产品截图或概念稿，这类图片可以直接体现相应风格在界面中的效果，具有很大参考价值，省去了很多视觉探索的工作。

d. 建立情绪版

情绪版是一种将抽象概念具像化的视觉工具。它由图像和文字拼贴而成，用于在项目初期快速传达产品氛围、启发设计灵感。建立情绪版，首先要对参考图进行筛选，通常收集到的参考图数量多、质量杂，我们需要筛选出参考价值大的图片，然后按照关键词对图片进行分类和排版，完成排版后便得到了情绪版。

e. 探索风格

探索风格是一个快速验证视觉构想的过程。在实操之前需要在情绪版中进行风格分析、视觉推导和元素提炼，有了想法后迅速构建页面确认效果。这个过程通常会反复数次，直至最终得到理想的风格。页面构建过程切勿过分关注产品细节，只要输出大致效果即可，如果遇到比较耗时的图标或插图，可以先在网上找到相似资源进行替代。

2. 设计输出

风格阶段关注视觉效果，设计阶段关注解决问题。这一阶段需要设计师运用设计手段对界面内容进行重构，使其能够满足业务诉求或解决相关问题。例如在制定策略的章节提到的案例，为了解决提升模块点击率的问题，我们对卡片内容进行了调整，突出了品牌信息，提升了卡片点击感。通常为了解决某一问题可以采取不同手段，为了获取最好的解决方案建议可以进行多次尝试。

设计方案的输出，个人经验是在设计过程中可以尝试多套方案，但最终评审时至多输出三套，主推一套，太多选择反而会拖慢决策。

3. 方案评审

方案评审是设计师完成设计方案后召集相关人员进行方案确认的过程，需要设计师讲述设计方案，接收大家意见，然后按照有效意见进行方案改进。

对于很多设计师来说，输出设计稿时谈笑自如，一切尽在掌握。但到讲述设计方案时却惶恐万千，不知该如何表达。如果设计方案是严格按照设计流程产出的，那么无需过分担心。因为在方案过程中已经贯彻落实了相关内容，只需要按照设计流程复述工作内容即可。具体流程可以是：介绍项目背景、列举设计目标、阐述解决方案、引导大家讨论。

方案讲述完成，大家会提出各种意见。首先请认真听取大家意见，如果明确是无效意见，请直接给出理由。如果是有效意见，请做好记录方便改进。如果是自己的设计方案有问题或设想不周，请勇于承认，学会妥协。讲述方案的目的不是为了说服大家寻求认可，而是通过客观描述，引导大家进行多维度思考，产出更好的设计方案。

评审结束后，应第一时间总结会议结论，制定跟进计划，并同步给大家。待方案调整完成后，在预约时间进行二次评审。

4. 方案交付

评审通过后即可交付设计方案。交付的设计方案应包含开发资源和高保真效果图，开发资源包括切图、动画、视频等落地素材，高保真效果图要做好交互备注与逻辑说明。

5. 开发上线

开发阶段设计师没有太多工作内容，但要做好相关支持，因为一些具体的效果实现需要设计师参与讨论才能最终确定。开发完成后设计师要做好设计走查，确保最终的上线效果。

6. 数据验证

数据验证即评估设计目标是否达成。设计目标可分为定量目标与定性目标。定量目标可直接使用数据进行衡量，如点击率提升了多少，页面停留时间提升了多少。对于这类目标需要提前与产品经理和开发沟通，进行数据埋点，方便后期数据获取。而定性目标则无法直接使用数据衡量，需要进行用户调研，然后统计调研结果再进行评估。如提升本地化设计，可以统计用户的正面反馈率来评估。对于定性目标需要在产品上线前写好调查问卷并同步用研部门，方便用研同事开展工作。

五、复盘总结

复盘是指在完成一项任务后，通过结构化的回顾和反思，总结经验和教训的过程。它可以帮助我们避免类似错误，沉淀成功经验，提升团队协同，最重要的是促进个人能力成长。

常用的复盘方法包含以下四个核心环节：

1. 回顾目标：明确项目中设定的设计目标，目标描述要真实、准确和客观。
2. 评估结果：对照设计目标，呈现结果差异。此阶段只做事实描述，不分析成因。
3. 分析原因：做的好的原因，做的不好的原因，深入全面的分析，触及问题本质。
4. 总结经验：总结原因背后的底层规律，将经验转化为可落地的行动指南。

复盘的内容除了设计目标外，还可以是工作流程、团队沟通、上下游配合等。合适的复盘时间是项目上线后的 2-4 周，此时的数据已累积出一定的可信度，便于进行相关验证。