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

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

有人覺得這很酷炫。但是酷炫并不能帶來收益呀 —— 至少不是通過這種方式。

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

來用事實(shí)說話

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

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

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

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

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

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

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

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

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

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

這兒還有一位：

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

而對(duì)于用戶來說，這幾乎就是無用的，還常常被無視，因?yàn)樗鼈兛雌饋硐駨V告。因此，這是一項(xiàng)在主頁上獲取無用信息的好技術(shù)（見第一句）。

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

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

最后：

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

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

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

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

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

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

2：消息太多意味著無消息

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

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

專注即高效。

3：旗幟盲點(diǎn)

它們看起來像一幅鮮明的旗幟，可用戶就是視而不見。

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

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

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

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

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

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

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

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

網(wǎng)站標(biāo)題：你的網(wǎng)站首頁banner還在使用輪播圖嗎？
標(biāo)題URL：http://m.rwnh.cn/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)容（圖片、視頻和文字）以用戶投稿、用戶轉(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í)需注明來源： 創(chuàng)新互聯(lián)