視覺(jué)營(yíng)銷(xiāo)讓轉(zhuǎn)化率如此彪悍-----如何讓轉(zhuǎn)化率飆升！
1，我要做的不是什么教程，而是給大家一種引導(dǎo)！2，我決定以?xún)蓮堃曈X(jué)營(yíng)銷(xiāo)
領(lǐng)域十分出名的圖片和一個(gè)問(wèn)題做為開(kāi)場(chǎng)！
第一張圖片：
這是一張嬰兒紙尿褲的平面廣告初稿，并不是很有創(chuàng)意，因?yàn)樗a(chǎn)品的賣(mài)點(diǎn)是用文字說(shuō)明的（大標(biāo)題）。
初稿完成后老外們找了很多的人來(lái)看，記錄下他們?yōu)g覽不同位置的先后順序和重點(diǎn)查看的位置，來(lái)進(jìn)行視線(xiàn)軌跡研究，發(fā)現(xiàn)人們往往把他們的賣(mài)點(diǎn)（大標(biāo)題）放在最后瀏覽。
那么這些人是否對(duì)大標(biāo)題產(chǎn)生深刻的印象了呢？于是他們又做了另外一個(gè)實(shí)驗(yàn)：
通過(guò)記錄統(tǒng)計(jì)發(fā)現(xiàn)，很遺憾，人們的目光都聚焦在了嬰兒的臉上（紅色位置為重點(diǎn)瀏覽位置）！對(duì)他們的產(chǎn)品賣(mài)點(diǎn)的關(guān)注可以忽略不計(jì)！可以說(shuō)是個(gè)失敗的廣告。
那么我的問(wèn)題來(lái)了！如果讓你做一個(gè)簡(jiǎn)單的修改，讓人們的目光轉(zhuǎn)移到文字標(biāo)題上，你會(huì)怎么做？
我來(lái)公布一下正確答案：給嬰兒轉(zhuǎn)轉(zhuǎn)身，讓嬰兒看著標(biāo)題！我們來(lái)看看修改之后的效果。
通過(guò)簡(jiǎn)單的調(diào)整達(dá)到了想賣(mài)點(diǎn)引導(dǎo)的目的?。∵@是一個(gè)非常著名的案例。
在這個(gè)過(guò)程中運(yùn)用到的視線(xiàn)律動(dòng)和視線(xiàn)熱點(diǎn)是老外十分擅長(zhǎng)的，但是國(guó)內(nèi)在這方面卻比較弱勢(shì)。甚至有些國(guó)外交互設(shè)計(jì)師暗喻中國(guó)人不懂視覺(jué)營(yíng)銷(xiāo)。
這就是我們今天所要講的----【視覺(jué)營(yíng)銷(xiāo)】讓轉(zhuǎn)化率如此彪悍
友情提示：本期內(nèi)容共分為7個(gè)部分，前面兩段對(duì)于沒(méi)接觸過(guò)設(shè)計(jì)的淘友來(lái)說(shuō)可能略顯枯燥、晦澀，但這些內(nèi)容又無(wú)比重要不得不講，所以沒(méi)法割舍。我會(huì)盡量放慢速度給大家理解的時(shí)間！
——————————視覺(jué)營(yíng)銷(xiāo)在淘寶的概念和意義——————————
視覺(jué)營(yíng)銷(xiāo)、交互設(shè)計(jì)一直以來(lái)都是外國(guó)人在研究，國(guó)內(nèi)在這方面屬于弱項(xiàng)。在淘寶、甚至于中國(guó)網(wǎng)絡(luò)市場(chǎng)都沒(méi)有一個(gè)明確的定義。
今天我“冒天下之大不韙“來(lái)”吃這個(gè)螃蟹“。當(dāng)然，不敢說(shuō)給它一個(gè)定義，給大家分享一下我理解中的概念和意義吧。
先說(shuō)概念
“視覺(jué)營(yíng)銷(xiāo)（VMD）”由來(lái)已久，最初我們談到視覺(jué)營(yíng)銷(xiāo)想到的都是陳列、裝飾、賣(mài)場(chǎng)，是一些具象的東西。
隨著時(shí)代的發(fā)展，電子商務(wù)勢(shì)頭越發(fā)的威猛，視覺(jué)營(yíng)銷(xiāo)這一傳統(tǒng)行業(yè)的慣用手段也逐漸融入到了網(wǎng)絡(luò)世界，變得抽象化、多元化，并越來(lái)越被重視。
傳統(tǒng)行業(yè)中的視覺(jué)營(yíng)銷(xiāo)，重點(diǎn)在于陳列師對(duì)環(huán)境氛圍的布置、主題的強(qiáng)調(diào)。
而網(wǎng)絡(luò)中、尤其是淘寶中的視覺(jué)營(yíng)銷(xiāo)“成分復(fù)雜”，集交互設(shè)計(jì)、用戶(hù)體驗(yàn)、信息構(gòu)架為一體！重點(diǎn)在于視線(xiàn)把控和買(mǎi)家心里把控！（可能有的朋友對(duì)這幾個(gè)“紅詞“比較陌生，不過(guò)不要緊，我們?cè)诤竺鏁?huì)用最通俗易懂的方式把相關(guān)的內(nèi)容傳達(dá)給大家?。?。
再說(shuō)說(shuō)意義。
所有買(mǎi)家在購(gòu)物的時(shí)候都有一個(gè)同樣的流程：產(chǎn)品進(jìn)入視線(xiàn)--信息傳遞到大腦--產(chǎn)生購(gòu)買(mǎi)欲望--形成購(gòu)買(mǎi)。
大家可以在心里想一下，你在購(gòu)物的時(shí)候是不是這樣的環(huán)節(jié)。
通過(guò)這個(gè)流程我們不難看出，【視覺(jué)】是一切購(gòu)買(mǎi)的前提！
實(shí)際上這個(gè)流程并不完整，應(yīng)該再多加上幾個(gè)字：產(chǎn)品有選擇性的進(jìn)入買(mǎi)家視線(xiàn)--買(mǎi)家有選擇性的接收信息到大腦--傳達(dá)的信息刺激買(mǎi)家，從而產(chǎn)生購(gòu)買(mǎi)欲望--最終形成購(gòu)買(mǎi)。
大家應(yīng)該都注意到了紅色的文字，我來(lái)舉例說(shuō)明一下什么是“有選擇性的”:
同一頁(yè)列表中有多個(gè)商品，買(mǎi)家會(huì)因?yàn)榉N種原因過(guò)濾忽略一些商品只觀察個(gè)別商品、寶貝描述中的商品信息買(mǎi)家也會(huì)同樣會(huì)篩選出重點(diǎn)查看的和濾掉的內(nèi)容！
聰明的朋友應(yīng)該已經(jīng)想到，其實(shí)做好業(yè)績(jī)就是在眼花繚亂的市場(chǎng)中霸占買(mǎi)家視線(xiàn)、讓買(mǎi)家重點(diǎn)接收你想傳達(dá)的信息、刺激買(mǎi)家的購(gòu)物欲！
那么如何在萬(wàn)千商品中脫穎而出？如何讓買(mǎi)家接收你的優(yōu)點(diǎn)、屏蔽你的弊端？如何刺激買(mǎi)家的購(gòu)買(mǎi)欲望？
答案：優(yōu)秀的視覺(jué)營(yíng)銷(xiāo)！
做好視覺(jué)營(yíng)銷(xiāo)就能完成以上的一系列問(wèn)號(hào)，這就是視覺(jué)營(yíng)銷(xiāo)的意義！
OK，第一部分就是這樣~~
下面進(jìn)行下一部分
————————————無(wú)處不在的視覺(jué)營(yíng)銷(xiāo)——————————————
————————————從淘寶交易說(shuō)視覺(jué)營(yíng)銷(xiāo)————————————
我這人思維比較跳躍，突然決定這兩部分內(nèi)容我合并著講解。
首先我們來(lái)回顧一下淘寶的常規(guī)交易流程，請(qǐng)大家仔細(xì)的看下圖片，一會(huì)有問(wèn)幾個(gè)問(wèn)題需要大家解答！
我簡(jiǎn)單的說(shuō)明一下這張圖交易流程圖，
商品是所有交易的基礎(chǔ)，所以排在第一位！這個(gè)不用多說(shuō)。
緊隨其后的就是曝光，首先你需要吧商品展現(xiàn)在買(mǎi)家面前，才可以談到其他的，人家都看不到你的商品那么何談購(gòu)買(mǎi)？
再然后是點(diǎn)擊，曝光時(shí)吸引了買(mǎi)家注意然后形成了點(diǎn)擊，從曝光到點(diǎn)擊的過(guò)程我們一般稱(chēng)之為流量！
最后買(mǎi)家經(jīng)過(guò)仔細(xì)的權(quán)衡確定購(gòu)買(mǎi)，形成了訂單！
這就是一般情況下的淘寶交易流程，
那么我的問(wèn)題來(lái)了--轉(zhuǎn)化率在哪？？或者說(shuō)從哪個(gè)環(huán)節(jié)到哪個(gè)環(huán)節(jié)產(chǎn)生了轉(zhuǎn)化率？
我統(tǒng)計(jì)了一下，大部分淘友的回答都是“點(diǎn)擊到訂單！”
我正式給下答案：
絕大多數(shù)的賣(mài)家在說(shuō)到轉(zhuǎn)化率的時(shí)候往往想的都是訂單轉(zhuǎn)化率，其實(shí)這么說(shuō)是不完整的。
正確答案是從曝光到點(diǎn)擊是點(diǎn)擊轉(zhuǎn)化率；從點(diǎn)擊到形成購(gòu)買(mǎi)叫訂單轉(zhuǎn)化率！也就是說(shuō)，轉(zhuǎn)化率，其實(shí)有兩個(gè)部分！
跟進(jìn)今天的主題！視覺(jué)營(yíng)銷(xiāo)的主要功能是提高轉(zhuǎn)化率，那么都出現(xiàn)在哪些環(huán)節(jié)中呢？
我們看圖來(lái)分析視覺(jué)營(yíng)銷(xiāo)都出現(xiàn)在哪
通常情況下商品分為三個(gè)部分：頁(yè)頭、寶貝詳情、種種形式的關(guān)聯(lián)銷(xiāo)售。
視覺(jué)營(yíng)銷(xiāo)影響頁(yè)頭在搜索是曝光的點(diǎn)擊轉(zhuǎn)化率。
要點(diǎn)：體現(xiàn)視覺(jué)傳達(dá)的重點(diǎn)（即，產(chǎn)品賣(mài)點(diǎn)）與同類(lèi)型產(chǎn)品有強(qiáng)烈的差異性！
視覺(jué)營(yíng)銷(xiāo)影響寶貝詳情展示給買(mǎi)家時(shí)的接受信息，從而影響訂單轉(zhuǎn)化率。
要點(diǎn)：在描述中凸顯產(chǎn)品的價(jià)值點(diǎn)?。ㄅc賣(mài)點(diǎn)不同的是，賣(mài)點(diǎn)可以是“包郵“”折扣“等，價(jià)值點(diǎn)指的是”用此產(chǎn)品安全、省電、快速安全減肥“等等吸引買(mǎi)家的產(chǎn)品特點(diǎn)）展現(xiàn)可靠性（可靠性無(wú)非就是有力證據(jù)來(lái)證明產(chǎn)品的正品、效果，這個(gè)無(wú)需多說(shuō)。）
視覺(jué)營(yíng)銷(xiāo)影響關(guān)聯(lián)銷(xiāo)售的點(diǎn)擊轉(zhuǎn)化率、和訂單轉(zhuǎn)化率。
要點(diǎn)：可發(fā)現(xiàn)性（重點(diǎn)展示部分，在容易發(fā)現(xiàn)的位置）、可訪問(wèn)性（指買(mǎi)家訪問(wèn)的可能，除了一定要有跳轉(zhuǎn)鏈接外還要注意搭配，本身是鞋類(lèi)商品去關(guān)聯(lián)內(nèi)衣就屬于沒(méi)有可訪問(wèn)性）
視覺(jué)營(yíng)銷(xiāo)影響廣告推送的全部！
（關(guān)于廣告推送的相關(guān)內(nèi)容和要點(diǎn)的舉例我們放在后面*）
我在寫(xiě)稿之前有個(gè)朋友非常的困惑，問(wèn)我--視覺(jué)營(yíng)銷(xiāo)不就是讓美工做兩張好看的圖片嗎？
因?yàn)檫@個(gè)問(wèn)題我不得不講講普遍存在的的誤區(qū)！
誤區(qū)：好的視覺(jué)營(yíng)銷(xiāo)就是漂亮的圖片！
這種說(shuō)法×！大×特×！
我們來(lái)看一組圖片！
大家在心里感覺(jué)一下這兩張圖片哪個(gè)美觀，哪個(gè)效果好、會(huì)得到更多的點(diǎn)擊率
兩張圖片都是選自昨天的淘寶首頁(yè)輪播，從圖片美觀程度上來(lái)說(shuō)圖a 無(wú)論是在構(gòu)圖上海是色彩上都比圖b好，圖b看起來(lái)頗有點(diǎn)山寨的味道。但實(shí)際上呢？淘首頁(yè)的小二透漏圖B的點(diǎn)擊轉(zhuǎn)化率和訂單轉(zhuǎn)化率都比圖A高很多！
何解？就像大家回答的這樣。因?yàn)閳DB準(zhǔn)確的展現(xiàn)了他的賣(mài)點(diǎn)，而圖A的賣(mài)點(diǎn)并不明確！
給大家分享兩句交互設(shè)計(jì)大師的名言結(jié)束這個(gè)誤區(qū)！
漂亮的頁(yè)面只能用來(lái)加分，不能用來(lái)打分！舒服、準(zhǔn)確是比漂亮更高層次的藝術(shù)！
OK，枯燥乏味的理論內(nèi)容終于講完了，我們進(jìn)入實(shí)例內(nèi)容。
視線(xiàn)跟蹤技術(shù)早期主要應(yīng)用于心理學(xué)研究、助殘等領(lǐng)域，后來(lái)才被應(yīng)用于圖像壓縮及人機(jī)交互和可用性工程。從用戶(hù)注視信息中：（1）推斷人們感興趣或引起注意的內(nèi)容(2) 通過(guò)所注視的對(duì)象可得到其指代對(duì)象(3) 暗示對(duì)象之間的關(guān)系
能否自發(fā)、自覺(jué)地使用視覺(jué)導(dǎo)向的設(shè)計(jì)方法，并根據(jù)視覺(jué)路徑走向排列關(guān)鍵信息，這也是區(qū)別專(zhuān)業(yè)與業(yè)余設(shè)計(jì)師的一個(gè)重要依據(jù)。
給大家發(fā)張圖片，這個(gè)大家可以保存一下，以后在設(shè)計(jì)頁(yè)面和廣告圖片的時(shí)候用的上！
我們來(lái)對(duì)照?qǐng)D案的標(biāo)號(hào)查看一下，為大家說(shuō)明這張圖的含義。
A.左右移動(dòng)優(yōu)先于上下移動(dòng)（文字左右書(shū)寫(xiě)的情況）這是正常人的瀏覽習(xí)慣，
同樣可適用于同規(guī)格圖片平行排列的情況。
B.在同一背景區(qū)域移動(dòng)（在頁(yè)面某一部分明顯區(qū)別去其他部分的時(shí)候，人們會(huì)不斷的把視線(xiàn)集中在這，來(lái)回瀏覽。）
C.移向醒目的地方（試想，你登了淘寶首頁(yè)或其他廣告位置，大家都是黑色系的，你所在的小區(qū)域是橘黃的……）
D. 向底部移動(dòng)的可能性?。ㄐ涯康倪吙蛴兄卮蟮淖饔?！用在哪大家自己去想！邪惡的笑）
——————————————視線(xiàn)焦點(diǎn)——————————————
打開(kāi)一個(gè)新的網(wǎng)頁(yè)，我們的視線(xiàn)首先會(huì)聚焦在網(wǎng)頁(yè)中最引人注意的那一點(diǎn)上，即視線(xiàn)焦點(diǎn)（eye-catcher）。發(fā)圖（大家可以另存為）
E. 上面配置一個(gè)eye-catcher（視覺(jué)焦點(diǎn)）會(huì)導(dǎo)致難于解讀。很多朋友的首頁(yè)都在最上面放了一個(gè)非常耀眼的圖片，這種情況就屬于E，不利于用戶(hù)瀏覽更多、更深入
F. 中央配置了eye-catcher時(shí)視線(xiàn)不穩(wěn)定
G. 右上配置了eye-catcher時(shí)視線(xiàn)不穩(wěn)定
大家一定都在想，這也不能放那也不能放，那我們放哪？
在這里H. 點(diǎn)對(duì)稱(chēng)時(shí)視線(xiàn)流向穩(wěn)定
我們來(lái)舉例說(shuō)明
這張是一個(gè)日本網(wǎng)站的商品宣傳頁(yè)面~~
1. 左上配好視覺(jué)焦點(diǎn)并加以強(qiáng)調(diào)2. 橫向整列排列圖片，統(tǒng)一背景3. 做成點(diǎn)對(duì)稱(chēng)。
我說(shuō)的是改良建議~看一下改良結(jié)果。
改良前，看到這個(gè)界面的朋友完全不知道他的重點(diǎn)在哪里，毫無(wú)繼續(xù)看下去的欲望！如果是我的話(huà)絕對(duì)會(huì)毫不留情的Alt+F4！改良后的圖片明顯順眼多了！給了我一個(gè)繼續(xù)瀏覽下去的理由。
記住，不要讓用戶(hù)自己去想先看哪！買(mǎi)家永遠(yuǎn)是最沒(méi)有耐心的群體?。?/p>
NEXT~——————————————常規(guī)流程——————————————
我們來(lái)舉例說(shuō)明流程，同時(shí)證明一下視覺(jué)營(yíng)銷(xiāo)不僅僅是美工的事，還有更多是市場(chǎng)和運(yùn)營(yíng)的事！美工只是實(shí)現(xiàn)者（18歲以上的朋友請(qǐng)?jiān)诟改概阃掠^看）：
保健食品的店家，打算開(kāi)發(fā)安全套新品，在開(kāi)發(fā)前就鎖定了先從老用戶(hù)下手，所以首先他統(tǒng)計(jì)了自己老用戶(hù)都會(huì)買(mǎi)說(shuō)明相關(guān)商品、數(shù)量多少！
有56%的老顧客都購(gòu)買(mǎi)過(guò)安全套，這個(gè)東西屬于周期性商品，買(mǎi)過(guò)之后還會(huì)再買(mǎi)，所以市場(chǎng)前景應(yīng)該是不錯(cuò)的。——調(diào)研環(huán)節(jié)！
安全套這種產(chǎn)品的受眾十分簡(jiǎn)單--情侶或夫妻。
經(jīng)統(tǒng)計(jì)分析這些老用戶(hù)更喜歡杜蕾斯、岡本和第六感，喜歡一次30-50枚的購(gòu)買(mǎi)--需求分析。
因?yàn)槭鼙姸嗍乔閭H和夫妻，賣(mài)的又是安全設(shè)備，設(shè)計(jì)概念就好說(shuō)了——愛(ài)她，保護(hù)她不受傷害！（描述中體現(xiàn)）
因?yàn)榇蠹蚁矚g30-50枚的購(gòu)買(mǎi)，賣(mài)點(diǎn)就定位為30枚包郵！——視線(xiàn)要點(diǎn)。
因?yàn)檫x定的推送目標(biāo)是老用戶(hù)，推送方式選擇為旺旺群發(fā)——渠道選擇！
這是一個(gè)簡(jiǎn)單且完成的視覺(jué)營(yíng)銷(xiāo)案例。我們來(lái)看看效果：
圖片其實(shí)非常簡(jiǎn)單，美工1分鐘能做兩張，30天銷(xiāo)量42660件！轉(zhuǎn)化率9%！非常成功！
視覺(jué)營(yíng)銷(xiāo)不僅僅是美工的事，還有更多是市場(chǎng)和運(yùn)營(yíng)的事！美工只是實(shí)現(xiàn)者！當(dāng)你視覺(jué)營(yíng)銷(xiāo)做不好的時(shí)候，不要想著炒美工魷魚(yú)，想想你的市場(chǎng)和運(yùn)營(yíng)做到位了沒(méi)有！
NEXT!—————————————【提升】方法&實(shí)例——————————————
上午的時(shí)候我在淘寶上搜索“裙子”出現(xiàn)了下面這樣的情況：
刷新出來(lái)后哪個(gè)第一眼就給你點(diǎn)擊欲望？或者說(shuō)大家被那些（個(gè)）圖片所吸引？
相信大家第一眼就有了答案，時(shí)間有限就不讓大家回答了。我直接給出答案！
排名位置、差異效應(yīng)和邊框效應(yīng)（違規(guī)與否大家思量著來(lái)哈，前文說(shuō)的明白，我今天的任務(wù)不是做教程而是思維上的引導(dǎo)）是自然搜索時(shí)常用的視覺(jué)營(yíng)銷(xiāo)手段。
之前我發(fā)出來(lái)的那兩張圖上所展示都是小日本基于視線(xiàn)律動(dòng)和視覺(jué)焦點(diǎn)所研究得出的。每個(gè)小圖都是很有意義的，剛才這張圖包含了三種小圖的運(yùn)用，剩下5種留個(gè)大家去思考！
再簡(jiǎn)單的看看其他的常用方法：
我在找插畫(huà)書(shū)的時(shí)候找到的，精準(zhǔn)的關(guān)聯(lián)推薦，驚艷且操作方便的頁(yè)面布局（精準(zhǔn)指的是和我搜索的東西匹配性高，例如我搜索手機(jī)，他在描述里關(guān)聯(lián)了手機(jī)套，這就是匹配性高。要是他關(guān)聯(lián)了個(gè)鞋帶我才不理他?。?/p>
一目了然的產(chǎn)品亮點(diǎn)！賣(mài)家把這張圖放在最頂端，本來(lái)我就對(duì)這款機(jī)器感興趣，再看到這張圖上詳述的功能亮點(diǎn)，激起了我的購(gòu)買(mǎi)欲望！其實(shí)下面還有很多圖片很誘人，我就不多截圖了。值得一提的是，我目前正在用這款機(jī)器，就是從這家店買(mǎi)的。
還有好多可靠性、可訪問(wèn)性、可發(fā)現(xiàn)性、期望值等方面的內(nèi)容，因?yàn)闀r(shí)間關(guān)系我就不一
一舉例了！
最后普及點(diǎn)基礎(chǔ)知識(shí)
在網(wǎng)絡(luò)，提到視覺(jué)營(yíng)銷(xiāo)眾人的腦袋中是這個(gè)樣子的
在網(wǎng)絡(luò)，提到視覺(jué)營(yíng)銷(xiāo)眾人的腦袋中是這個(gè)樣子的！千頭萬(wàn)緒、混亂不堪！
而這其中有幾個(gè)詞是大家必須要知道的，公司發(fā)展招人的時(shí)候用的到。
UX--用戶(hù)體驗(yàn)UED--用戶(hù)體驗(yàn)設(shè)計(jì)UCD--以用戶(hù)為中心的設(shè)計(jì)IXD--交互設(shè)計(jì)（想做好視覺(jué)營(yíng)銷(xiāo)，必須懂這個(gè)）。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 視覺(jué)營(yíng)銷(xiāo)讓轉(zhuǎn)化率如此彪悍！
