就像任何其他設計趨勢一樣,無限滾動正變得越來越流行,經常遇到一個頁面網站,可以盡可能地向下滾動,但永遠不會到達底部。那么對于您的網站來說,這是一個值得遵循的好趨勢,還是您寧愿避免它?
答案取決于您網站的類型和目標。據Nielsen Norman的說法,“無限滾動并不適用于每個網站”。這有優點和缺點,但在決定在您的網站上實施無限滾動之前,您需要確保它提供的優點比缺點更有價值。
無限滾動是一種基本網絡交互設計,允許用戶通過滾動而不是單擊頁面鏈接來瀏覽內容。這樣,新內容會在用戶到達該點之前自動加載并準備就緒,而在分頁的情況下,每個頁面的內容在單擊頁面鏈接后開始加載。
這種網頁設計技術已被Twitter、Pinterest甚至Facebook等社交網絡巨頭成功采用,許多網站效仿他們的做法并失敗也就不足為奇了。為什么無限滾動在Twitter和Pinterest上運行良好的原因并不是因為它們是老牌和數十億的公司。這是因為這些網站擁有大量不斷更新的用戶生成內容。在這種情況下,無限滾動被證明是提供優質用戶體驗的最佳解決方案。
如果您要問我的意見的話,我會說這個趨勢值得嘗試,但是你需要謹慎地考慮你的網站是否適合使用無限滾動。如果你的網站主要是以內容為主導的,并且有大量不斷更新的內容,那么無限滾動可能是一個不錯的選擇。然而,如果你的網站是以銷售產品或服務為主的,或者你的目標用戶是那些需要大量自定義和個性化內容的用戶,那么你可能需要考慮使用其他的設計模式,例如分頁或者可定制的搜索結果??偟膩碚f,你需要對你的目標用戶和他們的需求有一個清晰的認識,然后選擇最適合他們的設計模式。
01、完美的觸摸
在當今的多設備時代,提供卓越的桌面和移動用戶體驗至關重要。由于大多數平板電腦和手機都采用了觸摸技術,因此專注于觸摸優化是至關重要的。這也是無限滾動成為有競爭力的優勢之一,它通過前瞻性技術滿足了移動設備小屏幕的需求,以更方便用戶的方式顯示內容。相比之下,傳統的分頁方式需要用戶點擊微小的頁面鏈接來訪問新內容,這種體驗往往較差。因此,對于大多數網站來說,采用無限滾動是更好的選擇。
02、視覺導向
誰不喜歡看到高質量的精美圖像呢?這是網絡上根據“一張圖片勝過千字”原則的另一個新興趨勢。向用戶傳遞大量圖像內容的最佳方式似乎就是使用無限滾動。這樣,用戶就不需要分心去查找并點擊下一個鏈接,從而保持了愉快的體驗。Pinterest和Flickr這兩個面向視覺的網站就是如何從無限滾動中受益的很好例子。
無論您的網站提供何種類型的內容,您都希望獲得盡可能多的展示。在傳統分頁的情況下,用戶在點擊下一頁之前無法看到下一頁的內容,而無限滾動將您的所有內容放在一個無限長的頁面上。這意味著用戶可以在一個滾動操作內看到所有的內容,無需進行額外的點擊操作。
03、快速簡便的瀏覽
無限滾動頁面通常比普通分頁的頁面加載速度更快。這是因為當用戶向下滾動頁面時,更多內容會自動加載到同一頁面中,而無需每次都點擊頁面鏈接并重新加載頁面。這不僅節省了用戶的時間,從搜索引擎優化的角度來看也是有益的。
04、更多創意空間
無限滾動作為一種信息展示方式具有非常新穎的特性,同時也具有巨大的創新潛力。在網頁設計師的手中,這種滾動方式可以變得不僅實用,而且充滿趣味性和吸引力。在lostworldsfair.com和andrevv.com這兩個網站上,你可以找到這種創新方法的絕佳實例。
無限滾動的一種非常流行的創新擴展是視差滾動技術,它通過獨特的滾動方式創造出美妙的視覺故事情節。如果你想了解這種技術的最佳實踐,不妨訪問makeyourmoneymatter.org和cyclemon.com這兩個網站。
05、頁腳問題
這是一個普遍存在的問題,尤其對于電子商務網站而言。如果您曾經在線購物過,那么您至少知道所有重要鏈接的位置:通常在頁腳中。現在想象一下,您想訪問一個無限滾動網頁上的“運輸信息”頁面。但是,您的時間非常有限!當您只有幾秒鐘的時間來找到并點擊該鏈接,否則它就會“滾動離開”時,這會令人非常沮喪。
06、迷失方向
網絡上的各種功能基本上都是基于現實世界的概念構建的,因此,從這個角度來看,任何無限的東西都可能顯得不自然和矛盾。在信息時代,我們每天都要處理大量的數據和信息,如果沒有一種秩序或結構,我們就很難有效地處理這些信息。
無限滾動也帶來了類似的問題。它缺乏明確的方向性,用戶很難再次找到他們在頁面上看到過的內容。與分頁內容不同,無限滾動無法通過頁碼來進行相對的定位,這就增加了用戶尋找特定內容的難度。
另外,左側的滾動條通常顯示的是內容已經展示的數量,這可能給用戶一個錯誤的信息,即他們已經看到了大部分內容。當用戶意識到還有更多的內容未被展示時,他們可能會感到被誤導和失望。
07、導航問題
一個基本的設計原則是,用戶需要知道他們在網站或應用中的當前位置,這對于提供良好的用戶體驗至關重要。然而,在無限滾動的情況下,用戶很難理解他們在內容流中的當前位置,這可能造成導航和定位的困擾。
更進一步說,如果用戶點擊了一個鏈接或元素然后想要返回到他們之前所在的位置,會發生一種被稱為“pogosticking”的現象。這是因為無限滾動的內容是動態加載的,所以當用戶點擊新的內容并加載后,他們會被帶回到內容流的頂部,而不是他們之前所在的位置。這種情況非常令人沮喪,因為它破壞了用戶的瀏覽流程,并可能導致用戶失去對內容的興趣。
08、沒有跳過
分頁內容的一個主要優點是,您可以輕松跳過第一頁,例如跳過第100頁,直接進入第101頁。這在無限滾動中是很難實現的。用戶往往很難理解或估計無限滾動中的內容量,更不用說跳過其中一部分內容了。
09瀏覽器崩潰
沒有任何技術可以在所有瀏覽器上都能完美運行,無限滾動也同樣如此。當加載大量內容時,計算機的內存使用可能會變得非常高,尤其是對于較舊的計算機,可能會導致瀏覽器崩潰或變慢,給用戶帶來不良體驗。因此,在實踐中,需要根據具體的應用場景和目標受眾,選擇最適合的技術和實現方式,以確保最佳的用戶體驗。
10、壓倒性的內容
擁有大量優質信息對于網站來說是好事,但當內容不斷加載,每秒鐘都有新的內容出現時,用戶可能會感到無所適從和壓力。就像是一場沒有目的地的公路旅行,用戶無法停止,最終會感到無聊和心理上的疲憊。因此,在提供大量信息的同時,也需要考慮用戶的體驗和感受,確保他們能夠輕松地獲取所需的信息。
11、畢竟,無限滾動是好是壞?
如果正確使用,技術的每一步進步都是好的。至于無限滾動,它對一些網站有益且吸引人,但對其他網站來說可能適得其反并損害用戶體驗。這完全取決于您網站的目標和用戶的期望。如果您的網站是以目標為導向的,用戶在其中執行特定任務并期望找到特定結果,那么無限滾動可能會損害網站的可用性。
但是,如果您的網站上有大量內容,且每部分內容對用戶而言具有相同價值和重要性級別,那么無限滾動可能是一種有效提供內容的方式。以lookbook.nu為例,每篇文章都有視覺內容,同樣可能讓用戶感興趣。
據許多專家和實際經驗,無限滾動對電子商務網站表現不佳,Etsy在線購物網站的例子也證明了這一點。
但是,如果您選擇無限滾動作為您網站的最佳選擇,請嘗試應用一些最佳實踐技術以確保您的網站滿足用戶期望。首先將導航欄貼在網頁頂部并使其持久可見。嘗試通過在頁面末尾添加“加載更多”按鈕來結合傳統分頁和無限滾動,讓用戶決定是否需要更多內容或是否足夠。這樣也會有一個正常的頁腳。最后,確保用戶單擊提要中的某個項目后可以返回到他們離開的地方。