产品运营设计经验闲谈

标签: 视觉设计 | 发表时间:2013-01-28 11:05 | 作者:moonhlh
出处:http://mux.baidu.com

你是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”

相关 [产品 设计 经验] 推荐:

产品运营设计经验闲谈

- - 百度MUX
但是产品发版、公司活动都需要你的设计参与,运营设计是这一切工作的基础. 各种紧急的重要的需求,都需要保质保量完成. 不断的积累运营设计经验,也是自己的安生立命之本. 运营设计是一道大餐,很愿意和大家一起分享,欢迎大家一起讨论. 这要先说说产品的流程,移动产品从出生到和用户见面大多都会经历这么几个阶段:.

产品运营设计经验分享

- - 人人都是产品经理
运营设计是一道大餐,很愿意和大家一起分享,欢迎大家一起讨论. 这要先说说产品的流程,移动产品从出生到和用户见面大多都会经历这么几个阶段: 功能定位——交互流程( Ui )——视觉界面( GUI )——开发和测试——发版运营. 由此可见运营就是产品出生的过程,没有好的运营,酝酿已久的产品也见不到更多的用户.

从错误中汲取经验–产品设计案例分享

- - 人人都是产品经理
小编今天看到一篇译文是有关产品设计案例分享的内容,个人从中获益匪浅,因此分享给大家,希望大家能够从中汲取经验. 译文:Buffer是一款帮助你在Twitter、Facebook等平台上更高效的发布内容的应用,到目前我们已经有超过50万的用户了. 两年前刚刚开始打造这个产品的时候,我们就已经做好了充分的思想准备去面对各种挑战,包括设计开发过程中会遇到的障碍以及可能犯的错误.

移动应用产品设计的十条经验分享

- - 雷锋网
【编者按】本文作者唐杰,一位年轻的北漂产品经理,有过几年独立站长的经历,以及一年多移动互联网产品经理经验. 本文列举了其在工作实践中体会到的十条移动应用产品设计经验,与大家分享. 希望本文抛砖引玉,与读者们共同讨论. 随着移动互联网的发展,越来越多的Web产品开始布局移动端,因此越来越多的PM在交流讨论移动APP的产品设计.

好莱坞教给产品设计师的5大设计经验

- 德福 - 互联网的那点事
好的编剧和导演能编排出扣人心弦的故事情节以吸引观众的目光. 同样的,好的设计师们也应该要能触动人们的情感才能获得青睐. 我在这里亲眼见证了许多票房大战,并从中学到了很多东西. 作为产品创新人员,我们需要要创造一些能够吸引人们眼球的优秀产品. 我们需要将产品差异化不断放大,而好莱坞和它的剧作家、演员和导演们可能可以多多少少给我带来一些启发——他们也需要创造一些能触动人们的情感的故事才能吸引观众们的注意.

20130311早读课:从错误里汲取经验,一款产品设计案例分享

- - 互联网er的早读课,专注产品、用研、交互
推荐理由:译者@C7210 ,本文作者是一款叫 Buffer的社交分享应用创始人,他给我们分享了其在设计这款应用乃至后续迭代更新中犯过的错误,并基于这些实践带来有力的产品设计经验总结,一起来看看能够学到哪些经验吧. Buffer是一款帮助你在Twitter、Facebook等平台上更高效的发布内容的应用,到目前我们已经有超过50万的用户了.

纯银:一些产品经验

- - 博客园_新闻
我原本说,产品落地生根,就把这其中的曲折与经验都写出来. 结果落地容易生根难,还没到阶段性总结的时候. 近来手痒,先写几条实践过的,鸡毛蒜皮的产品经验吧. 刚开始设计蝉游记的时候,我就没留独立注册的位置,只支持新浪/腾讯/豆瓣账户登录. 在微博上谈起过这事,当时支持与反对数大约是 1 比1. 答:微博封我,还有 QQ 嘛;QQ 封我,还有微博嘛.

关于产品的设计

- - 膘叔
一个好的产品,必然是有灵魂的. 一个好的产品,即使是没有内容,也是能够被人喜欢的. 一个好的产品,就算没有内容,它本身也是内容. 上面是我的乱谈,当然第一句话,我想,绝对没有说错:好的产品,是灌注着灵魂的. 下面的内容来自于:http://www.huxiu.com/article/9778/1.html.

产品设计流程

- - 互联网分析
新的一年到了,分享个大的东西,这个是之前团队总结的一套「产品设计流程」,里面包含了3大模块,产品前期分析,设计环节,上线总结反馈,基本上涵盖了,从需求到上线的经过的流程,相较于大型UED团队会“轻”一些,适合中小型团队. 如果所在公司内部还未有设计流程,可以参考此流程,也可以拿去在这个基础上进行改进.

移动产品设计之设计

- crystal - 互联网的那点事
移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同,再加上硬件设备的差异,最终使得2者千差万别了. 所以,移动产品设计之设计应该首先从用户的使用场景出发,同时考虑用户的硬件设备差异,综合以上2点去帮助用户完成某个任务. 按照我的理解,场景、任务、用户可以称之为设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的.