大厂工作流程系列_002_设计改版-考必过

【摘要】大厂工作流程系列_002_设计改版考必过小编为大家整理了关于大厂工作流程系列_002_设计改版的信息，希望可以帮助到大家！

上一篇：《大厂工作流程系列_001_常规迭代》

进度 002/100

设计大改版

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

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

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的设计方式和我的虐心经历。

以上就是大厂工作流程系列_002_设计改版的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！

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

目录