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

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

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

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

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

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

Loading的圖標(biāo)僅僅在web應(yīng)用當(dāng)中產(chǎn)生，而在客戶端中，則較少使用，因?yàn)槭髽?biāo)手型能夠代替它的工作。那么在設(shè)計(jì)中，如何放置Loading圖標(biāo)，也應(yīng)該有所章法。但是無(wú)論如何放置，都有一個(gè)規(guī)則：確保用戶可以注意到。

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

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