看到這個(gè)標(biāo)題你內(nèi)心里或許會(huì)充滿疑惑,我在寫這篇文章之前,也曾經(jīng)有很多疑問。你去問任何一個(gè)人,他們都不會(huì)推薦使用輪播這種模式。但是輪播本身并不是那么一無是處。 本文將基于真實(shí)的數(shù)據(jù),針對(duì)近期業(yè)界對(duì)輪播組件的各種爭論做個(gè)回應(yīng),看看大家對(duì)它的評(píng)論是不是名副其實(shí)。我會(huì)針對(duì)各個(gè)觀點(diǎn)進(jìn)行剖析,看看我們的數(shù)據(jù)與預(yù)期是否一致。通過這些內(nèi)容,我會(huì)詳細(xì)闡述我們的研究發(fā)現(xiàn)和研究方法,并給大家一些建議,希望對(duì)大家未來在判斷何時(shí)以及如何使用輪播組件有價(jià)值。
之前有很多人不看好輪播這種模式。從NNG的一篇文章開始;真正的轉(zhuǎn)折點(diǎn)是Erik Runyon發(fā)表的關(guān)于圣母大學(xué)網(wǎng)站的一篇詳細(xì)分析輪播模式的文章“輪播組件用法詳解”;在Jared Smith的文章“是否應(yīng)該使用輪播”中,他建議大家放棄使用輪播組件;Brad Frost也在他的文章“輪播組件”中呼應(yīng)了這種對(duì)輪播的負(fù)面評(píng)價(jià);緊接著Luke Wroblewski加入了反對(duì)派的陣營,他說從目前的數(shù)據(jù)來看,建議不要使用輪播,他的文章詳情見“ 以后絕對(duì)不再使用輪播”,(他后來又補(bǔ)充數(shù)據(jù)說對(duì)他的結(jié)論有懷疑)。
在Mobify(提供移動(dòng)建站服務(wù)的網(wǎng)站),我們開發(fā)用于移動(dòng)設(shè)備的大型電子商務(wù)網(wǎng)站。很多情況下,這些網(wǎng)站都有一個(gè)輪播組件。我們這樣做錯(cuò)了嗎?是不是傷害了我們的用戶?如果我們停止使用輪播組件,我們的網(wǎng)站是否就會(huì)變得更好?這些問題是我和這篇文章的共同作者Peter Maclachlan在審查我們開發(fā)的網(wǎng)站時(shí)反復(fù)問自己的。我和Peter決定做我們自己的研究,而不是盲目追隨網(wǎng)上這些反對(duì)輪播組件的聲音。
自此,我們開始研究那些我們能獲取的數(shù)據(jù)。剛開始,我們充滿好奇,我們的數(shù)據(jù)說明了什么呢?我們的發(fā)現(xiàn)令人非常驚喜,并且鼓舞著我們不斷深入研究。我們在為期11個(gè)月的時(shí)間里審查了幾個(gè)中型到大型的網(wǎng)站。我說的中型到大型網(wǎng)站,是指在過去一年里交易額不少于兩千萬美金的網(wǎng)站。在這11個(gè)月的時(shí)間里,我們研究了近750萬次輪播組件的交互事件。這篇文章的結(jié)論都是基于這些數(shù)據(jù)所做的分析。
我們?yōu)槭裁匆褂幂啿ソM件
輪播組件存在的意義絕對(duì)不僅僅是為了在首頁顯示更多的市場營銷信息。因?yàn)槲覀兪菍W⒂谧鰺o線端設(shè)計(jì)的,我們最大的顧慮就是要確保在有限的屏幕尺寸和信息的密度之間做好平衡。這意味著,我們總是要在有限的面積里做好水平和垂直方向上的空間利用。我們使用輪播組件可以增強(qiáng)信息的密度,并且不需要用戶在查看時(shí)滾動(dòng)頁面。
電商網(wǎng)站策劃 移動(dòng)網(wǎng)站優(yōu)化
使用情景也是理解輪播組件的一部分。我們的設(shè)計(jì)團(tuán)隊(duì)只是在規(guī)避使用輪播組件,而沒有向用戶提供具體的使用情景。大部分情況下,我們只是在一中情境中使用輪播組件:在商品詳情頁中展示更多的圖片。在商品詳情頁中,用戶知道左右滑動(dòng)一個(gè)輪播組件可以查看更多的商品圖片。在一個(gè)網(wǎng)站首頁的市場營銷輪播組件中,用戶是沒有辦法知道下一張圖片是什么內(nèi)容的,也不清楚這里面的信息是否需要去關(guān)注。