自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

移動開發(fā) Android
文章從常規(guī)的banner廣告去展開敘述,對當下常見banner的設計風格等進行剖析,并融入自己的思考和總結,著重從用戶的角度去思考一張banner廣告從0到1的過程。

我們分三個維度去探討:

  • 數(shù)據(jù)驅(qū)動——提高精準性
  • 易懂性——增強可讀性
  • 情感設計——提高點擊率

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

數(shù)據(jù)驅(qū)動——提高精準性

當廣告投放沒有目的性,就很難將產(chǎn)品通過廣告?zhèn)鬟f給目標用戶,從而很難實現(xiàn)廣告的***效益化,而大數(shù)據(jù)時代往往能幫助我們的廣告精準地傳遞給有需求的用戶。

1. 通過結果數(shù)據(jù)分析

每當你打開淘寶時,首頁的banner廣告總是會彈出你近期瀏覽過的或者是購買過的同類產(chǎn)品,這就是淘寶善于使用個人大數(shù)據(jù),從而達到精準推廣的效果。

而設計師在設計banner廣告圖之前,一般會參考之前投放的結果數(shù)據(jù),例如設計A類的廣告投放量、閱讀量、點擊率等等數(shù)據(jù)去分析A圖的好壞,再通過大量的數(shù)據(jù)比對來分析出A圖中哪個單一框架所產(chǎn)生的作用更大,從而為后面的設計做參考。(ps:廣告banner的點擊量不僅僅在于視覺,跟產(chǎn)品、投放渠道等也有影響,在結果數(shù)據(jù)分析時應當注意)

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

2. 用戶需求分析

說到需求,很多人想到馬斯洛的五大需求:生理需求、安全需求、社交需求、尊重需求和自我實現(xiàn)需求,如果用一句話簡單地概括,需求即是用戶尚未滿足又渴望被滿足的愿望。當我們在設計廣告banner前,要先思考banner的投放渠道、產(chǎn)品定位等等來分析目標用戶的需求,從而讓設計更易被目標用戶接受。

舉個例子,設計一個廣告banner,投放渠道在拼多多,我們會先通過大量現(xiàn)有的數(shù)據(jù)分析出拼多多用戶群體的三大主要特點:學歷低(文案要做到簡潔易懂);一二線城市以外人群較多(設計風格要貼近用戶群體);追求低價格(突出價格視覺層級)。從追求低價高端產(chǎn)品入手,從而思考出在設計廣告banner圖時能不能突出制造對比來抓住用戶需求,解決用戶痛點。

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

設計不是千篇一律,也不需要摸著石頭過河,而是要有數(shù)據(jù)的支持,了解用戶需求,再根據(jù)需求用設計突出用戶所在乎的點,才能達到更好的效果。

易懂性——增強可讀性

易懂性強調(diào)設計應從用戶獲取信息的角度出發(fā),思考如何讓用戶更加簡單地獲取廣告信息。

1. 三秒原則

從淘寶、小米優(yōu)品等app上可發(fā)現(xiàn)banner圖片出現(xiàn)的時間只有三秒,也就是說三秒內(nèi)要傳遞給用戶所有信息,所以這里不僅要做到無障礙設計,還要思考如何設計廣告banner讓用戶快速獲取信息。一般從色彩、版式、層次、風格、創(chuàng)意等方向入手。

2. 設計可讀性

常規(guī)的廣告banner圖主要由文案框、產(chǎn)品圖/插圖框、背景框和按鈕框四個框架構成,而易懂性常常體現(xiàn)在文案框的內(nèi)容和設計上,我們要做到文案盡量簡潔通俗、文案內(nèi)容的行數(shù)盡量控制在三行以內(nèi),確??勺x性;在設計上,我們不僅要做到舒服、顯眼,還要有信息層級,合理引導用戶***眼的信息內(nèi)容。

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

遵循無障礙設計,我們要在設計前分析用戶群體、提煉產(chǎn)品賣點,針對不同年齡層用戶做到文案可讀性。如果面向兒童,我們要做到文案簡潔易懂,圖文并茂;面向老人,字體要大,需求可視化……

3. 善用行業(yè)屬性

當產(chǎn)品行業(yè)在用戶的頭腦里占據(jù)一席之地時,我們設計的廣告banner要善于利用其已有的行業(yè)風格,提前告知用戶產(chǎn)品類別,便于用戶更快獲取banner信息。那么如何利用已有的行業(yè)風格呢?這里從色彩設定、風格元素延展去分析。

色彩設定:在選擇廣告banner主色調(diào)時,我們會更偏向于行業(yè)屬性主色調(diào)>顯眼主色調(diào)>情感主色調(diào)。當然也有非常規(guī)的例如節(jié)日類的主色調(diào),選擇行業(yè)屬性主色調(diào)往往能體現(xiàn)banner獨特性。如教育一般為藍色調(diào),化妝品一般為粉色調(diào)……

風格元素:這里我們直接用一個例子來也許會更容易理解,比如下圖,沒有文案也能通過風格元素,在腦海里檢索出這個banner廣告圖的產(chǎn)品有以下幾個關鍵詞:潮流、社交,戀愛……用固有的用戶思維,快速融入廣告所要表達的信息。

[[261514]]

以上兩點都是利用用戶已有的行業(yè)印象,降低讀者的認知負擔,從而快速獲取banner信息。

也許有人會疑問,為何不用品牌,而是用行業(yè)的屬性去設計廣告banner。在思考中我也得出以下兩點結論:

  • 用戶比較懶,只能接收有限信息,記住的往往是某類行業(yè)的大屬性;
  • 廣告banner的主要目的是在于用戶接收信息,競爭往往比較小。

情感設計——提高點擊率

當廣告banner已經(jīng)能做到被用戶注意到且快速獲取信息后,我們還要思考怎么樣才能讓用戶更有欲望去點擊內(nèi)容或者在腦海中留下對產(chǎn)品的印象。我們主要從這兩個方面入手:

1. 創(chuàng)意拉近用戶距離

好的設計能引起用戶注意,而有趣的設計能讓用戶感到親切。創(chuàng)意的方式有很多種,能讓用戶感到有趣的創(chuàng)意才算好的創(chuàng)意。比如在設計有道詞典筆的banner時,加上磊哥的形象,這樣不僅加強banner的權威性,也給banner添加了趣味,從而拉近與用戶的距離。

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

2. 給用戶一點感覺

banner廣告在喚醒用戶的眼睛同時,又能告知用戶的心靈,那是***不過的。如何告知用戶心靈,我們常常根據(jù)產(chǎn)品的特點賦予感覺,比如產(chǎn)品是電飯煲,我們會給用戶描述回家的感覺;產(chǎn)品是家具,我們會給用戶描述生活……廣告是一個讓用戶感到枯燥的東西,通過情感設計,帶動用戶情緒,從而達到購買的效果。

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

除了情感上的設計外,大多數(shù)banner廣告設計也會給用戶以急迫感,比如在按鈕文案上的設計從「點擊購買」到「馬上購買」再到「立即搶購」,這種急迫感層層遞進,促使用戶點擊成交。

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

如何判斷一個設計作品能不能喚起用戶共情,如果在條件有限的情況下,我們可以自己充當那個用戶。舉個例子:當我們在設計完一張banner初稿時,我們會通過自檢的辦法檢驗一個banner是否能夠帶動用戶情緒。

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

上圖,我們通過自檢發(fā)現(xiàn)banner的各個元素都能被用戶獲取,但在情感設計上,或許還可以進一步進行思考。

網(wǎng)易設計師:能讓用戶掏錢的Banner 是如何設計的?

我們主要做了以下思考:

  • 通過文案中「篤局」–有輸有贏,所以通過顏色對比來添加趣味性,同時引導用戶的注意力。
  • 在確保文案的可讀性下,通過傾斜向上的文案給用戶積極向上的感覺,打破版面呆板。

結語

在強調(diào)用戶體驗的今天,我們的設計應當做到從用戶中來,到用戶中去,從用戶的角度去提出問題、思考問題、解決問題。歸根到底就是想賺用戶的錢,就得幫用戶提出問題,再幫用戶解決問題。

責任編輯:未麗燕 來源: 網(wǎng)易UEDC
相關推薦

2011-12-06 16:07:00

網(wǎng)頁設計

2013-07-09 09:31:57

設計師創(chuàng)業(yè)團隊

2011-07-22 13:31:18

用戶研究用戶體驗用戶理解

2014-03-04 09:39:41

設計師團隊合作

2011-02-18 09:56:42

Facebook人才FaceBook

2021-04-09 09:06:36

騰訊設計優(yōu)化

2009-04-23 09:39:48

微軟設計師戒指鼠標

2021-09-27 09:24:58

環(huán)球影城優(yōu)化App

2015-11-09 10:29:05

設計師前端

2011-04-08 09:56:03

2013-01-14 09:47:48

2021-12-06 10:14:25

設計師UX設計帕累托原則

2021-08-10 08:38:53

設計師30歲UI設計

2011-12-05 09:18:52

UI

2011-09-15 09:48:21

2021-09-04 15:59:55

物聯(lián)網(wǎng)IOT智能家居

2011-03-23 09:02:09

IE9網(wǎng)頁設計Web

2012-08-07 09:35:03

設計設計師

2015-09-14 08:57:20

設計設計師

2011-07-29 10:12:45

點贊
收藏

51CTO技術棧公眾號