雖然在反饋系統(tǒng)中,當(dāng)用戶(hù)需要等待時(shí),更好的解決方案的是應(yīng)該采用確定性的進(jìn)度條。但對(duì)于一些耗時(shí)短,且用戶(hù)的帶寬為主要影響要素時(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的主要作用,在于提供反饋給用戶(hù)表示當(dāng)前狀態(tài),并且讓用戶(hù)的命令的執(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)生,而在客戶(hù)端中,則較少使用,因?yàn)槭髽?biāo)手型能夠代替它的工作。
但是對(duì)比客戶(hù)端,web端的Loading反饋可控性更好,創(chuàng)意也更加。如以下幾種:
那么在設(shè)計(jì)中,如何放置Loading圖標(biāo),也應(yīng)該有所章法。但是無(wú)論如何放置,都有一個(gè)規(guī)則:確保用戶(hù)可以注意到。
1.靠近點(diǎn)擊區(qū)域
靠近點(diǎn)擊區(qū)域,能夠讓你的Loading反饋得到最直接的呈現(xiàn),也最利于被注意到。如果能配合按鈕的Enabled與Disabled狀態(tài)的切換,這是很好的反饋。
2.位于內(nèi)容刷新區(qū)域上層
當(dāng)用戶(hù)選擇刷新頁(yè)面內(nèi)某塊區(qū)域內(nèi)內(nèi)容時(shí),其視覺(jué)焦點(diǎn)也將聚焦于此,如果此時(shí)讓Loading反饋不適合放置在點(diǎn)擊區(qū)域,那么將其放在內(nèi)容刷新區(qū)域上層,也是一個(gè)很直觀的反饋。如QQ郵箱廣播的評(píng)論展開(kāi)區(qū)域:
但是需要注意的是,勿將Loading反饋采用模態(tài)形式,模態(tài)形式將導(dǎo)致用戶(hù)只能等待Loading完成而無(wú)法進(jìn)行其他操作,而且還有可能給用戶(hù)帶來(lái)?yè)p失。
如上圖,如果這個(gè)Loading反饋是模態(tài)形式,當(dāng)它出現(xiàn)時(shí),您就無(wú)法點(diǎn)擊頁(yè)面內(nèi)其他地方,萬(wàn)一不走運(yùn),這個(gè)時(shí)候你網(wǎng)絡(luò)斷線,這辛苦寫(xiě)的日志,你就可能再也找不回來(lái)了。(注:圖為Qzone發(fā)表日志截圖,其Loading反饋為非模態(tài)形式)
0
喜歡他,就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)