當(dāng)產(chǎn)品、新聞、等信息很多的時(shí)候,現(xiàn)在的做法是放置翻頁器進(jìn)行分頁,或者通過瀑布流的形勢(shì)進(jìn)行無限滾動(dòng),一些設(shè)計(jì)師仍不確定選擇哪種方式,其實(shí)不管什么形勢(shì)都有其優(yōu)點(diǎn)和缺點(diǎn),在本文中,我們將概述這兩種形式并決定我們應(yīng)該將哪一種用于我們的項(xiàng)目設(shè)計(jì)中。
1、瀑布流無限滾動(dòng)
無限滾動(dòng)是一種允許用戶滾動(dòng)瀏覽大量內(nèi)容而看不到終點(diǎn)線的技術(shù)。當(dāng)向下滾動(dòng)頁面時(shí),會(huì)不斷刷新頁面,該技術(shù)不適用于每個(gè)網(wǎng)站或應(yīng)用程序。
優(yōu)點(diǎn)1:
用戶會(huì)使用戶在您的網(wǎng)頁上停留更長時(shí)間,從而提高用戶參與度。隨著社交媒體的普及,海量的數(shù)據(jù)正在被消耗;無限滾動(dòng)提供了一種瀏覽信息海洋的有效方式,無需額外的點(diǎn)擊,特別是當(dāng)用戶不搜索特定的東西時(shí),他們需要查看大量項(xiàng)目才能找到他們喜歡的東西。
優(yōu)點(diǎn)2:滾動(dòng)比點(diǎn)擊更好用,滾動(dòng)比點(diǎn)擊/輕敲的交互成本更低——鼠標(biāo)滾輪或觸摸屏使?jié)L動(dòng)比點(diǎn)擊更快、更容易。另外,無限滾動(dòng)可能會(huì)讓人上癮。對(duì)于連續(xù)且冗長的內(nèi)容,例如教程,滾動(dòng)比將文本分割到多個(gè)單獨(dú)的屏幕或頁面提供更好的可用性。
優(yōu)點(diǎn)3:滾動(dòng)適用于移動(dòng)設(shè)備 屏幕越小,滾動(dòng)越長。移動(dòng)瀏覽的普及是長滾動(dòng)的另一個(gè)重要支持者。移動(dòng)設(shè)備的手勢(shì)控制使?jié)L動(dòng)直觀且易于使用,因此,用戶有更好的機(jī)會(huì)享受瀏覽體驗(yàn)。
缺點(diǎn)1:大量消耗頁面性能和設(shè)備資源加載的速度。多項(xiàng)研究表明,緩慢的加載時(shí)間會(huì)導(dǎo)致人們離開您的網(wǎng)站或刪除您的應(yīng)用程序,從而導(dǎo)致轉(zhuǎn)化率低。這對(duì)于那些使用無限滾動(dòng)的人來說是個(gè)壞消息。向下滾動(dòng)頁面的用戶越多,同一頁面上必須加載的內(nèi)容就越多。結(jié)果,頁面性能會(huì)越來越慢。 另一個(gè)問題是用戶設(shè)備的資源有限。在許多無限滾動(dòng)網(wǎng)站上,尤其是那些有很多圖像的網(wǎng)站上,資源有限的設(shè)備(例如移動(dòng)設(shè)備或硬件過時(shí)的平板電腦)可能會(huì)因?yàn)榧虞d的資產(chǎn)數(shù)量過多而開始變慢。
缺點(diǎn)2:無限滾動(dòng)的另一個(gè)問題是,當(dāng)用戶到達(dá)流中的某個(gè)點(diǎn)時(shí),他們無法為自己的位置添加書簽并稍后再返回。如果他們離開該站點(diǎn),他們將失去所有進(jìn)度,并且必須再次向下滾動(dòng)才能回到同一位置。這種無法確定用戶的滾動(dòng)位置不僅會(huì)給用戶帶來煩惱或困惑,而且因此會(huì)損害整體用戶體驗(yàn)。
缺點(diǎn)3:不相關(guān)的滾動(dòng)條 另一個(gè)煩人的事情是滾動(dòng)條不能反映實(shí)際可用的數(shù)據(jù)量。假設(shè)您接近底部,您會(huì)愉快地向下滾動(dòng),這本身會(huì)誘使您再滾動(dòng)一點(diǎn),結(jié)果卻發(fā)現(xiàn)當(dāng)您到達(dá)那里時(shí)結(jié)果剛剛翻了一番。從可訪問性的角度來看,為您的用戶打破滾動(dòng)條的使用是非常糟糕的。 滾動(dòng)條應(yīng)反映實(shí)際頁面長度
缺點(diǎn)4:缺少頁腳 頁腳的存在是有原因的:它們包含用戶有時(shí)需要的內(nèi)容——如果用戶找不到某些東西或者他們想導(dǎo)航到另一個(gè)頁面,他們通常會(huì)去頁腳查詢,但由于提要無限滾動(dòng),用戶一到達(dá)底部就會(huì)加載更多數(shù)據(jù),每次都將頁腳推到視野之外。 當(dāng)然你可以在列表底部房子一個(gè)按鈕叫“加載更多”這樣點(diǎn)擊按鈕才會(huì)出現(xiàn)下一部分內(nèi)容,也是一種無限加載的方法。
舉個(gè)百度的例子,百度沒有使用無限滾動(dòng),因?yàn)橛脩裟繕?biāo)比較明確,閱讀和查看結(jié)果也需要更長的時(shí)間,所以百度一直使用傳統(tǒng)分頁技術(shù)的原因,當(dāng)然還有一定的商業(yè)考量,因?yàn)椴煌摰母?jìng)價(jià)排名不一樣。
最后,設(shè)計(jì)師在選擇之前應(yīng)該權(quán)衡無限滾動(dòng)和傳統(tǒng)分頁的利弊,這取決于您的產(chǎn)品類型和您想要交付內(nèi)容的格式。
聯(lián)系我們,開啟一場(chǎng)關(guān)于您項(xiàng)目的討論會(huì)吧。
?2010-2025 維好維可 | 用戶體驗(yàn)創(chuàng)新設(shè)計(jì)公司-版權(quán)所有
滬ICP備19006116號(hào)-1
提交信息后,我們的專屬顧問會(huì)在1個(gè)工作日內(nèi)與您聯(lián)系。