雖然在反饋系統(tǒng)中，當(dāng)用戶需要等待時，更好的解決方案的是應(yīng)該采用確定性的進(jìn)度條。但對于一些耗時短，且用戶的帶寬為主要影響要素時，卻使用Loading這種低成本實現(xiàn)的反饋。
Loading圖標(biāo)的歷史來源已經(jīng)無法考究(據(jù)傳是蘋果最先使用)，但是，它的動態(tài)效果，在視覺上剛好是一個重復(fù)循環(huán)的“風(fēng)火輪”。非常適合做不確定等待時間的進(jìn)度反饋。
Loading的主要作用，在于提供反饋給用戶表示當(dāng)前狀態(tài)，并且讓用戶的命令的執(zhí)行和完成過渡得更加平滑。從這種角度上說，它和很多流動式反饋沒有多大區(qū)別，如MAC系統(tǒng)中窗口最小化的漸進(jìn)動畫。
Loading的圖標(biāo)僅僅在web應(yīng)用當(dāng)中產(chǎn)生，而在客戶端中，則較少使用，因為鼠標(biāo)手型能夠代替它的工作。
但是對比客戶端，web端的Loading反饋可控性更好，創(chuàng)意也更加。如以下幾種：
那么在設(shè)計中，如何放置Loading圖標(biāo)，也應(yīng)該有所章法。但是無論如何放置，都有一個規(guī)則：確保用戶可以注意到。
1.靠近點擊區(qū)域
靠近點擊區(qū)域，能夠讓你的Loading反饋得到最直接的呈現(xiàn)，也最利于被注意到。如果能配合按鈕的Enabled與Disabled狀態(tài)的切換，這是很好的反饋。
2.位于內(nèi)容刷新區(qū)域上層
當(dāng)用戶選擇刷新頁面內(nèi)某塊區(qū)域內(nèi)內(nèi)容時，其視覺焦點也將聚焦于此，如果此時讓Loading反饋不適合放置在點擊區(qū)域，那么將其放在內(nèi)容刷新區(qū)域上層，也是一個很直觀的反饋。如QQ郵箱廣播的評論展開區(qū)域：
但是需要注意的是，勿將Loading反饋采用模態(tài)形式，模態(tài)形式將導(dǎo)致用戶只能等待Loading完成而無法進(jìn)行其他操作，而且還有可能給用戶帶來損失。
如上圖，如果這個Loading反饋是模態(tài)形式，當(dāng)它出現(xiàn)時，您就無法點擊頁面內(nèi)其他地方，萬一不走運，這個時候你網(wǎng)絡(luò)斷線，這辛苦寫的日志，你就可能再也找不回來了。（注：圖為Qzone發(fā)表日志截圖，其Loading反饋為非模態(tài)形式）
0
喜歡他，就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計網(wǎng)（CNDESIGN）會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處，作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計網(wǎng)
