# 改版的思路大全,都在这!
消耗0碎片

作者:UX成长日记


前言


前段时间完成了产品改版的设计,由于团队的人员配置不多,所以我在改版中的工作量很大,需要兼顾分析、沟通、设计、追踪等大量的工作。鉴于我以前设计的大部分都是从0到1的产品,对一些方法论和设计思路还是比较熟悉的,所以这次改版还挺顺利。


产品改版是互联网行业中每个公司和团队都会经历的一步。作为设计师而言,在改版过程中除了完成设计工作以外,可能还会承担发起者,执行者,验收者的角色。具体情况视每个团队人员配置和能力而定。改版需求和流程也会随着产品阶段而不断变化。接下来,我将回顾此次改版的设计过程,总结并分享流程和思路给大家。


改版流程



这次产品改版定为设计重构,使用双钻模型对于产品的设计重构来讲是非常有效的。


对于设计师而言将你的思考过程具象化是很重要的,双钻模型这个设计方法可以着重挖掘问题和解决方案,对于团队而言也可以减少成本提高效率。


fb74239b-ee44-44e1-8a0c-807a8b7302f2.png



但任何一个流程或者模型是不太能完全遵守执行的。所以设计方法也要正确使用,首先我们要了解产品,知道当前所面对的问题,然后再使用设计方法,大致规划出一个适应自己产品的解决方案和方向。


所以这次改版我将双钻模型的发现、定义、构思和执行这四个阶段做了细微改变,以此制定出适应团队实际情况的一个改版流程。


2d4fd11e-f7e2-4624-9562-3afd54ea12f6.png

优化过后的双钻模型


1、发现问题

梳理产品现状找出存在问题,针对问题进行调研。

①. 发起改版

②. 挖掘产品当前问题


2、定义问题

整合阶段一的问题,确定优先级,对关键问题进行分析。

①. 整理确定重点

②. 分析关键问题


3、构思方案

将问题具体化,尝试设计2~3种方案,综合评估并确定方案。

①. 具体化解决方案

②. 评估确定方案


4、执行设计

确定设计方案并启动,使用新设计对二级界面进行延展和重构,定义设计规范。

①. 启动方案进行视觉设计

②. 定义设计规范并完成改版


下面我将四个阶段中的内容分别拆解说明,让改版流程更加详细。


一、发现问题


①. 发起改版


产品改版的原因和需求可以是设计师平时工作中发现的问题,也可以是上游方提出来的需求。

作为设计师我们可以从用户体验五要素认知模型入手,对产品的战略层、范围层、结构层、框架层和表现层五个层面进行发散思考,保持质疑。


那么我们就可以从中得到很多需要改版的地方,后续再对其进行挖掘和研究。


d20a838d-b18c-4c23-9c7e-82d55301cce2.png



下面是我经历过的改版需求:


A、日常迭代。

属于设计师的日常工作。评估功能需求决定增减功能,通过数据分析从而优化某个功能模块,完善整个产品以待下次版本更新。


B、业务变化。

由于公司业务发生变化,产品也需要随之更新换代。对于体量小的产品来说可能是砍掉某部分功能,或者改变某些界面布局等等。

而一些大的平台可能是新增某个大的功能模块来应对新的业务。

总之,伴随业务增长或下沉,产品和设计也需要敏锐的观察数据并作出适应业务的改变。


C、设计重构。

推翻上个版本的设计,对产品进行设计重构。

为产品构建设计规范,包括统一界面交互、视觉风格等等。这两种情况是经常遇到的:


· 某个初创团队需要产品快速上线试错,所以前一两个大版本以功能实现为主要目的,可能在交互和用户几个方面做得不够到位,细节处理的不够好。这时候版本更新就需要以设计师为主导深挖需求,具体在交互和视觉层面上表现。


· 有的APP产品是与公司业务相关所开发出来的,相对传统C端产品来说需求变更较为缓慢。为了使产品符合当下需求和设计,我们需要重新调研需求,深入客户使用场景,并以此为切入点来进行设计重构。


2.挖掘产品当前问题


除了发起改版时的产品表面问题,还有很多更深的问题存在,我们需要有一个方向把控过程。那么在深入挖掘问题之前,需要对产品现状有清楚的认识,基于上述改版需求(设计重构),我的思路是从用户、交互和竞品三个方面入手挖掘。


讲简单点就是做三件事:调研用户需求,梳理产品找出问题,确定改版方向。


· 根据用户访谈和问卷调查的数据,创建产品的用户体验地图。


前期通过用户访谈获取用户在完成任务中的行为和接触点,将其归类整理到体验地图中。然后观察和思考在使用场景中用户的情绪,最后找到痛点和机会点。

eb149a41-0637-496e-ae69-876b4cac6ed6.png


· 梳理并输出当前产品的信息架构和流程,找出不合理的流程和界面布局。


· 分析竞品的产品架构,自己输出一份竞品的信息架构和流程图,帮助团队更加了解竞品。


用户体验地图根据产品实际情况考虑是否创建,如果产品体量不大,通过用户访谈和问卷调查也能得出样本数据的话其实也可以,设计师可以与用研同事讨论具体实施和方法工具。

输出


当前产品:调研数据报告、用户体验地图、信息架构、任务流程图。

竞品:信息架构、任务流程图。


二、定义问题


1.整理确定重点


在经过阶段一的调研、走查、梳理,我们会得到大量的问题数据。这时候不要过于追求完美,应当首先解决优先级高的问题,过滤眼下不重要的问题,找到重点,确定关键问题。



2.分析关键问题


我们需要逐一对关键的问题进行调研分析,如若需要可将用研或运营的同事参与进来,专业的调研方案能够让结果更加客观,帮团队做好判断。


1、分析体验地图中的痛点和机会点是否能够转化为新功能点或优化点。着重考虑用户的潜在诉求,衡量成本。

2、根据前面调研分析数据,与leader沟通来确定产品功能的增减删改。

3、提取竞品分析中的数据,与团队讨论分析能否结合自身产品做出优化和突破。


这一部分我们需要在团队中进行讨论,在此阶段要让所有人达成共识,确定目标。作为设计师要站在不同角度上考虑,所以我们也要了解其他岗位对这些问题的看法。

输出


三、构思方案


1.具体化解决方案


这一步开始尝试设计方案并找到突破点。我们将此前的所有问题和需求具体化,尽量少考虑技术实现,但也不能过于深入。

并且我们的设计方案需要有足够的理论和数据支撑,比如尼尔森十大可用性法则、格式塔原则、用户路径分析模型、交互走查等等。


将探索出来的几种方案使用流程图、线框图或低保真原型表达出来。


4784d348-e34b-45f1-9720-a786be7ac788.png


1、通过前面两步分析确定的问题和需求点,对产品架构进行重组,根据功能优先级重新规划。

2、根据用户目标、场景、任务、行为等要素,对产品的信息架构和任务流程进行优化。

3、参考不同产品的交互效果,构思自己的交互设计方案。


设计过程中肯定会有很多想法和方案,无论是针对某个功能点,还是针对某个大模块,设计师都需要与团队进行设计评审对其评估。

pass不合适的方案,最后设计出2~3种方案。完整的方案最后需要细化,这里等到方案确定后进行,以免考虑太过深入过滤了更好的方案。


输出:信息架构、任务流程图、低保真原型图。


2.评估确定方案


确定方案是最头疼的一个部分。因为在团队中讨论涉及到的角色和观点很多,我们需要从2~3种方案中筛选出最符合产品的业务方向和用户需求的方案。设计师和leader要坚守前期建立的改版目标,在有限的资源调配中考虑具体情况和开发成本,最后评估出最好的方案。


输出:高保真原型图


四、执行设计


1.确定方案进行设计


执行设计的时候我们已经有高保真原型了,那么作为UI设计师,我们需要在每个功能模块中考虑好界面层级和功能顺序,查缺补漏产品的任务流程和功能,设计出具有差异化、品牌化的UI界面。


a6df9714-492c-4529-99c9-6f3362c06300.png



设计师执行设计前需要清楚了解产品在视觉方向有什么问题,并且是团队所共识的问题。比如我在改版之前就已经将问题收集好了。


1、界面视觉风格还停留在以前,视觉体验与市场竞品相比落后很多。
2、不断上线新功能却缺少设计规范,众多功能模块的视觉风格没有统一。
3、产品无调性可言,设计没有体现出公司品牌形象。
4、产品的APP、WEB以及后台视觉风格不统一。



2.定义设计规范并完成改版


当我们开始进行界面设计时不用直接深入细节,首先要制定每个节点时间中需要完成的工作,并且要根据团队的开发进度来调整设计进度。

比如我们这次由于产品改版的功能繁多,上线时间也掐得很紧。


所以我是先设计好主要的几大功能模块,然后根据目前设计风格制定设计规范,对二级以及子界面进行延展,最后完成所有界面的设计改版。


6e0134c8-f590-4d6c-a6dc-3315e9055b87.png


当然,后续我们也在跟进中,市场部也一直在反馈用户需求,接下来还要做一些分析工作来决定下个版本的迭代方向。


输出:设计规范




总结:


这次改版前前后后2个多月的时间。从5月初最开始的需求发起,到开会讨论、方案通过好几次循环,终于在5月中开始执行设计方案。


整个交互设计和界面设计花费了一个月的时间,在这过程中也是遇到各种问题,比如前期需求不深入导致修改方案、老大临时有骚点子要改某个功能或界面、中间有别的工作穿插进行、与前端沟通实现效果、制定规范等等。一直到8月中旬新版本成功上线。


通过这次设计改版呢,我们明白双钻模型是一个持续挖掘假设和验证分析的过程,这个过程除了运用在产品战略层面,也可以运用在产品某个细节优化中。这是将设计师的思考和执行过程转化为更具体的设计方案。


那么对双钻模型这种设计方法的运用,我们是可以将发现、定义、构思和执行这四个阶段解读为发散-聚焦再到发散-聚焦的过程,并且由于项目和团队的实际情况不同,我们也要理清当前产品现状,结合用户目标、任务、行为、场景等多维度去做具体分析,使我们更好的服务产品和用户。


End