移動(dòng)電商網(wǎng)站運(yùn)營(yíng)中輪播的使用研究

    移動(dòng)電商網(wǎng)站運(yùn)營(yíng)中輪播的使用研究，一標(biāo)題是否令你質(zhì)疑？在我寫(xiě)這篇文章之前也是同樣感受，詢(xún)問(wèn)任何一個(gè)人，他們都會(huì)告訴你：輪播是一個(gè)反面教材，不要使用輪播。但也許它并非那么缺乏新意。

    NNG的這篇文章是個(gè)開(kāi)始，真正的引爆點(diǎn)是Erik Runyon在諾特丹大學(xué)網(wǎng)站上發(fā)表的文章，其中詳細(xì)講述了輪播的弊端。在他的網(wǎng)站“我該使用輪播嗎？”上，Jared Smith堅(jiān)定地宣稱(chēng)：

    在有選擇的情況下，不要使用輪播。

    Brad Frost在他的文章《輪播》中表達(dá)了相似的觀點(diǎn)。Luke Wroblewski也認(rèn)為現(xiàn)有的數(shù)據(jù)足夠證明：永遠(yuǎn)不要再用輪播（Luke在其后發(fā)布的一些額外數(shù)據(jù)表明他似乎不那么篤定了。）

    在Mobify（提供移動(dòng)建站服務(wù)的網(wǎng)站），我們開(kāi)發(fā)了大型電商網(wǎng)站。多數(shù)情況下，這些網(wǎng)站上都至少有一條輪播。我們是不是做錯(cuò)了？我們是在給用戶(hù)幫倒忙嗎？如果停止使用輪播，網(wǎng)站會(huì)不會(huì)更好？這是我和同事Peter Maclachlan在瀏覽我們開(kāi)發(fā)的網(wǎng)站時(shí)，給彼此提出的問(wèn)題。為避免故步自封，因循守舊，Peter和我決定開(kāi)始我們的研究。

    于是我們著手查找可用的數(shù)據(jù)。一開(kāi)始我們只是好奇：數(shù)據(jù)顯示了什么？而結(jié)果讓我們大吃一驚，并決定繼續(xù)查找。我們對(duì)幾家大中型電商網(wǎng)站做了持續(xù)11個(gè)月的調(diào)查。這里所謂的大中型，是指每年的電商銷(xiāo)售額吧不少于兩千萬(wàn)美元。在這11個(gè)月里，我們抽取了約750萬(wàn)個(gè)輪播交互案例。下文中的結(jié)論都是基于這些數(shù)據(jù)得到的。

    我們?yōu)槭裁词褂幂啿ィ?/p>

    輪播不僅僅是在主頁(yè)展示營(yíng)銷(xiāo)信息的一種方式。因?yàn)槲覀儗?zhuān)注于設(shè)計(jì)手機(jī)端，因此我們最關(guān)注的事情之一就是確保在有限的屏幕中平衡信息密度。這就意味著我們要確保充分利用垂直和水平方向的版面。我們使用輪播，是為了實(shí)現(xiàn)信息密度最大化以及在不強(qiáng)迫用戶(hù)進(jìn)一步滾動(dòng)頁(yè)面的前提下維持情境。

    情境是輪播的一部分

    我們的設(shè)計(jì)團(tuán)隊(duì)避免不能給用戶(hù)提供情境的輪播。多數(shù)情況下，我們只在網(wǎng)站的一個(gè)地方使用輪播：商品詳情頁(yè)的圖片庫(kù)。在商品詳情頁(yè)中，用戶(hù)知道滑動(dòng)輪播能帶給他們更多商品圖片。在首頁(yè)的營(yíng)銷(xiāo)輪播中，用戶(hù)并不知道下一頁(yè)輪播圖會(huì)展示什么，以及他們?yōu)槭裁匆P(guān)注。

    反對(duì)輪播的理由

    目前反對(duì)輪播的理由主要集中于以下幾點(diǎn)：

    用戶(hù)不會(huì)與輪播交互

    即使有交互，也只是和第一張輪播圖

    輪播不易觸達(dá)

    自動(dòng)播放的輪播對(duì)用戶(hù)不友好

    思考

    營(yíng)銷(xiāo)輪播VS.圖片輪播

    這是我們?cè)谟梦覀兊臄?shù)據(jù)和Erik統(tǒng)計(jì)的諾特丹大學(xué)的數(shù)據(jù)作比較時(shí)發(fā)現(xiàn)的問(wèn)題。我們使用的輪播類(lèi)型是不一樣的。我認(rèn)為這并沒(méi)有給我們的發(fā)現(xiàn)帶來(lái)太大困擾。盡管兩類(lèi)輪播可能在在視覺(jué)上并不相同，但我們的發(fā)現(xiàn)顯示基礎(chǔ)形式是成功的。我們本次研究的目標(biāo)是為了證明多圖橫向滾動(dòng)的展現(xiàn)方式是否是有缺陷的。數(shù)據(jù)表明并非如此。諾特丹的根本問(wèn)題可能并非輪播本身，而更有可能是設(shè)計(jì)問(wèn)題。

    用戶(hù)可能對(duì)營(yíng)銷(xiāo)輪播中的Banner視若無(wú)睹。營(yíng)銷(xiāo)輪播或許也沒(méi)有向用戶(hù)提供關(guān)聯(lián)信息。有太多原因可以解釋為什么一個(gè)營(yíng)銷(xiāo)輪播不起作用，僅將其歸咎于是UI模式導(dǎo)致的是不合理的。有時(shí)我們也會(huì)在我們的網(wǎng)站上使用營(yíng)銷(xiāo)輪播。接下來(lái)我們會(huì)就這一問(wèn)題和諾特丹的數(shù)據(jù)進(jìn)行比較。

    Luke Wroblewski,在Google的一次演講中提到亞馬遜UX經(jīng)理PJ McCormick的一些數(shù)據(jù)。PJ展示了亞馬遜如何運(yùn)用營(yíng)銷(xiāo)Banner輪播以及一些由它帶來(lái)的積極數(shù)據(jù)。Luke指出目前營(yíng)銷(xiāo)banner輪播設(shè)計(jì)的問(wèn)題之一在于控件是不明顯的。亞馬遜的輪播，如下圖所示，通過(guò)提供明顯的輪播控件很好地避開(kāi)了這一問(wèn)題。