久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

圖片在電商類網(wǎng)站設(shè)計中的引導(dǎo)作用

   圖片會幫助你實現(xiàn)你的電商業(yè)務(wù)目標(biāo),也可能會傷害你的轉(zhuǎn)換率。 聽上去很簡單,不過除非你能夠真正了解圖片是如何來引導(dǎo)人們做出購買決定的,圖片的一些設(shè)計細(xì)微差別就可能給你的轉(zhuǎn)換率帶來截然不同的作用。

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

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

  如果你經(jīng)常寫銷售文案或者Landing Page,你可能聽過這樣的話:“一字值千金,一圖抵千字” ,這絕對是一個真理……前提是你使用了正確的圖片。 錯誤的圖片通常會讓人們覺得混亂,然后很容易地被人所忽略。 “是什么讓一副圖片恰到好處,與內(nèi)容相得益彰?”

  先看下面的測試:

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

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

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

  從用戶界面工程上來講,

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

  為什么顧客會有這樣的感覺?

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

  在使用圖片的時候確保你有一個需要這樣做的理由, 我們有許多理由在我們的網(wǎng)站或者博客上使用圖片,當(dāng)我們使用圖片的時候,確保你并不僅僅因為“它看上去還不錯”而使用圖片。

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

  看看下面的三個實例:

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

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

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

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

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

  聽我說哥們兒:我只是TMD想看看廚房長什么樣子而已,如果你不想做我的廚娘或者孩子的奶媽,鬼才想看到你長什么樣子!

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

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

圖片在電商類網(wǎng)站設(shè)計中的引導(dǎo)作用 三聯(lián)

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

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

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

  我們來參考一下MacBook Air的營銷案例:

圖片在電商類網(wǎng)站設(shè)計中的引導(dǎo)作用

  你知道為什么上面這張圖片是個天才嗎?

  MacBook Air 的主要賣點不在運行速度,而在于它的大小輕薄。

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

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

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

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

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

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

  人們喜歡較短的文字行長度,因為短行很少會被圖片擠壓而換行,而且更容易閱讀。

  實際上,人們閱讀較長的行(大約每行100個字符)速度會比閱讀短行的速度快,因為有更少的眼球運動。

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

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

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

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

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

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

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

  人們無法抗拒一個箭頭所指的方向

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

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

  我們來看看Chemistry.com的這個Landing Page:

圖片在電商類網(wǎng)站設(shè)計中的引導(dǎo)作用

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

  如果你猜是注冊表單,那你絕對是正確的。

  另外一個例子,Usable World做的一個測試也顯示了類似的結(jié)果:

圖片在電商類網(wǎng)站設(shè)計中的引導(dǎo)作用

  很酷吧?看到人們是如何跟隨寶寶視線的嗎?人們也注意到了底部的圖形,因為寶寶的指向第二個圖形的下巴起到了與箭頭相似的作用。

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

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

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

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

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

  還有一個額外的好處:

  你可能認(rèn)為你不需要指引人們?nèi)プ⒁暷硞€地方,因為在你的網(wǎng)頁上一切都非常明顯。

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

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

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

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

  不過在這里我還有一個最后的技巧給你:

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

  為什么?

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

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

  沒錯,他們在尋求他們還能在我的網(wǎng)站做什么,如果我有一個精彩的About Me頁面,那么在這里放上一張靚照和簡單介紹,或者再加上一個郵件訂閱表單會是非常不錯的選擇。

  在網(wǎng)站使用真實的照片還有一個好處:

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

  你會向一個戴著面具的人買東西嗎?我是不會的。因此,使用真實的相片來建立你的信譽,借此來提高轉(zhuǎn)換率。

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標(biāo)經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 亚洲一区在线免费观看 | jav成人av免费播放 | 一区二区精品视频 | 久草视频网站 | 亚洲一区日韩 | 黄色一级视频 | 亚洲传媒在线 | 亚洲高清在线 | 久久久久国产精品午夜一区 | 国产色| 亚洲精品久久久久久一区二区 | 久久蜜桃av一区二区天堂 | 国产欧美一区二区三区在线看蜜臀 | 99久久婷婷国产综合精品电影 | 亚洲精品视频二区 | 99国产精品99久久久久久 | 成人做爰www免费看 午夜精品久久久久久久久久久久 | 韩日在线 | 国产成人精品视频 | 国产福利在线小视频 | 日韩视频免费看 | 国产原创在线观看 | 亚洲97| 久久久青草婷婷精品综合日韩 | 精品一区二区电影 | 黄色片网此 | 日日噜噜夜夜爽爽狠狠 | 成人免费精品 | 古装三级在线播放 | 黄色免费三级 | 亚洲欧美一区二区三区视频 | 草久网| 中文字幕在线一区 | 91在线观看视频 | 网站黄色在线免费观看 | 国产一区二区三区在线 | 中文字幕乱码亚洲精品一区 | 国产高清久久久 | 日日操操操 | 久久精品亚洲 | 久久不卡视频 |