如何高效产出设计师与需求方均满意的视觉方案？什么样的设计流程可以确保有效沟通？也许，下面的文字可以告诉你答案——金山词霸英语口语比赛活动运营案例分享。
在文章之初，想先请问小伙伴们一个问题：
你认为，一个尽职的设计师的工作范围应该是什么？
初阶设计师说：给需求方做图，做到他们满意为止！
中阶设计师这时跳出来说：错错错，应该是高效快速的做出需求方满意的图~
高阶设计师在一旁眉毛上挑道：too young too simple，too naive~高效快速的产出需求方既满意流量又高的图才是正解。
大师这时笑而不语…
也许大师的境界我们还未参透，但是高阶设计师所说的阶段，我想是每一个设计师都想也都能做到的。BUT扯了这么多，HOW？别急，现在就用一个词霸案例告诉大家，一个让需求方满意并且高效的设计是怎样设计出来的。
金山词霸运营活动—城市英语口语PK赛
就一般情况而言，视觉设计师的设计流程基本可以囊括为三个阶段：项目前期的需求阶段，项目中期的设计阶段，以及项目后期与技术合作的执行阶段，如下图
图中我用红色块所标明的，是我认为设计流程中设计师工作中最重要的部分，也是贯穿项目始终的部分—沟通。
无论是从前期与需求方确定设计目标，或是中期与设计伙伴、技术、需求方修订设计方案，再到后期与技术确保设计实现。设计流程的各个阶段都离不开沟通。因此我将从以下两个维度来讲解这个案例。
项目前期—需求阶段
下图是我从需求方接收到的活动主页面（这里只展示主页面）。可以看到活动以南北方差异为立意，让进入页面的用户根据自己家乡选择南北战队，通过进行英语口语练习为自家战队赢得分数，分数最高的一方获胜，运营方的目的很单纯—以此活动为词霸口语练习功能做引流。
坦白说，看到原型图后大脑完全空白，进而开始无线瞎想：城市？口语？张大的嘴巴？比赛？游戏？…南北对抗？南方没暖气？甜豆腐脑？咸粽子？咸粽子比较好吃…..额，蒽(⊙v⊙)，什么和什么。好了，言归正题，为了停止设计师的无限脑洞，在需求阶段，设计师的工作内容主要处于沟通维度。少了前期与需求方的沟通，你可能会在无修止的改图当中，一点点的磨灭自己的激情，
那此时，最好的办法就是：
沟通技巧1：拿纸笔记录
在项目前期，你必须和你的需求方沟通好需求内容，并且将项目信息以重要程度而区分好层级关系，并把它们写到你的笔记本上。这时因为，相同的内容，但若是项目的目的不同，其设计产物会大相径庭。这一阶段的沟通最为重要，为了后续设计的流畅高效，你必须秉持：需求不清晰，决不许动手这一原则。
此时，你可以在纸上写以下几个问题：1为什么要做这次活动？2.目的是什么？3.想要达到什么样的效果？4.页面为什么这样布局？是否合理…诸如此类。这一系列的问题发送给需求方，不仅设计师会对需求有一个全面的认识，也会促使需求方对自己本身所提的需求进行再一次的梳理，促使他们思考需求是否还有哪些不合理的地方。
当然前提是你的需求方够专业，并且表达能力良好。
项目中期—设计阶段
经过前期的沟通，你可能已经在纸上有了一份分好信息层级的原型图，现在，我们可以围绕活动主题展开想象，譬如我当时就脑洞出了浮现以下关键词：
根据信息属性，我们开始整理：
提取出关键词后，接下来就是视觉表现形式的选择：
这时我一般会使用第二种沟通技巧来确定表现形式的选用。
沟通技巧2：用参考图沟通
根据需求文案，先试着去网上搜索一些相近的、相同的、有启发性的参考设计，发给需求方进行预览。用来沟通需求方的喜好，明确接下来该走的方向，甚至是元素的运用，颜色的选择上，达成部分的审美认知。最后达成对风格的整体共识。
这样的沟通方式，对于后期的改稿可能性就会小很多，根绝需求方的反馈，表现形式已经很明确了。
根据与需求方的沟通，以及像素插图的特点，在比赛类活动中，还是像素的表现形式，更加贴合项目本身。在颜色选择上，我选用了对比强烈的红蓝两色来代表南北两方参赛队，快速绘制了初稿，如下图：
经过和需求方的沟通，我们双方达成初步共识：“方向是对了，但是第一眼看到，重要信息并没有第一时间传递到位。“可能需要用户仔细查看第，甚至是思考后才能理解活动内容。那么，在此基础上，如何进一步改进？
沟通技巧3 ：小型会议
为了解决以上问题，要做出的改动可能不仅仅限制于视觉层面了，原始信息也适当需要修改。
此时最好的沟通策略就是与需求方面对面，来一场火光流转的碰撞。此时，你需要叫上运营方，或是邀请她的上司，在一间小型会议室完成即可。在当面与需求方沟通中，针对初稿的问题会相互交换彼此的看法，并且，因为会议中，有最终拍板的角色在，可以避免讨论结果二次修改。
最终讨论得出，活动的标题与选手的参赛按钮是主要信息，需求方删减了一些次要信息，得以让活动的主要内容传递更加直接，也进而产生了第二稿
活动主页的视觉方案基本完成，后期在细节方面，我又增添了一些光效和飞舞的火星等元素。使用户更能感受到比赛激烈的氛围，以下是活动页面的最终视觉方案。
根据既定的主页面视觉风格，一些次要页面也就很好设计了
预热主页、完成口语练习后返回页面
比赛提醒弹窗
项目后期—执行阶段
相信大家一定经历过，辛辛苦苦设计的精美方案，而最终上线效果惨不忍睹的情况。然而，虽然这一切并不是你的错，但是最后上至老板，下至用户，都会将一切的罪责归咎于项目的设计师。因此，为了确保大家的辛苦没有白费一场，避免设计稿变飞机稿的惨案发杀生，最后，我想分享的最后一个技巧是：
沟通技巧4 ：耐心
在与技术沟通时，最好可以搬个小板凳坐到这些技术旁边，面带慈母笑，用真诚的眼神凝视他们，相信我，不出3秒，你的任何要求都会得到良好的应允。
好了，正经一点。其实我想说的是，用同理心得角度，站到技术或是你工作接触的上下游他们所处的位置时，设身处地的去思考他们的难处，你便变会自然而然的理解他们。沟通时，也会更加的耐心与顺畅。
ps：在设计知识的补充外，我建议设计师童鞋们应该多延展自己上下游的专业知识，例如对接技术时，若果你可以了解一些简单的编程原理，你在最初设计时，知道什么样的视觉效果可以实现，而什么样的视觉效样式增加了开发难度而最终效果没有那么大，就可以避免后期执行阶段的很多问题。或者是，当你知道一些视觉效果可以轻松做出，但是技术这边为了节约他们的工作时间，以难以实现为由不做，你便可以理直气壮的告诉他你不是这么好被忽悠的~
最后的最后
通过这个小案例呢，我想告诉大家的是：
不仅在运营设计的工作中，其实无论面对何种工作，与我们上下游接触到的同事之间的良好沟通是非常重要的，沟通是非常重要的，沟通是非常重要的！一个高效流畅的沟通过程，不仅可以确保你高效快速的设计出理想方案，也会为你带来愉快的工作体验~
最后，无论是用参考图，或是任何你能想到的沟通手段，其实，都是为了快速准确的得到需求方的信息诉求。视觉传达的最终目的，说到底不就是信息传递么？
好啦，以上就是我的一些小小感悟，有不到位的地方，还望大家多多提出宝贵意见。接下来我的同事，将会带来更精彩的干货，请大家敬请期待.
若有收获，就点个赞吧
0 人点赞
