做好产品运营设计的核心要素

3 评论 13870 浏览 2 收藏 15 分钟

你是GUI设计师?不擅长运营设计?

但是产品发版、公司活动都需要你的设计参与,运营设计是这一切工作的基础。

你是网页设计师?天天都会接触运营设计!

各种紧急的重要的需求,都需要保质保量完成。不断的积累运营设计经验,也是自己的安生立命之本。

运营设计是一道大餐,很愿意和大家一起分享,欢迎大家一起讨论。

开胃菜——准备阶段

1. 运营设计做什么?

这要先说说产品的流程,移动产品从出生到和用户见面大多都会经历这么几个阶段:

功能定位——交互流程(Ui)——视觉界面(GUI)——开发和测试——发版运营

由此可见运营就是产品出生的过程,没有好的运营,酝酿已久的产品也见不到更多的用户。所以每逢产品发版,重大活动,节日都需要产品运营,增加关注度,提升产品下载量。那么这些过程中就会涉及到,产品网站banner设计,产品功能宣传设计,发版、活动专题页面设计,海报展板等平面设计。最常用的还是banner和功能宣传图的设计,这几乎是每个版本上线必须的。我们接下来就主要以banner和功能宣传图为基础一起聊聊。

2. 好设计来自有准备——平时的积累

观察生活,记录灵感:地铁里,路上,生活中的各种地方都有可能激发灵感,用心去观察,随时记录自己当时的灵感,都是以后设计中的财富。

收集和参考:收集各种优秀设计作品,分享,讨论。百度每个产品线发版的各个运营宣传都可以收集,待到用时里面都是可借鉴的元素。这里叽歪一句:各种漂亮手机多角度的高清写真图也是必须收集的哦~~~

练习和模仿:好的效果和展现形式都可以模仿,字体变形,光影表现等,基本的技法都是要在平时积累的。

红酒——沟通阶段,需求分析

找准需求的核心

明确需求的核心要点,这就需要深入沟通。比如设计banner,需求方提出要体现a,b,c,d…N个功能点,悲剧了,难道要把他们都写上吗?这么多点里肯定有些是核心功能或者主推功能,通过和需求方深入沟通,找到核心点和表现的优先次序,再去设计。

有时候产品经理提出的宣传主题是好长一个句子,或者好几个,那这个时候就要提炼压缩把最核心的几个文字突出表现。

下面就是个很好的例子,最初接到的需求是“1要表现新版发布;2体现功能:点划输入,可以换肤;3词库准确率高”。

没有经过深入沟通的情况下做了下面的设计,不论是文字还是图片都是信息的简单堆叠,主次区分不明显且信息量很大,对于用户来说没有任何意义。

经过深入沟通,对需求做了优先级排列,排在后面的就可以弱化或者舍弃。排列后的需求是“1突出发版和手机输入法,2新增了支持iOS5,3点划功能,换肤功能,词库精准”但是信息量还是很大,所以决定不加入优先级较低的描述功能的文字,改用点划和输入的图片来表现功能。最终的设计就最大的突出了“百度手机输入法”这个主题。

找准核心很重要,深入沟通是关键。

牛排大餐——设计阶段

1. 创意先行,做有故事的设计

创意是设计升华的关键,如果你不是在做图而是在讲故事,那用户一定会被你的与众不同所吸引。头脑风暴,平常积累,归纳总结都是创意产生的来源。

整个功能宣传方案就是一个故事,一个功能就是一个是事件,环环相扣,枯燥的宣传变成了贴近用户生活的场景。

漫画的形式既宣传了产品,又有很广泛的传播效应。

2. 找到适合的版式是关键

你的设计是使用突出图片的展现形式,还是突出文字的展现形式?答案是——相辅相成。

1)突出图片的版式:

产品运营设计大都需要有界面或设备(如手机)的展示,加入界面实际上是一种利于表现的形式。

总结了一些运营中必要加入界面的情行:宣传图需要表现的内容和界面息息相关,文字太少,需求方的要求,界面很出彩或者需要给用户深的产品视觉印象。

宣传图需要表现的内容和界面息息相关:这种时候界面就是设计的主题,使用户第一眼能看到的元素就是界面或界面相关的元素。建议用正面的界面来表现,图像清晰,醒目。

如果是较宽的banner建议多用左右构图的形式,较高的微博类图片建议上下构图。

均衡的左右构图

上下构图

实际的设计中要还要结合阅读的连贯性,左图右字和右图左字都是可以的形式,但是要根据具体应用环境决定。同时视觉平衡和黄金分割也是十分重要的,如果合理应用可以获得意想不到的效果。

左字右图(符合阅读习惯)

左图右字(为了和右边的页面下载区平衡,所以这里图片放左边更合适)

文字太少:主体文字很少,这时候加入界面就是设计的大帮手,这种时候版式就可以比较灵活,上下结构,左右结构,不规则排版都可以灵活应用。界面的角度也可随创意尽情发挥。

需求方的要求:必须要放界面,那就沟通好放什么样的,那个功能的,必要的时候不要使用实际界面,用设计过的,有润色的效果图会事半功倍。

界面很出彩或者需要给用户产品视觉印象:这时候界面也成为了设计的主角,通过各种界面的表现形式要给用户留下深刻的印象。版式可以灵活,根据搭配的文案来协调。可以抽离出界面中的重点单独表现,这样更能吸引眼球。

2)突出文字的版式

也有些情况你也不必使用界面,手机图片等等,做类似传统的运营设计。比如:文本太多又不能删减,界面没有出彩点/和上一版变化不大,要突出的点和界面关系不大,需要突出的点太多不能用一两个界面表达,需要宣传的点有别的更好的方式表现。

宗旨是不加入更多元素可以让设计更好的发挥作用就是可行的。

表现的核心元素只有文字

3. 适应环境的设计

Banner设计要适应网页环境,和同期上线的其他banner有所区别。如果不满足这两点,你精心烹制的banner很有可能在丰盛的宴席上被食客忽略。

适应环境和区别设计的根本都是“对比”,色彩的对比,明暗的对比,氛围的对比。

对比明显的banner在翻页时很容易发现他们的变化

微博图片在实际环境中的效果。微博宣传图片实际展示时缩略图只有120PX*120PX,大图显示宽度也只是440PX,在很小的面积里能让用户第一被吸引然后点击才是关键。

4. 运营提案和方案推动

辛苦做完的设计如何让需求方认可呢?

运营提案:包装自己的设计方案,用最好的形式展现设计图。图文并茂的讲述设计思路“为什么这么做?”“用色的原因,图片的使用原因”都要给这些问题合理的有说服里的答案。

给自己的设计赋予概念,有利于产品推广和公司的概念。这些都是方案推动的利器。

设计前期的沟通和讨论会:如果在设计前期就和需求方一起开会讨论设计思路,一起思考设计方向,创新点也一定在这个阶段就做好沟通,并达成一致,这样先给需求打好预防针,否则大胆的创新设计很有可能不被接受。

餐后甜点——沉淀和总结

一次运营的结束并不是产品宣传的终止,要想下次还能获得好的宣传效果就必须总结经验。

效果跟踪:观察微博用户的反馈,记录相关微博点击量,你都能从中获知你的设计存在的问题。也许你原以为很满意的设计,实际获得的转发量却比其他时候少很多,那就要仔细分析原因了。

左边的那次设计创意和效果都不错,但是同样都是发版活动,他的转发量(74)却没有图做的没他好看的另一次多(144)。这其中也不一定是设计的原因,但是至少可以从这里去分析一些问题。

参与活动人数的记录,可以作为自己阶段性工作的一种沉淀

规范沉淀:总结制定设计规范,这样其他同学或者下次运营设计的时候,就有很多元素可以复用的,图片的尺寸也有统一的标准,可以大大提高效率。

现在,一起回顾一下咱们的这次视觉大餐吧:

1,好的运营设计需要平时不断的积累,优秀作品收集,不断练习,都是很好的积累途径。

2,需求阶段,找准核心很重要,深入沟通是关键。要找到核心点和表现的优先次序,再去设计。

3,设计阶段,先寻找创意思路,然后构思合适的版式,并且要考虑设计投放的环境,最后要找到合适的方法包装方案,推动方案。

4,设计上线并不是产品宣传的终止,需要效果跟踪,是为了下一次的设计,也为了自己的沉淀。

来源:百度MUX

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 真心很喜欢,大爱!

    来自广东 回复