1、保持導航欄可見

當你設計無限滾動方案時，最好保持導航欄始終可見，使得用戶能更快更容易的前往網(wǎng)站/App的不同區(qū)域。如果導航欄超出了一定范圍后不再顯示，那么用戶將不得不在滾出范圍之外時再往回滾才能重新看到導航欄。

僅對移動設備有效：因為移動設備屏幕更小，而導航欄會占用一定的屏幕空間。如果屏幕內(nèi)容是滾動式的信息流，導航欄可以在用戶向上滾動出新內(nèi)容的時候隱藏掉，并在他們向下滾動試圖重新返回到頂部的時候再顯現(xiàn)出來。

2、如果你有頁腳的話可以使用一個“加載更多”按鈕

無線滾動的方式阻礙了用戶到達頁腳位置。事實上這也正是這種設計的最主要的挑戰(zhàn)之一：因為信息在用戶接近底部的同時不斷加載，用戶只能在下一撥信息加載出來之前看到頁腳一兩秒鐘，之后頁腳就會被擠出視野。這就阻礙了用戶到達頁腳位置。

拿Bing圖片來舉例。其頁腳位置包含諸如“了解更多”和“幫助”等這樣的鏈接，但是實際上用戶很難點擊到這些鏈接，除非當前頁面停止?jié)L動，然而這可能會花一些時間。

如果你的網(wǎng)站/App有一個頁腳，那對你很重要（或者對你的用戶更為重要）的一條原則是，你應該使用“加載更多”這種方法。新的內(nèi)容在你點擊“加載更多”按鈕之前不會自動加載。這種界面設計簡單，又能夠讓用戶更輕易的認識到加載更多內(nèi)容的方法。

Instagram使用“加載更多”按鈕來讓用戶能更容易的前往頁腳位置，并不會迫使用戶一次又一次的點擊“加載更多”按鈕。

3、使用后退按鈕將用戶帶回以前的位置

無線滾動方案有時被認為有一個最主要的可用性缺點是：滾動位置沒有像一個狀態(tài)一樣被記錄下來。如果用戶順著信息列表中某個位置點的鏈接前往了另一個頁面，再去點擊后退按鈕，他們期望的是回到信息列表中的同一位置處。但是用戶在列表中的位置點并沒有被記錄，這就意味著用戶瀏覽器中的后退按鈕將會帶他們重新回到列表頂部位置。這樣的做法之下，也就不用奇怪用戶會失望于所謂的后退按鈕并沒有起到實質(zhì)上的作用。

Flickr使得瀏覽器的后退按鈕觸發(fā)的行為跟用戶的期望一致。它記錄用戶在列表中滾動到的位置，因此用戶點擊后退按鈕后會回到同一位置。

4、使添加書簽功能成為可能

無線滾動的最為人詬病的缺點之一是你不可能將出現(xiàn)的信息添加進書簽。將喜歡的結果創(chuàng)建一個簡單的書簽（或者“收藏”下來），待以后使用，這種做法對用戶來講會是一個非常強大的功能。如果你的網(wǎng)站/App值得，用戶確實是會創(chuàng)建標簽的。例如Pinterest，使用一個標簽工具讓用戶保存下創(chuàng)造性的想法。

5、加載新內(nèi)容的時候提供一個視覺反饋

當新的內(nèi)容在加載的時候，用戶需要一個清晰的指示告訴他們網(wǎng)站正在加載。你應該使用進度指示器告訴用戶新內(nèi)容正在加載并且很快就會出現(xiàn)在屏幕中。

因為加載新內(nèi)容通常很快（它不應該花費超過2 – 10秒的時間），你可以使用一個環(huán)形動畫告訴用戶系統(tǒng)正在響應。

如果指示器中國包含一些文本說明告訴用戶為何他們需要等待（如“加載評論中”），這對用戶清晰的理解當前狀態(tài)會有額外的幫助。

結論

如果無線滾動方案應用恰當，它能營造一種流暢一體的體驗。希望你通過本文了解到該如何設計一個友好的無限滾動方案，這將幫助你建立好的用戶體驗。

本文來自成都品牌網(wǎng)站建設網(wǎng)站設計制作公司-創(chuàng)新互聯(lián) 

標簽：創(chuàng)新互聯(lián),高端網(wǎng)站建設,企業(yè)網(wǎng)站建設,響應式網(wǎng)站

網(wǎng)頁標題：無限滾動的設計原則
本文鏈接：http://aaarwkj.com/news22/165722.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、動態(tài)網(wǎng)站、網(wǎng)站設計、品牌網(wǎng)站建設、響應式網(wǎng)站、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)