移動電商網(wǎng)站運營中輪播的使用研究

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

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

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

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

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

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

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

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

    情境是輪播的一部分

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

    反對輪播的理由

    目前反對輪播的理由主要集中于以下幾點：

    用戶不會與輪播交互

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

    輪播不易觸達

    自動播放的輪播對用戶不友好

    思考

    營銷輪播VS.圖片輪播

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

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

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