視覺營銷讓轉(zhuǎn)化率如此彪悍-----如何讓轉(zhuǎn)化率飆升！

1，我要做的不是什么教程，而是給大家一種引導(dǎo)！2，我決定以兩張視覺營銷

領(lǐng)域十分出名的圖片和一個(gè)問題做為開場！

第一張圖片：

這是一張嬰兒紙尿褲的平面廣告初稿，并不是很有創(chuàng)意，因?yàn)樗a(chǎn)品的賣點(diǎn)是用文字說明的（大標(biāo)題）。

初稿完成后老外們找了很多的人來看，記錄下他們?yōu)g覽不同位置的先后順序和重點(diǎn)查看的位置，來進(jìn)行視線軌跡研究，發(fā)現(xiàn)人們往往把他們的賣點(diǎn)（大標(biāo)題）放在最后瀏覽。

那么這些人是否對大標(biāo)題產(chǎn)生深刻的印象了呢？于是他們又做了另外一個(gè)實(shí)驗(yàn)：

通過記錄統(tǒng)計(jì)發(fā)現(xiàn)，很遺憾，人們的目光都聚焦在了嬰兒的臉上（紅色位置為重點(diǎn)瀏覽位置）！對他們的產(chǎn)品賣點(diǎn)的關(guān)注可以忽略不計(jì)！可以說是個(gè)失敗的廣告。

那么我的問題來了！如果讓你做一個(gè)簡單的修改，讓人們的目光轉(zhuǎn)移到文字標(biāo)題上，你會(huì)怎么做？

我來公布一下正確答案：給嬰兒轉(zhuǎn)轉(zhuǎn)身，讓嬰兒看著標(biāo)題！我們來看看修改之后的效果。

通過簡單的調(diào)整達(dá)到了想賣點(diǎn)引導(dǎo)的目的！！這是一個(gè)非常著名的案例。

在這個(gè)過程中運(yùn)用到的視線律動(dòng)和視線熱點(diǎn)是老外十分擅長的，但是國內(nèi)在這方面卻比較弱勢。甚至有些國外交互設(shè)計(jì)師暗喻中國人不懂視覺營銷。

這就是我們今天所要講的----【視覺營銷】讓轉(zhuǎn)化率如此彪悍

友情提示：本期內(nèi)容共分為7個(gè)部分，前面兩段對于沒接觸過設(shè)計(jì)的淘友來說可能略顯枯燥、晦澀，但這些內(nèi)容又無比重要不得不講，所以沒法割舍。我會(huì)盡量放慢速度給大家理解的時(shí)間！

——————————視覺營銷在淘寶的概念和意義——————————

視覺營銷、交互設(shè)計(jì)一直以來都是外國人在研究，國內(nèi)在這方面屬于弱項(xiàng)。在淘寶、甚至于中國網(wǎng)絡(luò)市場都沒有一個(gè)明確的定義。

今天我“冒天下之大不韙“來”吃這個(gè)螃蟹“。當(dāng)然，不敢說給它一個(gè)定義，給大家分享一下我理解中的概念和意義吧。

先說概念

“視覺營銷（VMD）”由來已久，最初我們談到視覺營銷想到的都是陳列、裝飾、賣場，是一些具象的東西。

隨著時(shí)代的發(fā)展，電子商務(wù)勢頭越發(fā)的威猛，視覺營銷這一傳統(tǒng)行業(yè)的慣用手段也逐漸融入到了網(wǎng)絡(luò)世界，變得抽象化、多元化，并越來越被重視。

傳統(tǒng)行業(yè)中的視覺營銷，重點(diǎn)在于陳列師對環(huán)境氛圍的布置、主題的強(qiáng)調(diào)。

而網(wǎng)絡(luò)中、尤其是淘寶中的視覺營銷“成分復(fù)雜”，集交互設(shè)計(jì)、用戶體驗(yàn)、信息構(gòu)架為一體！重點(diǎn)在于視線把控和買家心里把控！（可能有的朋友對這幾個(gè)“紅詞“比較陌生，不過不要緊，我們在后面會(huì)用最通俗易懂的方式把相關(guān)的內(nèi)容傳達(dá)給大家！）。

再說說意義。

所有買家在購物的時(shí)候都有一個(gè)同樣的流程：產(chǎn)品進(jìn)入視線--信息傳遞到大腦--產(chǎn)生購買欲望--形成購買。

大家可以在心里想一下，你在購物的時(shí)候是不是這樣的環(huán)節(jié)。

通過這個(gè)流程我們不難看出，【視覺】是一切購買的前提！

實(shí)際上這個(gè)流程并不完整，應(yīng)該再多加上幾個(gè)字：產(chǎn)品有選擇性的進(jìn)入買家視線--買家有選擇性的接收信息到大腦--傳達(dá)的信息刺激買家，從而產(chǎn)生購買欲望--最終形成購買。

大家應(yīng)該都注意到了紅色的文字，我來舉例說明一下什么是“有選擇性的”:

同一頁列表中有多個(gè)商品，買家會(huì)因?yàn)榉N種原因過濾忽略一些商品只觀察個(gè)別商品、寶貝描述中的商品信息買家也會(huì)同樣會(huì)篩選出重點(diǎn)查看的和濾掉的內(nèi)容！

聰明的朋友應(yīng)該已經(jīng)想到，其實(shí)做好業(yè)績就是在眼花繚亂的市場中霸占買家視線、讓買家重點(diǎn)接收你想傳達(dá)的信息、刺激買家的購物欲！

那么如何在萬千商品中脫穎而出？如何讓買家接收你的優(yōu)點(diǎn)、屏蔽你的弊端？如何刺激買家的購買欲望？

答案：優(yōu)秀的視覺營銷！

做好視覺營銷就能完成以上的一系列問號，這就是視覺營銷的意義！

OK，第一部分就是這樣~~

下面進(jìn)行下一部分

————————————無處不在的視覺營銷——————————————

————————————從淘寶交易說視覺營銷————————————

我這人思維比較跳躍，突然決定這兩部分內(nèi)容我合并著講解。

首先我們來回顧一下淘寶的常規(guī)交易流程，請大家仔細(xì)的看下圖片，一會(huì)有問幾個(gè)問題需要大家解答！

我簡單的說明一下這張圖交易流程圖，

商品是所有交易的基礎(chǔ)，所以排在第一位！這個(gè)不用多說。

緊隨其后的就是曝光，首先你需要吧商品展現(xiàn)在買家面前，才可以談到其他的，人家都看不到你的商品那么何談購買？

再然后是點(diǎn)擊，曝光時(shí)吸引了買家注意然后形成了點(diǎn)擊，從曝光到點(diǎn)擊的過程我們一般稱之為流量！

最后買家經(jīng)過仔細(xì)的權(quán)衡確定購買，形成了訂單！

這就是一般情況下的淘寶交易流程，

那么我的問題來了--轉(zhuǎn)化率在哪？？或者說從哪個(gè)環(huán)節(jié)到哪個(gè)環(huán)節(jié)產(chǎn)生了轉(zhuǎn)化率？

我統(tǒng)計(jì)了一下，大部分淘友的回答都是“點(diǎn)擊到訂單！”

我正式給下答案：

絕大多數(shù)的賣家在說到轉(zhuǎn)化率的時(shí)候往往想的都是訂單轉(zhuǎn)化率，其實(shí)這么說是不完整的。

正確答案是從曝光到點(diǎn)擊是點(diǎn)擊轉(zhuǎn)化率；從點(diǎn)擊到形成購買叫訂單轉(zhuǎn)化率！也就是說，轉(zhuǎn)化率，其實(shí)有兩個(gè)部分！

跟進(jìn)今天的主題！視覺營銷的主要功能是提高轉(zhuǎn)化率，那么都出現(xiàn)在哪些環(huán)節(jié)中呢？

我們看圖來分析視覺營銷都出現(xiàn)在哪

通常情況下商品分為三個(gè)部分：頁頭、寶貝詳情、種種形式的關(guān)聯(lián)銷售。

視覺營銷影響頁頭在搜索是曝光的點(diǎn)擊轉(zhuǎn)化率。

要點(diǎn)：體現(xiàn)視覺傳達(dá)的重點(diǎn)（即，產(chǎn)品賣點(diǎn)）與同類型產(chǎn)品有強(qiáng)烈的差異性！

視覺營銷影響寶貝詳情展示給買家時(shí)的接受信息，從而影響訂單轉(zhuǎn)化率。

要點(diǎn)：在描述中凸顯產(chǎn)品的價(jià)值點(diǎn)！（與賣點(diǎn)不同的是，賣點(diǎn)可以是“包郵“”折扣“等，價(jià)值點(diǎn)指的是”用此產(chǎn)品安全、省電、快速安全減肥“等等吸引買家的產(chǎn)品特點(diǎn)）展現(xiàn)可靠性（可靠性無非就是有力證據(jù)來證明產(chǎn)品的正品、效果，這個(gè)無需多說。）

視覺營銷影響關(guān)聯(lián)銷售的點(diǎn)擊轉(zhuǎn)化率、和訂單轉(zhuǎn)化率。

要點(diǎn)：可發(fā)現(xiàn)性（重點(diǎn)展示部分，在容易發(fā)現(xiàn)的位置）、可訪問性（指買家訪問的可能，除了一定要有跳轉(zhuǎn)鏈接外還要注意搭配，本身是鞋類商品去關(guān)聯(lián)內(nèi)衣就屬于沒有可訪問性）

視覺營銷影響廣告推送的全部！

（關(guān)于廣告推送的相關(guān)內(nèi)容和要點(diǎn)的舉例我們放在后面*）

我在寫稿之前有個(gè)朋友非常的困惑，問我--視覺營銷不就是讓美工做兩張好看的圖片嗎？

因?yàn)檫@個(gè)問題我不得不講講普遍存在的的誤區(qū)！

誤區(qū)：好的視覺營銷就是漂亮的圖片！

這種說法×！大×特×！

我們來看一組圖片！

大家在心里感覺一下這兩張圖片哪個(gè)美觀，哪個(gè)效果好、會(huì)得到更多的點(diǎn)擊率

兩張圖片都是選自昨天的淘寶首頁輪播，從圖片美觀程度上來說圖a 無論是在構(gòu)圖上海是色彩上都比圖b好，圖b看起來頗有點(diǎn)山寨的味道。但實(shí)際上呢？淘首頁的小二透漏圖B的點(diǎn)擊轉(zhuǎn)化率和訂單轉(zhuǎn)化率都比圖A高很多！

何解？就像大家回答的這樣。因?yàn)閳DB準(zhǔn)確的展現(xiàn)了他的賣點(diǎn)，而圖A的賣點(diǎn)并不明確！

給大家分享兩句交互設(shè)計(jì)大師的名言結(jié)束這個(gè)誤區(qū)！

漂亮的頁面只能用來加分，不能用來打分！舒服、準(zhǔn)確是比漂亮更高層次的藝術(shù)！

OK，枯燥乏味的理論內(nèi)容終于講完了，我們進(jìn)入實(shí)例內(nèi)容。

視線跟蹤技術(shù)早期主要應(yīng)用于心理學(xué)研究、助殘等領(lǐng)域，后來才被應(yīng)用于圖像壓縮及人機(jī)交互和可用性工程。從用戶注視信息中：（1）推斷人們感興趣或引起注意的內(nèi)容(2) 通過所注視的對象可得到其指代對象(3) 暗示對象之間的關(guān)系

能否自發(fā)、自覺地使用視覺導(dǎo)向的設(shè)計(jì)方法，并根據(jù)視覺路徑走向排列關(guān)鍵信息，這也是區(qū)別專業(yè)與業(yè)余設(shè)計(jì)師的一個(gè)重要依據(jù)。

給大家發(fā)張圖片，這個(gè)大家可以保存一下，以后在設(shè)計(jì)頁面和廣告圖片的時(shí)候用的上！

我們來對照圖案的標(biāo)號查看一下，為大家說明這張圖的含義。

A.左右移動(dòng)優(yōu)先于上下移動(dòng)（文字左右書寫的情況）這是正常人的瀏覽習(xí)慣，

同樣可適用于同規(guī)格圖片平行排列的情況。

B.在同一背景區(qū)域移動(dòng)（在頁面某一部分明顯區(qū)別去其他部分的時(shí)候，人們會(huì)不斷的把視線集中在這，來回瀏覽。）

C.移向醒目的地方（試想，你登了淘寶首頁或其他廣告位置，大家都是黑色系的，你所在的小區(qū)域是橘黃的……）

D. 向底部移動(dòng)的可能性小（醒目的邊框有著重大的作用！用在哪大家自己去想！邪惡的笑）

——————————————視線焦點(diǎn)——————————————

打開一個(gè)新的網(wǎng)頁，我們的視線首先會(huì)聚焦在網(wǎng)頁中最引人注意的那一點(diǎn)上，即視線焦點(diǎn)（eye-catcher）。發(fā)圖（大家可以另存為）

E. 上面配置一個(gè)eye-catcher（視覺焦點(diǎn)）會(huì)導(dǎo)致難于解讀。很多朋友的首頁都在最上面放了一個(gè)非常耀眼的圖片，這種情況就屬于E，不利于用戶瀏覽更多、更深入

F. 中央配置了eye-catcher時(shí)視線不穩(wěn)定

G. 右上配置了eye-catcher時(shí)視線不穩(wěn)定

大家一定都在想，這也不能放那也不能放，那我們放哪？

在這里H. 點(diǎn)對稱時(shí)視線流向穩(wěn)定

我們來舉例說明

這張是一個(gè)日本網(wǎng)站的商品宣傳頁面~~

1. 左上配好視覺焦點(diǎn)并加以強(qiáng)調(diào)2. 橫向整列排列圖片，統(tǒng)一背景3. 做成點(diǎn)對稱。

我說的是改良建議~看一下改良結(jié)果。

改良前，看到這個(gè)界面的朋友完全不知道他的重點(diǎn)在哪里，毫無繼續(xù)看下去的欲望！如果是我的話絕對會(huì)毫不留情的Alt+F4！改良后的圖片明顯順眼多了！給了我一個(gè)繼續(xù)瀏覽下去的理由。

記住，不要讓用戶自己去想先看哪！買家永遠(yuǎn)是最沒有耐心的群體！！

NEXT~——————————————常規(guī)流程——————————————

我們來舉例說明流程，同時(shí)證明一下視覺營銷不僅僅是美工的事，還有更多是市場和運(yùn)營的事！美工只是實(shí)現(xiàn)者（18歲以上的朋友請?jiān)诟改概阃掠^看）：

保健食品的店家，打算開發(fā)安全套新品，在開發(fā)前就鎖定了先從老用戶下手，所以首先他統(tǒng)計(jì)了自己老用戶都會(huì)買說明相關(guān)商品、數(shù)量多少！

有56%的老顧客都購買過安全套，這個(gè)東西屬于周期性商品，買過之后還會(huì)再買，所以市場前景應(yīng)該是不錯(cuò)的。——調(diào)研環(huán)節(jié)！

安全套這種產(chǎn)品的受眾十分簡單--情侶或夫妻。

經(jīng)統(tǒng)計(jì)分析這些老用戶更喜歡杜蕾斯、岡本和第六感，喜歡一次30-50枚的購買--需求分析。

因?yàn)槭鼙姸嗍乔閭H和夫妻，賣的又是安全設(shè)備，設(shè)計(jì)概念就好說了——愛她，保護(hù)她不受傷害！（描述中體現(xiàn)）

因?yàn)榇蠹蚁矚g30-50枚的購買，賣點(diǎn)就定位為30枚包郵！——視線要點(diǎn)。

因?yàn)檫x定的推送目標(biāo)是老用戶，推送方式選擇為旺旺群發(fā)——渠道選擇！

這是一個(gè)簡單且完成的視覺營銷案例。我們來看看效果：

圖片其實(shí)非常簡單，美工1分鐘能做兩張，30天銷量42660件！轉(zhuǎn)化率9%！非常成功！

視覺營銷不僅僅是美工的事，還有更多是市場和運(yùn)營的事！美工只是實(shí)現(xiàn)者！當(dāng)你視覺營銷做不好的時(shí)候，不要想著炒美工魷魚，想想你的市場和運(yùn)營做到位了沒有！

NEXT!—————————————【提升】方法&實(shí)例——————————————

上午的時(shí)候我在淘寶上搜索“裙子”出現(xiàn)了下面這樣的情況：

刷新出來后哪個(gè)第一眼就給你點(diǎn)擊欲望？或者說大家被那些（個(gè)）圖片所吸引？

相信大家第一眼就有了答案，時(shí)間有限就不讓大家回答了。我直接給出答案！

排名位置、差異效應(yīng)和邊框效應(yīng)（違規(guī)與否大家思量著來哈，前文說的明白，我今天的任務(wù)不是做教程而是思維上的引導(dǎo)）是自然搜索時(shí)常用的視覺營銷手段。

之前我發(fā)出來的那兩張圖上所展示都是小日本基于視線律動(dòng)和視覺焦點(diǎn)所研究得出的。每個(gè)小圖都是很有意義的，剛才這張圖包含了三種小圖的運(yùn)用，剩下5種留個(gè)大家去思考！

再簡單的看看其他的常用方法：

我在找插畫書的時(shí)候找到的，精準(zhǔn)的關(guān)聯(lián)推薦，驚艷且操作方便的頁面布局（精準(zhǔn)指的是和我搜索的東西匹配性高，例如我搜索手機(jī)，他在描述里關(guān)聯(lián)了手機(jī)套，這就是匹配性高。要是他關(guān)聯(lián)了個(gè)鞋帶我才不理他！）

一目了然的產(chǎn)品亮點(diǎn)！賣家把這張圖放在最頂端，本來我就對這款機(jī)器感興趣，再看到這張圖上詳述的功能亮點(diǎn)，激起了我的購買欲望！其實(shí)下面還有很多圖片很誘人，我就不多截圖了。值得一提的是，我目前正在用這款機(jī)器，就是從這家店買的。

還有好多可靠性、可訪問性、可發(fā)現(xiàn)性、期望值等方面的內(nèi)容，因?yàn)闀r(shí)間關(guān)系我就不一
一舉例了！

最后普及點(diǎn)基礎(chǔ)知識

在網(wǎng)絡(luò)，提到視覺營銷眾人的腦袋中是這個(gè)樣子的

在網(wǎng)絡(luò)，提到視覺營銷眾人的腦袋中是這個(gè)樣子的！千頭萬緒、混亂不堪！

而這其中有幾個(gè)詞是大家必須要知道的，公司發(fā)展招人的時(shí)候用的到。

UX--用戶體驗(yàn)UED--用戶體驗(yàn)設(shè)計(jì)UCD--以用戶為中心的設(shè)計(jì)IXD--交互設(shè)計(jì)（想做好視覺營銷，必須懂這個(gè)）。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 視覺營銷讓轉(zhuǎn)化率如此彪悍！