網(wǎng)頁(yè)設計中如何防止loading條？發(fā)布者：本站     時(shí)間：2020-05-23 12:05:53

Loading條常用于網(wǎng)頁(yè)中的等待時(shí)間，目的是減少用戶(hù)等待時(shí)的煩躁感，以此來(lái)增加用戶(hù)體驗。在很多地方我們都能發(fā)現loading條的應用，比如表單，提交，下載等等。本文將分析對于網(wǎng)頁(yè)客戶(hù)端來(lái)說(shuō)，在頁(yè)面什么位置擺放loading條是最有效的。

可用性研究表明，當響應時(shí)間超過(guò)一秒鐘時(shí)，用戶(hù)便能夠有所察覺(jué)。

雖然在反饋系統中，當用戶(hù)需要等待時(shí)，更好的解決方案的是應該采用確定性的進(jìn)度條。但對于一些耗時(shí)短，且用戶(hù)的帶寬為主要影響要素時(shí)，卻使用Loading這種低成本實(shí)現的反饋。

Loading圖標的歷史來(lái)源已經(jīng)無(wú)法考究(據傳是蘋(píng)果最先使用)，但是，它的動(dòng)態(tài)效果，在視覺(jué)上剛好是一個(gè)重復循環(huán)的“風(fēng)火輪”。非常適合做不確定等待時(shí)間的進(jìn)度反饋。

Loading的主要作用，在于提供反饋給用戶(hù)表示當前狀態(tài)，并且讓用戶(hù)的命令的執行和完成過(guò)渡得更加平滑。從這種角度上說(shuō)，它和很多流動(dòng)式反饋沒(méi)有多大區別，如MAC系統中窗口最小化的漸進(jìn)動(dòng)畫(huà)。

Loading的圖標僅僅在web應用當中產(chǎn)生，而在客戶(hù)端中，則較少使用，因為鼠標手型能夠代替它的工作。那么在設計中，如何放置Loading圖標，也應該有所章法。但是無(wú)論如何放置，都有一個(gè)規則：確保用戶(hù)可以注意到。

1.靠近點(diǎn)擊區域

靠近點(diǎn)擊區域，能夠讓你的Loading反饋得到最直接的呈現，也最利于被注意到。如果能配合按鈕的Enabled與Disabled狀態(tài)的切換，這是很好的反饋。