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