做好產品運營設計的核心要素

3 評論 13865 瀏覽 2 收藏 15 分鐘

你是GUI設計師?不擅長運營設計?

但是產品發(fā)版、公司活動都需要你的設計參與,運營設計是這一切工作的基礎。

你是網頁設計師?天天都會接觸運營設計!

各種緊急的重要的需求,都需要保質保量完成。不斷的積累運營設計經驗,也是自己的安生立命之本。

運營設計是一道大餐,很愿意和大家一起分享,歡迎大家一起討論。

開胃菜——準備階段

1. 運營設計做什么?

這要先說說產品的流程,移動產品從出生到和用戶見面大多都會經歷這么幾個階段:

功能定位——交互流程(Ui)——視覺界面(GUI)——開發(fā)和測試——發(fā)版運營

由此可見運營就是產品出生的過程,沒有好的運營,醞釀已久的產品也見不到更多的用戶。所以每逢產品發(fā)版,重大活動,節(jié)日都需要產品運營,增加關注度,提升產品下載量。那么這些過程中就會涉及到,產品網站banner設計,產品功能宣傳設計,發(fā)版、活動專題頁面設計,海報展板等平面設計。最常用的還是banner和功能宣傳圖的設計,這幾乎是每個版本上線必須的。我們接下來就主要以banner和功能宣傳圖為基礎一起聊聊。

2. 好設計來自有準備——平時的積累

觀察生活,記錄靈感:地鐵里,路上,生活中的各種地方都有可能激發(fā)靈感,用心去觀察,隨時記錄自己當時的靈感,都是以后設計中的財富。

收集和參考:收集各種優(yōu)秀設計作品,分享,討論。百度每個產品線發(fā)版的各個運營宣傳都可以收集,待到用時里面都是可借鑒的元素。這里嘰歪一句:各種漂亮手機多角度的高清寫真圖也是必須收集的哦~~~

練習和模仿:好的效果和展現(xiàn)形式都可以模仿,字體變形,光影表現(xiàn)等,基本的技法都是要在平時積累的。

紅酒——溝通階段,需求分析

找準需求的核心

明確需求的核心要點,這就需要深入溝通。比如設計banner,需求方提出要體現(xiàn)a,b,c,d…N個功能點,悲劇了,難道要把他們都寫上嗎?這么多點里肯定有些是核心功能或者主推功能,通過和需求方深入溝通,找到核心點和表現(xiàn)的優(yōu)先次序,再去設計。

有時候產品經理提出的宣傳主題是好長一個句子,或者好幾個,那這個時候就要提煉壓縮把最核心的幾個文字突出表現(xiàn)。

下面就是個很好的例子,最初接到的需求是“1要表現(xiàn)新版發(fā)布;2體現(xiàn)功能:點劃輸入,可以換膚;3詞庫準確率高”。

沒有經過深入溝通的情況下做了下面的設計,不論是文字還是圖片都是信息的簡單堆疊,主次區(qū)分不明顯且信息量很大,對于用戶來說沒有任何意義。

經過深入溝通,對需求做了優(yōu)先級排列,排在后面的就可以弱化或者舍棄。排列后的需求是“1突出發(fā)版和手機輸入法,2新增了支持iOS5,3點劃功能,換膚功能,詞庫精準”但是信息量還是很大,所以決定不加入優(yōu)先級較低的描述功能的文字,改用點劃和輸入的圖片來表現(xiàn)功能。最終的設計就最大的突出了“百度手機輸入法”這個主題。

找準核心很重要,深入溝通是關鍵。

牛排大餐——設計階段

1. 創(chuàng)意先行,做有故事的設計

創(chuàng)意是設計升華的關鍵,如果你不是在做圖而是在講故事,那用戶一定會被你的與眾不同所吸引。頭腦風暴,平常積累,歸納總結都是創(chuàng)意產生的來源。

整個功能宣傳方案就是一個故事,一個功能就是一個是事件,環(huán)環(huán)相扣,枯燥的宣傳變成了貼近用戶生活的場景。

漫畫的形式既宣傳了產品,又有很廣泛的傳播效應。

2. 找到適合的版式是關鍵

你的設計是使用突出圖片的展現(xiàn)形式,還是突出文字的展現(xiàn)形式?答案是——相輔相成。

1)突出圖片的版式:

產品運營設計大都需要有界面或設備(如手機)的展示,加入界面實際上是一種利于表現(xiàn)的形式。

總結了一些運營中必要加入界面的情行:宣傳圖需要表現(xiàn)的內容和界面息息相關,文字太少,需求方的要求,界面很出彩或者需要給用戶深的產品視覺印象。

宣傳圖需要表現(xiàn)的內容和界面息息相關:這種時候界面就是設計的主題,使用戶第一眼能看到的元素就是界面或界面相關的元素。建議用正面的界面來表現(xiàn),圖像清晰,醒目。

如果是較寬的banner建議多用左右構圖的形式,較高的微博類圖片建議上下構圖。

均衡的左右構圖

上下構圖

實際的設計中要還要結合閱讀的連貫性,左圖右字和右圖左字都是可以的形式,但是要根據具體應用環(huán)境決定。同時視覺平衡和黃金分割也是十分重要的,如果合理應用可以獲得意想不到的效果。

左字右圖(符合閱讀習慣)

左圖右字(為了和右邊的頁面下載區(qū)平衡,所以這里圖片放左邊更合適)

文字太少:主體文字很少,這時候加入界面就是設計的大幫手,這種時候版式就可以比較靈活,上下結構,左右結構,不規(guī)則排版都可以靈活應用。界面的角度也可隨創(chuàng)意盡情發(fā)揮。

需求方的要求:必須要放界面,那就溝通好放什么樣的,那個功能的,必要的時候不要使用實際界面,用設計過的,有潤色的效果圖會事半功倍。

界面很出彩或者需要給用戶產品視覺印象:這時候界面也成為了設計的主角,通過各種界面的表現(xiàn)形式要給用戶留下深刻的印象。版式可以靈活,根據搭配的文案來協(xié)調??梢猿殡x出界面中的重點單獨表現(xiàn),這樣更能吸引眼球。

2)突出文字的版式

也有些情況你也不必使用界面,手機圖片等等,做類似傳統(tǒng)的運營設計。比如:文本太多又不能刪減,界面沒有出彩點/和上一版變化不大,要突出的點和界面關系不大,需要突出的點太多不能用一兩個界面表達,需要宣傳的點有別的更好的方式表現(xiàn)。

宗旨是不加入更多元素可以讓設計更好的發(fā)揮作用就是可行的。

表現(xiàn)的核心元素只有文字

3. 適應環(huán)境的設計

Banner設計要適應網頁環(huán)境,和同期上線的其他banner有所區(qū)別。如果不滿足這兩點,你精心烹制的banner很有可能在豐盛的宴席上被食客忽略。

適應環(huán)境和區(qū)別設計的根本都是“對比”,色彩的對比,明暗的對比,氛圍的對比。

對比明顯的banner在翻頁時很容易發(fā)現(xiàn)他們的變化

微博圖片在實際環(huán)境中的效果。微博宣傳圖片實際展示時縮略圖只有120PX*120PX,大圖顯示寬度也只是440PX,在很小的面積里能讓用戶第一被吸引然后點擊才是關鍵。

4. 運營提案和方案推動

辛苦做完的設計如何讓需求方認可呢?

運營提案:包裝自己的設計方案,用最好的形式展現(xiàn)設計圖。圖文并茂的講述設計思路“為什么這么做?”“用色的原因,圖片的使用原因”都要給這些問題合理的有說服里的答案。

給自己的設計賦予概念,有利于產品推廣和公司的概念。這些都是方案推動的利器。

設計前期的溝通和討論會:如果在設計前期就和需求方一起開會討論設計思路,一起思考設計方向,創(chuàng)新點也一定在這個階段就做好溝通,并達成一致,這樣先給需求打好預防針,否則大膽的創(chuàng)新設計很有可能不被接受。

餐后甜點——沉淀和總結

一次運營的結束并不是產品宣傳的終止,要想下次還能獲得好的宣傳效果就必須總結經驗。

效果跟蹤:觀察微博用戶的反饋,記錄相關微博點擊量,你都能從中獲知你的設計存在的問題。也許你原以為很滿意的設計,實際獲得的轉發(fā)量卻比其他時候少很多,那就要仔細分析原因了。

左邊的那次設計創(chuàng)意和效果都不錯,但是同樣都是發(fā)版活動,他的轉發(fā)量(74)卻沒有圖做的沒他好看的另一次多(144)。這其中也不一定是設計的原因,但是至少可以從這里去分析一些問題。

參與活動人數(shù)的記錄,可以作為自己階段性工作的一種沉淀

規(guī)范沉淀:總結制定設計規(guī)范,這樣其他同學或者下次運營設計的時候,就有很多元素可以復用的,圖片的尺寸也有統(tǒng)一的標準,可以大大提高效率。

現(xiàn)在,一起回顧一下咱們的這次視覺大餐吧:

1,好的運營設計需要平時不斷的積累,優(yōu)秀作品收集,不斷練習,都是很好的積累途徑。

2,需求階段,找準核心很重要,深入溝通是關鍵。要找到核心點和表現(xiàn)的優(yōu)先次序,再去設計。

3,設計階段,先尋找創(chuàng)意思路,然后構思合適的版式,并且要考慮設計投放的環(huán)境,最后要找到合適的方法包裝方案,推動方案。

4,設計上線并不是產品宣傳的終止,需要效果跟蹤,是為了下一次的設計,也為了自己的沉淀。

來源:百度MUX

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 真心很喜歡,大愛!

    來自廣東 回復