大厂工作流程系列_设计改版

前言

上周我们介绍了工作流程中的常规迭代，自己也通过文章回想工作中目前出现的一些问题，文章所写的算是我认为比较理想化的工作流程，其实也只是作为一个参考，不是每一步都需要按照文章去做，还是得根据实际项目灵活变通。这次我们来介绍设计改版，其实在网易我还是涉及到很多个项目，比如有道词典pc端的改版、有道背单词的从0-1，然后多次改版、国际词典的改版等等。我就当复盘下项目的改版，也希望通过我自己的改版流程可以帮到你们。

这次是我百文目标的第二篇文章《大厂工作流程系列_设计改版》

进度 002/100

目录

这篇文章分成三个部分，这次来讲第二部分，大家在工作的时候通常会碰到以下三种需求。

1、常规迭代

是我们在公司需要花80%的时间处理的工作，也是日常最普遍的工作，迭代能不断打磨一个产品，让产品的功能越来越完善。

2、设计大改版

就是产品的重设计，一般出现在产品很久没有更新，风格陈旧或者产品的接口人换了，想做出一些成绩的时候就会发起改版。

3、发起新项目

对于一些大厂应该是很习以为常的事情了，不断的开荒新项目，找到一些可行的方向深耕下去，整体项目周期会比较长，不过学到的东西也会很多

设计大改版

改版就改版，我为什么加上大呢。其实在很多时候一些小的功能性的改版可以归于常规迭代中，而大改版往往是整个产品的改动，所有的交互/视觉规范都需要进行调整。

那么接下来我就用以前的一次项目来介绍大改版的一些基本流程，不同公司流程不一样，仅供参考

1、视觉梳理清楚改版原因发起项目改版

2、通过目前问题，调研设计趋势、竞品等找到解决方向

3、视觉、交互尝试多种方案并找到突破口

4、不断打磨最终方案，找到其特性并记录

5、根据特性对二级页面进行延展并定义基础规范

6、根据规范铺完整个项目

说起改版，可能很多人会想到目前的一些网站的设计redesign，各种分析用户、情绪版。其实是有点用的，但是没想象中那么大的用处，而且也只是需要通过这些数据来验证自己的设计，告诉其他人，我这样做是有根据的。其实主要的重点还是在界面的思考上，把分析和设计相结合，为什么这么改，这么改有什么好处，假如能了解透彻这些会更有帮助。

首先我们先来介绍下第一步「梳理清楚改版原因发起项目改版」

出于什么原因改版很重要，不过我们在介绍项目还是和别人说做自己的事情，都需要有因才能说清楚你要表达的果。这里说几个我所经历过改版的原因。

1、从项目上看不出公司属性：重大的公司品牌更新，导致公司的品牌形象、品牌色等没有得到很好的延续，无法为品牌宣传。

2、项目太丑了：项目太久没更新，用户体验、视觉感受和竞品落差太大，导致因为体验和视觉上造成用户流失。

3、产品看着太普通了：风格设计趋势每年都在变化，项目需要跟随设计趋势去作出相应的变化，能让产品和竞品在视觉上有差异化。

4、项目战略方向发生更改：这种一般出现在产品的定位，比如一个严肃的产品，突然想做的更加可爱，2种极端。差不多就得重做了。

5、项目规范混乱：一般出现在比较大的项目，很多人设计，因为不断添加功能，没有遵循系统的规范，每个人负责的模块都出现了不同的风格。

第一条应该蛮好理解的，就是公司logo的颜色和产品的主色调之前上一样的，后来由于公司不知道为啥logo改了颜色，但是产品还是之前的颜色，就自然得跟着改咯。

第二条项目太丑了，一般这条是最直观的，能丑到影响数据的基本上是五年以上没有更新视觉导致的问题，可以想象下我们现在看十年前的项目

第三条产品普通，设计趋势是我们设计应该去密切关注的事情，为什么有些设计师做着做着就感觉自己被淘汰了，基本上是因为没跟上互联网的时代走，这也是为什么很多高校老师年年端着本书反复的讲，学生又觉得学不到啥，就是因为和整个大趋势脱节了。

第四条项目战略方向更改一般是从上至下的推动，老板一句话，所有人都得动起来。

最后一条项目规范混乱，很多大的应用基本都有这个问题，很难得到解决，但是也是一直需要努力解决的点。

然后第二步「通过目前问题，调研设计趋势、竞品等找到解决方向」

这条其实就是需要我们在设计前大量去找一些资料，给后面的设计打基础，不会和无头苍蝇一样做一些无意义的方案，也可以限制思考的范围，有针对性的去设计，不至于发散的太广。

一般我们会从3个方向去入手

第一个：就是我们的第一步，为什么改版？我们能不能通过改版解决这个问题，如何更好的解决，这个也是设计的核心原因，不同的项目都不一样，这里就不多做叙述了。

第二个：看竞品，竞品有什么新的功能，排版上有什么新的突破，有什么是自己这边比不上的。然后是也可以看看竞品哪些地方做的不足，自己这边可以去规避的，简单来说就是取其精华，去其糟粕。

第三个：观察目前流行趋势，很多时候有些设计解释不清楚，就可以说是按照目前的流行趋势去做的，当然你得先了解再去完成你的设计。

当然会有更多改版的方法和规则，不过我觉得以上三种是我认为最常用的。

接着第三步「视觉、交互尝试多种方案并找到突破口」

在这一步的时候，我们已经知道大概的方向，要做成什么样子的，那么我们可以根据已经有的思路继续往下延伸，完成初步的方案。为了更好的描述，我就拿几年前的一个方案做示例。

首先简要介绍下我接下来要说的这个方案，因为这篇是改版，那我就抽部分变化比较大的来说。

有道背单词是有道在17年出的一个新的项目，可以让用户通过科学记忆法快速背单词，apple store 目前3.5w评价，4.8分，当时用户群体是大学生，当时通过调研和产品的沟通是想做一个严肃的，有品质感的app，通过展示数据来告诉用户当前学习的状态。

所以最后上线的是这么一种风格的设计，直接通过5种不同的学习状态柱状图来表示用户已经学过的单词。

放下第二版的核心流程页面

后来改版原因是因为调研到用户使用的一些背单词已经很枯燥了，还给他们一个柱状图来给他们压力，并且在设计流程上也很枯燥无味，所以就通过研究一些比较有趣味性的竞品，比如多邻国等软件，看看他们怎么做的，找到一些关键性的因素。

然后就改成这个样子

接着第四步「不断打磨最终方案，找到其特性并记录」

这一步算是总结第三步中方案的一些能贯穿整个设计的特点，可以让你的设计更加有说服性

也需要注意，需要找一些痛点，而不是一些通用的，比如什么体验好，整体整洁啥的。

1、吉祥物的贯穿

2、通过一些语句激励用户

3、趣味性的交互方式

然后是第五步「根据特性对二级页面进行延展并定义基础规范」

根据第四步的特性，其实可以总结出一些可以延展的东西

比如吉祥物是不是可以用在核心流程页面中增强趣味性、交互方式是不是可以做的更好一些

最后是第六步「根据规范铺完整个项目」

怎么做规范我们这里就不说了，改天有空唠这个吧~

抓住上面五步的关键点基本上就可以完成整套设计的改版

其实这次也是很简要的介绍了下背单词的改版，下次发起新项目会在介绍如何做新项目之余也会仔细介绍下背单词的从0-1的设计方式和我的虐心经历。