無限滾動(dòng)的設(shè)計(jì)原則

1、保持導(dǎo)航欄可見

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

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

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

無線滾動(dòng)的方式阻礙了用戶到達(dá)頁腳位置。事實(shí)上這也正是這種設(shè)計(jì)的最主要的挑戰(zhàn)之一：因?yàn)樾畔⒃谟脩艚咏撞康耐瑫r(shí)不斷加載，用戶只能在下一撥信息加載出來之前看到頁腳一兩秒鐘，之后頁腳就會(huì)被擠出視野。這就阻礙了用戶到達(dá)頁腳位置。

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

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

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

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

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

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

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

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

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

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

因?yàn)榧虞d新內(nèi)容通常很快（它不應(yīng)該花費(fèi)超過2 – 10秒的時(shí)間），你可以使用一個(gè)環(huán)形動(dòng)畫告訴用戶系統(tǒng)正在響應(yīng)。

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

結(jié)論

如果無線滾動(dòng)方案應(yīng)用恰當(dāng)，它能營(yíng)造一種流暢一體的體驗(yàn)。希望你通過本文了解到該如何設(shè)計(jì)一個(gè)友好的無限滾動(dòng)方案，這將幫助你建立好的用戶體驗(yàn)。

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

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

網(wǎng)頁標(biāo)題：無限滾動(dòng)的設(shè)計(jì)原則
本文鏈接：http://www.bm7419.com/news22/165722.html

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

廣告

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