你喜歡在博客文章中使用圖片嗎？是的，如果不是很麻煩的話，相信大家都不會(huì)介意放上幾張漂亮的圖片來點(diǎn)綴一下內(nèi)容的，不過你的圖片可能會(huì)導(dǎo)致下面的兩種后果：

圖片會(huì)幫助你實(shí)現(xiàn)你的業(yè)務(wù)目標(biāo)，也可能會(huì)傷害你的轉(zhuǎn)換率。

聽上去很簡(jiǎn)單，不過除非你能夠真正了解圖片是如何來影響人們做出購買決定的，圖片的一些細(xì)微差別就可能給你的轉(zhuǎn)換率帶來截然不同的效果。

因此，從今天開始，不要再盲目地添加一些沒有必要的裝飾圖片到你的網(wǎng)站了！

為什么你不該使用圖片來做裝飾

如果你經(jīng)常寫銷售文案或者Landing Page，你可能聽過這樣的話：“一字值千金，一圖抵千字”

這絕對(duì)是一個(gè)真理……前提是你使用了正確的圖片。

錯(cuò)誤的圖片通常會(huì)讓人們覺得混亂，然后很容易地被人所忽略。

“是什么讓一副圖片恰到好處，與內(nèi)容相得益彰？”

先看下面的測(cè)試：

如果你只是從Flickr或者其他流行的圖片網(wǎng)站照搬一些圖片到你的網(wǎng)站，你很可能就放置了錯(cuò)誤的圖片。

沒錯(cuò)，你或許覺得它能夠吸引人們的注意，但是除非圖片直接與你所談?wù)摰臇|西相關(guān)，否則訪客就很可能會(huì)忽略它。

舉例來說，T-Mobile 在他們的網(wǎng)站上突出顯示他們的代言人凱瑟琳澤塔 – 瓊斯，也許她是有史以來拿個(gè)電話放在耳邊的最美的女人，但對(duì)于一個(gè)潛在的電話購買客戶來說，Who Cares！

從用戶界面工程上來講，

“有一個(gè)年長(zhǎng)的顧客，他有興趣購買一個(gè)按鍵稍大，更容易按鍵操作的手機(jī)，當(dāng)他不能在網(wǎng)站上任何圖片中辨別手機(jī)按鍵的大小的 時(shí)候，他感覺到了些許失意。而當(dāng)他看到凱瑟琳澤塔 – 瓊斯拿著一個(gè)他喜歡的電話放在耳邊的巨幅廣告banner時(shí)，他被徹底激怒了。這名顧客告訴我說：“她的確是個(gè)很漂亮的女人，不過我只不過是想看看按鍵有 多大而已，這和她的咪咪大不大一根毛的關(guān)系都沒有，傷不起，傷不起??！”

為什么顧客會(huì)有這樣的感覺？

凱瑟琳澤塔 – 瓊斯被用做了手機(jī)的裝飾。沒錯(cuò)，她或許真的很能吸引人們注意，但那能對(duì)T-Mobile的電話銷售起到什么幫助嗎？人們希望看到電話看上去到底怎么樣，而不是哪一個(gè)明星拿著它。

在使用圖片的時(shí)候確保你有一個(gè)需要這樣做的理由

我們有許多理由在我們的網(wǎng)站或者博客上使用圖片，當(dāng)我們使用圖片的時(shí)候，確保你并不僅僅因?yàn)椤八瓷先ミ€不錯(cuò)”而使用圖片。

什么才是使用圖片的真正理由？

看看下面的三個(gè)實(shí)例：

#1: 當(dāng)你銷售產(chǎn)品時(shí)，使用產(chǎn)品的圖片

你可能會(huì)覺得這是個(gè)誰都明白的常識(shí)，不知道大家是否曾經(jīng)瀏覽過房地產(chǎn)網(wǎng)站？

幾乎沒有一個(gè)房屋銷售，中介網(wǎng)站為他們所銷售／代理的房產(chǎn)提供足夠詳細(xì)的圖片。

為什么呢？我也不知道，知道更讓我覺得哭笑不得的是什么嗎？

幾年前我準(zhǔn)備從網(wǎng)上找一個(gè)出租屋，我基本很難找到哪些我感興趣的房子的照片，但是房產(chǎn)經(jīng)紀(jì)的照片道是貼得到處都是。

聽我說哥們兒：我只是TMD想看看廚房長(zhǎng)什么樣子而已，如果你不想做我的廚娘或者孩子的奶媽，鬼才想看到你長(zhǎng)什么樣子！

在我們繼續(xù)之前，我有一個(gè)忠告:

在準(zhǔn)備使用產(chǎn)品圖片的時(shí)候，確保你的圖片能夠突出產(chǎn)品的主要特色。為了說明這一點(diǎn)，我們來看看來自Jakob Nielsen的這個(gè)電子商務(wù)案例：

在Pottery barn的網(wǎng)站有一個(gè)書柜的分類頁面，訪客花費(fèi)大量的時(shí)間來查看每個(gè)書柜的縮略圖。而在 Amazon.com，當(dāng)訪客查看電視的分類頁的時(shí)候，他們則花費(fèi)時(shí)間來閱讀電視的描述文字，忽略了產(chǎn)品圖片。

為什么會(huì)這樣呢？書柜的產(chǎn)品照片能夠有效的幫助人們理解他們正在準(zhǔn)備購買的東西，而電視機(jī)的產(chǎn)品圖片看上去都差不多，這就是人們?yōu)楹螘?huì)忽略電視產(chǎn)品圖片的原因。

現(xiàn)在我們來談?wù)?，如果你并沒有運(yùn)營(yíng)一個(gè)很大的電子商務(wù)網(wǎng)站，而僅僅銷售一個(gè)產(chǎn)品，情況又是怎樣？

我們來參考一下MacBook Air的營(yíng)銷案例：

你知道為什么上面這張圖片是個(gè)天才嗎？

MacBook Air 的主要賣點(diǎn)不在運(yùn)行速度，而在于它的大小輕薄。

除了把MacBook Air從信封中輕輕地拖出來，還有什么更好的辦法來展示該產(chǎn)品的主要特色嗎？

沒有過多的談?wù)摦a(chǎn)品本身，僅僅告訴人們它有多小，而那正是為什么人們購買它的的理由。

現(xiàn)在問一問你自己：

在你銷售一個(gè)產(chǎn)品的時(shí)候，什么才是讓人們情愿為產(chǎn)品掏錢的主要理由？

一旦你得到了答案，把你的答案放到一張圖片中去……，也許是幾張圖片，然后，你將會(huì)發(fā)現(xiàn)更多的訪問者被轉(zhuǎn)化為了你的顧客。

#2: 在短行文字旁使用圖片

人們喜歡較短的文字行長(zhǎng)度，因?yàn)槎绦泻苌贂?huì)被圖片擠壓而換行，而且更容易閱讀。

實(shí)際上，人們閱讀較長(zhǎng)的行（大約每行100個(gè)字符）速度會(huì)比閱讀短行的速度快，因?yàn)橛懈俚难矍蜻\(yùn)動(dòng)。

這也是我在QuanZhiBaBa.com上的圖片運(yùn)用策略。通常我會(huì)在博客文章中采用200像素寬度的圖片，讓我的文字行長(zhǎng)度變得更短，方便讀者開始閱讀我的文章內(nèi)容。

通常在3到5個(gè)語句之后，我的行長(zhǎng)度會(huì)變長(zhǎng)。通常采用這種策略的文章更容易被讀完并被分享到社會(huì)化網(wǎng)絡(luò)。

為了充分利用這一戰(zhàn)術(shù)的優(yōu)點(diǎn)，需要你弄清楚如何才能縮短你的行長(zhǎng)度到40－60個(gè)字符，并且使用一張圖片來填補(bǔ)剩余的空間。

如果你希望說服人們來購買你的產(chǎn)品或訂閱你的博客，你需要讓他們了解你提供了什么給他們，而這就是我為什么喜歡采用本圖片策略的原因。并不限于博客文章，在Landing Page的設(shè)計(jì)中運(yùn)用該策略也是非常有價(jià)值的。

#3: 使用圖片引導(dǎo)訪問者的注意力

不管你聰明還是愚笨，即使你天生就不喜歡扎堆，不喜歡隨大流，你覺得你并不是一個(gè)好奇心重的人。但是，人在很多時(shí)候總是無法抗拒某些特別的東西，就像我們下面要提到的3種情形：

1. 人們無法抗拒跟隨別人的目光

2. 人們無法抗拒一個(gè)箭頭所指的方向

3. 人們無法抗拒跟隨任何事物的“視線”

好奇是我們的天性，如果某人正在注視一樣?xùn)|西，我們會(huì)不自覺的也看過去試圖找到一個(gè)答案。如果一個(gè)箭頭指向某個(gè)方向，我們也想找出答案。最后，物體 往往也有一個(gè)“視線”，有著與箭頭一般的作用，這些東西都會(huì)指引我們?nèi)ふ掖鸢?，也許你并非有意識(shí)的去跟隨，但實(shí)際上我們內(nèi)心深處總是藏著一個(gè) “WHY？”

我們來看看Chemistry.com的這個(gè)Landing Page：

你認(rèn)為當(dāng)人們來到這個(gè)Landing Page的時(shí)候會(huì)注意哪里？

如果你猜是注冊(cè)表單，那你絕對(duì)是正確的。

另外一個(gè)例子，Usable World做的一個(gè)測(cè)試也顯示了類似的結(jié)果：

很酷吧？看到人們是如何跟隨寶寶視線的嗎？人們也注意到了底部的圖形，因?yàn)閷殞毜闹赶虻诙€(gè)圖形的下巴起到了與箭頭相似的作用。

(?有興趣可以去Usable World的網(wǎng)站看看 ，他們有很多寶寶圖片引導(dǎo)注意力的例子).

箭頭的作用更是不言自明，如果你在你的網(wǎng)頁放置一個(gè)色彩鮮明的箭頭，指向一個(gè)特定的點(diǎn)，人們往往會(huì)注視哪里。

注意：通常只有比較積進(jìn)的Affiliate Marketer才會(huì)使用箭頭，我們最好還是采用“視線”這樣更為微妙的箭吧。

究竟這些圖片是如何幫助我們提高轉(zhuǎn)換率的呢？

我經(jīng)?？匆娫S多博客上使用人物圖片，讓后讓人們跟隨圖片上人物的目光離開他們的網(wǎng)站。

這實(shí)在不是一個(gè)明智的選擇。如果你有一個(gè)人物圖片，請(qǐng)讓人物的目光指向你需要人們注意的地方，否則，你很可能會(huì)把訪問者引導(dǎo)到他們的計(jì)算機(jī)屏幕之外。

還有一個(gè)額外的好處：

你可能認(rèn)為你不需要指引人們?nèi)プ⒁暷硞€(gè)地方，因?yàn)樵谀愕木W(wǎng)頁上一切都非常明顯。

讓我來告訴你：人們用他們的條件反射神經(jīng)來瀏覽網(wǎng)頁，準(zhǔn)確的說應(yīng)該是掃描網(wǎng)頁，這很容易讓他們錯(cuò)過那些對(duì)你的商業(yè)目標(biāo)來講尤其重要的那些內(nèi)容。

你應(yīng)該使用一切你能夠用到的武器，確保他們注意到你最希望讓他們看到的東西。

為什么你需要使用真實(shí)的人物圖片（而不是卡通）

如果你能看到本文的這里，恭喜你，對(duì)于靠網(wǎng)站吃飯的人來說，你很可能已經(jīng)成為這群人中最聰明的1％。

不過在這里我還有一個(gè)最后的技巧給你：

無論你作為一個(gè)公司，自由職業(yè)者，或是任何其他形式的生意來運(yùn)營(yíng)一個(gè)網(wǎng)站的時(shí)候，你的網(wǎng)站應(yīng)該總是包括一張你和你的團(tuán)隊(duì)的圖片。

為什么？

人們喜歡與人聯(lián)系……而不是不露臉的公司或者企業(yè)

最近我在我的互聯(lián)網(wǎng)營(yíng)銷博客做了一個(gè)眼球軌跡測(cè)試，我發(fā)現(xiàn)訪問者花費(fèi)了大量的時(shí)間在我的網(wǎng)站頁腳部分。

沒錯(cuò)，他們?cè)趯で笏麄冞€能在我的網(wǎng)站做什么，如果我有一個(gè)精彩的About Me頁面，那么在這里放上一張靚照和簡(jiǎn)單介紹，或者再加上一個(gè)郵件訂閱表單會(huì)是非常不錯(cuò)的選擇。

在網(wǎng)站使用真實(shí)的照片還有一個(gè)好處：

人們喜歡和他們認(rèn)識(shí)的，喜歡的，信任的人做生意。Jakob Nielson在文章“博客的十大可用性設(shè)計(jì)錯(cuò)誤”一文中提到，如果你不曬出你的靚照，人們通常會(huì)往壞的方面去揣測(cè)為什么你不愿露臉的原因，并且會(huì)不自覺的假設(shè)你就是一個(gè)不值得信任的人。

你會(huì)向一個(gè)戴著面具的人買東西嗎？我是不會(huì)的。因此，使用真實(shí)的相片來建立你的信譽(yù)，借此來提高轉(zhuǎn)換率。

總結(jié)

我們會(huì)舍得花費(fèi)大量的時(shí)間來寫博客文章和銷售文案，現(xiàn)在騰出一點(diǎn)時(shí)間來選擇正確的圖片吧，那值得我們?nèi)プ?。如果你能找到那張完美的圖片，你就有機(jī)會(huì)體驗(yàn)轉(zhuǎn)換率爆炸的快感。

現(xiàn)在，你是怎么想的呢？

你在網(wǎng)站上是怎么使用圖片的？

轉(zhuǎn)載自：從天堂到地獄 － 談?wù)剤D片如何影響轉(zhuǎn)換率