<xmp id="eaccc"><table id="eaccc"></table>
  • <bdo id="eaccc"><center id="eaccc"></center></bdo>
  • <menu id="eaccc"><table id="eaccc"></table></menu>
  • 杭州網站制作公司:無限滾動加載是否適用于您的產品

    2019.01.02

    0

    如何以更友好的方式呈現一系列數據內容,包括文章、鏈接、圖片、搜索結果等,對于設計師來說不是一件容易的事情,在這方面,分頁是一個經過時間驗證和可靠的解決方案。
      
       然而,近年來,我們發現越來越多的網站開始使用無限滾動來呈現內容――當用戶瀏覽到頁面底部時,傳統意義上的下一頁會自動加載數據并將其輸出到當前頁面。
      
       無限滾動對于某些類型的網站或移動應用程序是一個很好的模型,但在某些情況下,它也會產生災難性的后果。
      
       讓我們先看看無限滾動載荷的優點和缺點。
      
       優勢
      
       1。有效地降低了界面的復雜性并節省了空間:我們不再需要龐大而復雜的頁面導航鏈接或按鈕。
      
       2。對于觸摸屏設備,交互模式更直觀:在移動應用的交互環境中,向上滑動已經成為最基本的用戶習慣,所需的操作精度遠遠低于點擊鏈接或按鈕。
      
       三。更高的參與度:以上兩點帶來的互動便利,讓用戶更關注內容,而不是操作,讓用戶更愿意沉浸在探索和瀏覽中。
      
       缺點
      
       1。有限使用案例:無限滾杭州網站制作公司 動方法僅適用于特定產品類型的某一部分。例如,在電子商務網站中,用戶通常需要在商品列表和詳細信息頁面之間切換。在這種情況下,傳統的頁碼導航方式可以幫助用戶更安全、更準確地返回特定的列表頁。
      
       2。額外的復雜性:雖然用于創建無限滾動的JS庫聲稱易于使用,但您始終需要對它們進行定制,以在產品中不同程度地滿足您自己的需求。此外,這些JS庫在瀏覽器和設備兼容性方面的性能參差不齊,必須做好測試和調整工作。
      
       三。再見,頁腳:如果您使用更典型的無限滾動加載模式,這意味著您可以對頁腳說再見。最好考慮頁腳對您的網站,尤其是您的用戶的重要性;如果有真正重要的內容或鏈接,最好改為更傳統和安全的方式。不要對用戶?;ㄕ?。當他們瀏覽到頁面底部并看到一個接一個的頁腳時,他們會更加生氣,但由于自動加載的內容突然出現,他們無法單擊頁腳中的鏈接。
      
       4。SEO:重點是在一個頁面中動態加載數據。與一個頁面的輸出相比,哪種方式更有利于SEO,這是一個你必須考慮的問題。對于某些類型的網站,在這方面冒險是不劃算的。
      
       5。頁碼的印象:從用戶的角度來看,這不是負面的;但是,如果你的網站通過更多的內容頁面顯示更多的相關信息(包括廣告)是一個重要策略,那么在單個頁面上無限滾動的方式不適用于你。
      
       了解了這些優點和缺點,讓我們來看看這兩個網站,我個人認為是在使用無限卷軸的地方。
      
       推特
      
       Twitter適合無限滾動加載的一個重要原因是,每一個內容單元都非常短和精致,它是整個內容本身。用戶無需在列表索引和內容詳細信息之間切換即可獲取所有信息,當鼠標懸停在某個內容項上時,會出現相應的操作(回復、刪除、收集等),所有內容和功能都集中在當前上下文中。
      
       圖布雷爾
      
       杭州網站制作公司默認情況下,Tumblr通過無限滾動加載內容,但考慮到它們為用戶提供了在其設置中禁用無限滾動的選項,Tumblr的產品特杭州網站制作公司性決定了其內容類型的寬度。不同類型的用戶可能會非常注意不同形式的內容;允許用戶設置自己的內容加載方式可以處理不同的用戶組。
      
       默認無限滾動模式
      
       用戶可以選擇是否啟用無限滾動
      
       禁用后,返回傳統的頁面導航方式
      
       下面是一個我個人認為不適合無限軋制的例子。
      
       必應的圖像搜索
      
       和Google一樣,Bing在圖片和視頻的搜索結果頁面中使用無限滾動加載。但是,當用戶單擊縮略圖進入圖片詳細信息頁面,然后返回到搜索結果列表時,他將丟失以前的位置,這使得用戶必須再次滾動頁面以在單擊之前找到位置。如果關鍵詞產生了大量的搜索結果,這種方法會給你帶來極大的不便。(現在必應已經改變了這種方法)。當用戶點擊搜索結果中的縮略圖時,他們將直接在當前頁面上輸出彈出層,包括大地圖和相關信息;新過程不會讓用戶離開當前環境-翻譯器C7210注釋)
      
       YouTube
      
       我喜歡YouTube的整體設計,我理解他們不斷修改和調整設計的意圖,但我仍然對他們最近在主頁上無限滾動頁面導航的做法感到有點不安。與必應的問題類似,YouTube的實際內容(視頻)是在一個單獨的頁面上,用戶顯然不希望看到E一段視頻,然后返回列表頁面,發現列表已重新加載。
      
       另一個尷尬的是,YouTube的無限滾動加載并不是那么自動,用戶需要點擊一個按鈕來加載列表中更多的視頻內容;在某些方面,這并不糟糕,因為它確實向用戶移交了控制權,并實現了與前面提到的Tumblr類似的方法,但直接將無限滾動與手動觸發器結合起來。嗯,有點不一致。
      
       最佳實踐
      
       希望通過以上內容了解您的產品是否適合無限滾動加載,如果答案是肯定的,以下幾點可以幫助您避免實踐中的一些關鍵問題:
      
       1。提供降級解決方案:前端開發人員應該考慮JavaCrit在特殊環境中不能正常工杭州網站制作公司作的情況,并提供一個平滑的降級解決方案。
      
       2??稍O置:如果可能,考慮為用戶提供設置選項,以方便他們選擇最合適的瀏覽模式。這將使用戶感到親密,從而提高您的產品的滿意度和忠誠度。
      
       三。視覺反饋提示:自動加載新內容時,應向用戶提供必要的視覺反饋,如各種動畫效果,可以表達加載,否則用戶將無法理解當前的情況;在沒有視覺提示的情況下,如果加載時間過長,用戶將出錯。N表示不再有內容。
      
       4。幫助用戶定位:不要丟失以前的列表位置,因為用戶訪問內容的詳細信息并單擊瀏覽器上的后退按鈕。如果確實無法做到這一點,而且這對您的產品非常重要,那么最好考慮傳統方式。
      
       5。測試:使用目標用戶組可能使用的各種設備進行測試,以驗證無限滾動加載方案的實際性能。
      
      

    關鍵詞

    最新案例

    聯系電話 400-6065-301

    留言

    日本综合久久888,女人下面毛茸茸做性视频,俄罗斯破女处视频免费观看
    <xmp id="eaccc"><table id="eaccc"></table>
  • <bdo id="eaccc"><center id="eaccc"></center></bdo>
  • <menu id="eaccc"><table id="eaccc"></table></menu>