如何設(shè)計(jì)好網(wǎng)頁(yè)中的Loading

可用性研究表明，當(dāng)響應(yīng)時(shí)間超過(guò)一秒鐘時(shí)，用戶(hù)便能夠有所察覺(jué)。雖然在反饋系統(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)手型能夠代替它的工作。

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ū)域

3.固定區(qū)域

固定區(qū)域呈現(xiàn)，知名應(yīng)該是固定在瀏覽器窗口某位置（要確保用戶(hù)能很方便的注意到），而不是固定在頁(yè)面某位置。如同Gmail一樣，Loading反饋始終位于瀏覽器窗口頂端位置。

Loading反饋雖然是一個(gè)小部件，但其能夠給用戶(hù)的，卻是系統(tǒng)可見(jiàn)性的有效提高，在平常的設(shè)計(jì)中，需對(duì)Loading反饋設(shè)計(jì)有所留意。但Loading反饋不足的地方是，無(wú)法明確告知用戶(hù)具體等待時(shí)間。就像撥打客服電話中被告知的“稍等片刻”一樣。即使這樣我們依然能做得更好，像Gmail那樣。

當(dāng)用戶(hù)Loading了約10秒后，如果系統(tǒng)還在運(yùn)轉(zhuǎn)，那么Gmail會(huì)自動(dòng)將Loading標(biāo)簽修改為Still Working，明確告知用戶(hù)，可能還需等待一段時(shí)間。Loading反饋在實(shí)際設(shè)計(jì)中不容忽視，尤其是在用戶(hù)提交表單時(shí)，Loading反饋和各控件的連鎖狀態(tài)變化場(chǎng)景當(dāng)中。忽視它的后果，將給用戶(hù)帶來(lái)嚴(yán)重的等待的焦灼感，給用戶(hù)帶來(lái)?yè)p失。

所以，請(qǐng)好好設(shè)計(jì)你們產(chǎn)品的Loading反饋。

成都網(wǎng)站建設(shè)公司－創(chuàng)新互聯(lián)(www.fslingdu.com.)，擁有設(shè)計(jì)團(tuán)隊(duì)為企業(yè)提供FLASH網(wǎng)站設(shè)計(jì)，網(wǎng)頁(yè)制作，多媒體觸摸屏展示設(shè)計(jì).

當(dāng)前題目：如何設(shè)計(jì)好網(wǎng)頁(yè)中的Loading
網(wǎng)站URL：http://muchs.cn/news14/216814.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、網(wǎng)站維護(hù)、外貿(mào)建站、軟件開(kāi)發(fā)、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)