圖片輪播，或者旋轉(zhuǎn)木馬（也叫做「rotating offers」），我相信你見(jiàn)過(guò)沒(méi)有幾百次至少也有幾十次了吧。或許你甚至還對(duì)他們有些好感，但事實(shí)上，它們可并不是什么好東西。

既然它們效果并不好，為什么人們還要用呢？?jī)蓚€(gè)原因：

有人覺(jué)得這很酷炫。但是酷炫并不能帶來(lái)收益呀 —— 至少不是通過(guò)這種方式。

不同的部門(mén)和管理者都想在主頁(yè)上顯示他們的內(nèi)容。委員會(huì)所做的設(shè)計(jì)從來(lái)不會(huì)被拒絕。

來(lái)用事實(shí)說(shuō)話

并不只是我一個(gè)人持這樣的觀點(diǎn)，那些做過(guò)許多 轉(zhuǎn)換最優(yōu)化 測(cè)試的專(zhuān)家們也都這么說(shuō)：

我們做過(guò)許多圖片輪播方面的測(cè)試，最終發(fā)現(xiàn)，用這種方式來(lái)展示主頁(yè)內(nèi)容真的很糟糕。

圖片輪播簡(jiǎn)直就是個(gè)惡魔，它應(yīng)該立即消失。

Jakob Nielsen（沒(méi)錯(cuò)，可用性領(lǐng)域的大師） 在測(cè)試中證實(shí)了這一點(diǎn) 。他們針對(duì)可用性進(jìn)行了一項(xiàng)研究。在研究中，他們拋給用戶(hù)以下問(wèn)題：『西門(mén)子的洗衣機(jī)有哪些優(yōu)惠？』 答案就在最明顯的輪播上。但用戶(hù)卻視而不見(jiàn) —— 廣告盲點(diǎn)徹底地影響了用戶(hù)們。Nielsen 的結(jié)論是：人們會(huì)忽略輪播圖。

圣母大學(xué)也做過(guò) 測(cè)試 。只有圖片輪播中的第一張圖片能得到一些點(diǎn)擊量（1%！），其他的根本就沒(méi)有。1% 的點(diǎn)擊占用了頁(yè)面一半（或者更多）的位置？

產(chǎn)品設(shè)計(jì)大師 Luke Wroblweski 總結(jié)道：

在 StackExchange UX 上有個(gè)關(guān)于自動(dòng)圖片輪播的 討論

一些參與測(cè)試的人們是這么說(shuō)的：

我所管理的那些測(cè)試幾乎都證明了一點(diǎn)：通過(guò)圖片輪播展示的內(nèi)容終將被用戶(hù)無(wú)視。用戶(hù)和輪播圖幾乎沒(méi)有交互，并且許多評(píng)論說(shuō)他們看起來(lái)像廣告，橫幅盲點(diǎn)的概念在這里發(fā)揮得淋漓盡致，我算是見(jiàn)識(shí)到了。

但就空間利用和內(nèi)容推廣方面而言，在這一片或使用戶(hù)分心的位置上，卻可以放置大量互相之間毫無(wú)關(guān)聯(lián)性的信息。

這兒還有一位：

圖片輪播在這一點(diǎn)上倒是挺高效的：它能告知市場(chǎng)營(yíng)銷(xiāo)的高管們，他們的最新想法已經(jīng)出現(xiàn)在了主頁(yè)上了。

而對(duì)于用戶(hù)來(lái)說(shuō)，這幾乎就是無(wú)用的，還常常被無(wú)視，因?yàn)樗鼈兛雌饋?lái)像廣告。因此，這是一項(xiàng)在主頁(yè)上獲取無(wú)用信息的好技術(shù)（見(jiàn)第一句）。

總而言之，你要么使用它來(lái)放一些讓用戶(hù)無(wú)視的內(nèi)容，要么，你就永遠(yuǎn)別再使用它。

順帶說(shuō)一句，這可不是我的一己之見(jiàn)，而是基于觀察了幾千個(gè)用戶(hù)測(cè)試之后得出的結(jié)論。

最后：

在我做的所有測(cè)試中，主頁(yè)的圖片輪播完全是無(wú)效的。其一，除了初始視圖之外，其他視圖與用戶(hù)的交互都大大減少。其二，圖片輪播中的信息與用戶(hù)正在尋找的信息相匹配的概率極其渺小。以至于在這種情況下，圖片輪播框作為一個(gè)大橫幅卻往往被忽略。在一次又一次的測(cè)試之后發(fā)現(xiàn)，當(dāng)用戶(hù)在瀏覽一個(gè)帶有大型圖片輪播框的網(wǎng)站時(shí)，總是直接滑動(dòng)鼠標(biāo)跳過(guò)輪播，進(jìn)而尋找自己想要的內(nèi)容。

它為什么不管用呢？有3個(gè)主要原因：

1：人眼對(duì)動(dòng)態(tài)事物的反應(yīng)（使得重要信息被錯(cuò)過(guò)）

我們的大腦可以分為三個(gè)層次，其中最原始的那部分甚至與爬行動(dòng)物的沒(méi)什么區(qū)別。這部分關(guān)心的是生存問(wèn)題。而視野上的突變極有可能關(guān)系到生死，所以人們對(duì)運(yùn)動(dòng)的東西常常很敏感 —— 包括圖片輪播框中不斷播放的圖片。

可這是一件好事呀！不是嗎？

除非你的網(wǎng)站上只有一個(gè)圖片輪播框（可別這么做！），不然這樣并不好。這意味著它將把注意力從其他真正重要的內(nèi)容上拿走。比如你的 價(jià)值主張 、網(wǎng)站內(nèi)容以及你的產(chǎn)品。

2：消息太多意味著無(wú)消息

由于旗幟盲點(diǎn)，大多數(shù)人甚至都不會(huì)去關(guān)注那些圖片輪播框，就連那些不能真正得到消息的人也是如此。

訪客登錄你的網(wǎng)站，在輪播框中看到一條消息，正要開(kāi)始閱讀：『這個(gè)秋天你要……』咻! 不見(jiàn)啦。這些滑塊輪轉(zhuǎn)得太快了，用戶(hù)根本來(lái)不及讀完一條消息（即使他們真的想）。

專(zhuān)注即高效。

3：旗幟盲點(diǎn)

它們看起來(lái)像一幅鮮明的旗幟，可用戶(hù)就是視而不見(jiàn)。

用戶(hù)需掌握控制權(quán)

圖片輪播常常有著 糟糕的可用性 —— 它們移動(dòng)得太快了，而它們的導(dǎo)航圖標(biāo)又太小了（如果有的話！），并且常常不聽(tīng)話地自己動(dòng)起來(lái)了，即使用戶(hù)想要自己手動(dòng)瀏覽其內(nèi)容。UI 設(shè)計(jì)的一條重要準(zhǔn)則就是 用戶(hù)需掌握控制權(quán)。

如今許多電商網(wǎng)站上都使用了圖片輪播技術(shù) —— 而且我認(rèn)為他們并不是因?yàn)樽鲞^(guò)測(cè)試而選擇了這一技術(shù)，不過(guò)是群體心理作祟，人云亦云罷了。

如果用戶(hù)在第一眼看到的不是他們所喜歡的（相關(guān)的），那怎么辦？又或者，如果這三樣?xùn)|西用戶(hù)一個(gè)都不喜歡呢？這明顯不利于提高你的 顧客終身價(jià)值 。

出于用戶(hù)至上的考慮，一旦鼠標(biāo)移動(dòng)到圖片輪播框的箭頭上時(shí)，你應(yīng)該讓它立即停止自動(dòng)播放。不僅如此，當(dāng)你離開(kāi)一段時(shí)間后再次回到網(wǎng)站時(shí)，頁(yè)面中顯示的要正好是你想看到的內(nèi)容。

我建議你還是用一個(gè)靜態(tài)的單一頁(yè)面把它替換掉吧。

brad Frost 承認(rèn)『盡管圖片輪播并非那么高效，但我總覺(jué)得它不會(huì)馬上消失』并寫(xiě)下了這篇如何 改善圖片輪播 的文章。

作為網(wǎng)站站長(zhǎng)，或者是用戶(hù)，你對(duì)圖片輪播這一技術(shù)又有什么看法呢？

網(wǎng)站標(biāo)題：你的網(wǎng)站首頁(yè)banner還在使用輪播圖嗎？
標(biāo)題URL：http://m.newbst.com/news42/299392.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、服務(wù)器托管、微信公眾號(hào)、企業(yè)建站、面包屑導(dǎo)航、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)