用词霸案例_解密运营设计流程

原创文章 分类: 经验/观点 版权:
7677 148 281 12
2017-11-21
59.1
首页推荐

如何高效产出设计师与需求方均满意的视觉方案?什么样的设计流程可以确保有效沟通?也许,下面的文字可以告诉你答案——金山词霸英语口语比赛活动运营案例分享。     

在文章之初,想先请问小伙伴们一个问题:

你认为,一个尽职的设计师的工作范围应该是什么?

初阶设计师说:给需求方做图,做到他们满意为止!

中阶设计师这时跳出来说:错错错,应该是高效快速的做出需求方满意的图~

高阶设计师在一旁眉毛上挑道:too young too simple,too naive~高效快速的产出需求方既满意流量又高的图才是正解。


大师这时笑而不语...


也许大师的境界我们还未参透,但是高阶设计师所说的阶段,我想是每一个设计师都想也都能做到的。BUT扯了这么多,HOW?别急,现在就用一个词霸案例告诉大家,一个让需求方满意并且高效的设计是怎样设计出来的。



金山词霸运营活动—城市英语口语PK赛


就一般情况而言,视觉设计师的设计流程基本可以囊括为三个阶段:项目前期的需求阶段,项目中期的设计阶段,以及项目后期与技术合作的执行阶段,如下图


Image title




图中我用红色块所标明的,是我认为设计流程中设计师工作中最重要的部分,也是贯穿项目始终的部分—沟通。



Image title

无论是从前期与需求方确定设计目标,或是中期与设计伙伴、技术、需求方修订设计方案,再到后期与技术确保设计实现。设计流程的各个阶段都离不开沟通。因此我将从以下两个维度来讲解这个案例。



项目前期—需求阶段


下图是我从需求方接收到的活动主页面(这里只展示主页面)。可以看到活动以南北方差异为立意,让进入页面的用户根据自己家乡选择南北战队,通过进行英语口语练习为自家战队赢得分数,分数最高的一方获胜,运营方的目的很单纯—以此活动为词霸口语练习功能做引流。


Image title


坦白说,看到原型图后大脑完全空白,进而开始无线瞎想:城市?口语?张大的嘴巴?比赛?游戏?...南北对抗?南方没暖气?甜豆腐脑?咸粽子?咸粽子比较好吃.....额,蒽(⊙v⊙),什么和什么。好了,言归正题,为了停止设计师的无限脑洞,在需求阶段,设计师的工作内容主要处于沟通维度。少了前期与需求方的沟通,你可能会在无修止的改图当中,一点点的磨灭自己的激情,

那此时,最好的办法就是:


Image title


沟通技巧1:拿纸笔记录


在项目前期,你必须和你的需求方沟通好需求内容,并且将项目信息以重要程度而区分好层级关系,并把它们写到你的笔记本上。这时因为,相同的内容,但若是项目的目的不同,其设计产物会大相径庭。这一阶段的沟通最为重要,为了后续设计的流畅高效,你必须秉持:需求不清晰,决不许动手这一原则。


此时,你可以在纸上写以下几个问题:1为什么要做这次活动?2.目的是什么?3.想要达到什么样的效果?4.页面为什么这样布局?是否合理...诸如此类。这一系列的问题发送给需求方,不仅设计师会对需求有一个全面的认识,也会促使需求方对自己本身所提的需求进行再一次的梳理,促使他们思考需求是否还有哪些不合理的地方。

当然前提是你的需求方够专业,并且表达能力良好。



项目中期—设计阶段

 

经过前期的沟通,你可能已经在纸上有了一份分好信息层级的原型图,现在,我们可以围绕活动主题展开想象,譬如我当时就脑洞出了浮现以下关键词:

Image title


根据信息属性,我们开始整理:

Image title


提取出关键词后,接下来就是视觉表现形式的选择:

Image title


这时我一般会使用第二种沟通技巧来确定表现形式的选用。

Image title


沟通技巧2:用参考图沟通


根据需求文案,先试着去网上搜索一些相近的、相同的、有启发性的参考设计,发给需求方进行预览。用来沟通需求方的喜好,明确接下来该走的方向,甚至是元素的运用,颜色的选择上,达成部分的审美认知。最后达成对风格的整体共识。


Image title


这样的沟通方式,对于后期的改稿可能性就会小很多,根绝需求方的反馈,表现形式已经很明确了。


Image title


根据与需求方的沟通,以及像素插图的特点,在比赛类活动中,还是像素的表现形式,更加贴合项目本身。在颜色选择上,我选用了对比强烈的红蓝两色来代表南北两方参赛队,快速绘制了初稿,如下图:


Image title


经过和需求方的沟通,我们双方达成初步共识:“方向是对了,但是第一眼看到,重要信息并没有第一时间传递到位。“可能需要用户仔细查看第,甚至是思考后才能理解活动内容。那么,在此基础上,如何进一步改进?



沟通技巧3 :小型会议


Image title


为了解决以上问题,要做出的改动可能不仅仅限制于视觉层面了,原始信息也适当需要修改。


此时最好的沟通策略就是与需求方面对面,来一场火光流转的碰撞。此时,你需要叫上运营方,或是邀请她的上司,在一间小型会议室完成即可。在当面与需求方沟通中,针对初稿的问题会相互交换彼此的看法,并且,因为会议中,有最终拍板的角色在,可以避免讨论结果二次修改。


最终讨论得出,活动的标题与选手的参赛按钮是主要信息,需求方删减了一些次要信息,得以让活动的主要内容传递更加直接,也进而产生了第二稿


Image title


活动主页的视觉方案基本完成,后期在细节方面,我又增添了一些光效和飞舞的火星等元素。使用户更能感受到比赛激烈的氛围,以下是活动页面的最终视觉方案。


Image title

Image title


根据既定的主页面视觉风格,一些次要页面也就很好设计了

Image title


预热主页、完成口语练习后返回页面

Image title

比赛提醒弹窗



项目后期—执行阶段


相信大家一定经历过,辛辛苦苦设计的精美方案,而最终上线效果惨不忍睹的情况。然而,虽然这一切并不是你的错,但是最后上至老板,下至用户,都会将一切的罪责归咎于项目的设计师。因此,为了确保大家的辛苦没有白费一场,避免设计稿变飞机稿的惨案发杀生,最后,我想分享的最后一个技巧是:

Image title


沟通技巧4 :耐心


在与技术沟通时,最好可以搬个小板凳坐到这些技术旁边,面带慈母笑,用真诚的眼神凝视他们,相信我,不出3秒,你的任何要求都会得到良好的应允。


好了,正经一点。其实我想说的是,用同理心得角度,站到技术或是你工作接触的上下游他们所处的位置时,设身处地的去思考他们的难处,你便变会自然而然的理解他们。沟通时,也会更加的耐心与顺畅。


ps:在设计知识的补充外,我建议设计师童鞋们应该多延展自己上下游的专业知识,例如对接技术时,若果你可以了解一些简单的编程原理,你在最初设计时,知道什么样的视觉效果可以实现,而什么样的视觉效样式增加了开发难度而最终效果没有那么大,就可以避免后期执行阶段的很多问题。或者是,当你知道一些视觉效果可以轻松做出,但是技术这边为了节约他们的工作时间,以难以实现为由不做,你便可以理直气壮的告诉他你不是这么好被忽悠的~



最后的最后


通过这个小案例呢,我想告诉大家的是:


不仅在运营设计的工作中,其实无论面对何种工作,与我们上下游接触到的同事之间的良好沟通是非常重要的,沟通是非常重要的,沟通是非常重要的!一个高效流畅的沟通过程,不仅可以确保你高效快速的设计出理想方案,也会为你带来愉快的工作体验~

最后,无论是用参考图,或是任何你能想到的沟通手段,其实,都是为了快速准确的得到需求方的信息诉求。视觉传达的最终目的,说到底不就是信息传递么?


好啦,以上就是我的一些小小感悟,有不到位的地方,还望大家多多提出宝贵意见。接下来我的同事,将会带来更精彩的干货,请大家敬请期待.


Image title


金山办公用户体验中心_北京

We Create!

365粉丝/3关注

栅格不是唯一选择_网页设计中栅格布局的思考与应用设计之外_解构信息对运营设计的影响

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN