很多人都會和我說，網(wǎng)站中的滾動切換設(shè)計一般都是弊多利少，盡量不要使用。但是，本文會告訴你并非所有情況都是如此。
我寫這篇文章就是希望我們能夠更多理解網(wǎng)站中的滾動切換設(shè)計，不要聽信傳聞。我將用我們的調(diào)查數(shù)據(jù)來闡述我們的發(fā)現(xiàn)，介紹我們用以調(diào)研的方法，同時，對如何正確使用圖文滾動切換提出一些建議。
電商網(wǎng)站設(shè)計 電商網(wǎng)站優(yōu)化 視覺滾動設(shè)計
可以說，有很多人都對滾動切換的壞名聲做出了貢獻(xiàn)。例如，Nielsen Norman團(tuán)隊（由Jakob Nielsen， Donald Norman 和 Bruce Tognazzini于1998年成立的一家電腦用戶界面和用戶體驗的咨詢公司）曾發(fā)表過關(guān)于滾動切換會妨礙用戶捕捉頁面上關(guān)鍵信息的文章。此外，最主要的言論來自于Erik Runyon（圣母大學(xué)The University of Notre Dame的技術(shù)總監(jiān)和開發(fā)人員）的一篇關(guān)于學(xué)院網(wǎng)站中圖片滾動切換應(yīng)用的分析文章。在Jared Smith 制作的一個“Should I Use A Carousel?”網(wǎng)站上，他也堅定地稱，不要使用滾動切換。隨后，網(wǎng)頁設(shè)計師Brad Frost在他的“Carousels”文章中也表達(dá)了對滾動切換的負(fù)面情感。最后，國際公認(rèn)的數(shù)碼產(chǎn)品的領(lǐng)導(dǎo)者Luke Wroblewski（曾設(shè)計的軟件在海內(nèi)外有十億用戶的影響力）也說現(xiàn)在基本已有的數(shù)據(jù)足以說服讓大家不要再用滾動切換（下文中會提及Luke的一些言論觀點(diǎn)）。
在Mobify（一個幫助企業(yè)優(yōu)化他們在智能手機(jī)以及平板電腦間的網(wǎng)頁轉(zhuǎn)換的移動電子商務(wù)平臺），我們?yōu)橐苿釉O(shè)備開發(fā)了大規(guī)模的電商網(wǎng)頁。在這些電商網(wǎng)頁上，大多至少都有一個滾動切換的應(yīng)用。如此看來，我們做錯了嗎？我們在給用戶幫倒忙嗎？如果我們停止使用滾動切換，我們的網(wǎng)頁可以更好嗎？我和我的合作編輯Peter Maclachlan在瀏覽我們開發(fā)的網(wǎng)站時一直在探討這些問題。于是，我們想與其一直在別人的研究結(jié)論中迷茫，不如開始我們自己的研究。
因此，我們開始分析我們所能獲得的數(shù)據(jù)。剛開始，我們只是很好奇我們的數(shù)據(jù)能夠反映什么？然而，從這些數(shù)據(jù)中不斷獲得的小驚喜足以鼓動我們繼續(xù)深究下去。我們用了11個月的時間檢測了許許多多中到大型的電商網(wǎng)頁。在這里我說的中到大型是指每年至少有2千萬美金（約1.26億RMB）的電商銷量的網(wǎng)頁。這期間，大約750萬個滾動切換的交互行為被我們進(jìn)行采樣，基于這些數(shù)據(jù)，以下是我們的研究成果。
我們?yōu)槭裁匆谩睗L動切換”?
電商網(wǎng)站設(shè)計 電商網(wǎng)站優(yōu)化 視覺滾動設(shè)計
我們研究中所測的一個滾動切換的案例
滾動切換不僅是一種將產(chǎn)品信息呈現(xiàn)在主頁上的方法，更是一種在移動設(shè)備上用以平衡信息密度的工具。在移動設(shè)備上，有限的小屏幕需要得到最大化的利用，我們要盡量確?？偰茏罴咽褂庙撁娴目臻g，因此通過滾動切換，就可以使信息的密度最大化，也使用戶不用通過進(jìn)一步向下滑屏來獲得信息。
電商網(wǎng)站設(shè)計 電商網(wǎng)站優(yōu)化 視覺滾動設(shè)計
我們研究中所測的另一種滾動切換案例
此外，對于滾動切換來說，滾動切換間的上下關(guān)系是相互呼應(yīng)并且完整的。我們的設(shè)計團(tuán)隊會盡量避免提供前后關(guān)系不呼應(yīng)的滾動切換給用戶。多數(shù)情況下，我們只在網(wǎng)頁中的一個地方使用滾動切換，即：在呈現(xiàn)產(chǎn)品細(xì)節(jié)圖集的時候。此時，用戶知道可以通過滑動滾動切換來獲得產(chǎn)品更多的圖片信息。而在主頁上的商用滾動切換中，用戶往往會對下一張會呈現(xiàn)什么內(nèi)容以及他們?yōu)槭裁匆P(guān)注這些內(nèi)容一無所知。
