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