時(shí)間:2013-05-07 來源:武漢網(wǎng)whw.cc 作者:whw.cc 我要糾錯(cuò)
可用性研討表明,當(dāng)響應(yīng)時(shí)光超過一秒鐘時(shí),用戶便可以有所覺察。
固然在反饋體系中,當(dāng)用戶須要期待時(shí),更好的解決計(jì)劃的是應(yīng)當(dāng)采取肯定性的進(jìn)度條,北京網(wǎng)站建設(shè)。但對(duì)一些耗時(shí)短,且用戶的帶寬為重要影響因素時(shí),卻使用Loading這種低本錢實(shí)現(xiàn)的反饋。
Loading圖標(biāo)的歷史起源已經(jīng)無奈講究(據(jù)傳是蘋果最先應(yīng)用),但是,它的動(dòng)態(tài)后果,在視覺上恰好是一個(gè)反復(fù)輪回的“風(fēng)火輪”。十分合適做不斷定等候時(shí)光的進(jìn)度反饋。
Loading的重要作用,在于供給反饋給用戶表現(xiàn)當(dāng)前狀態(tài),并且讓用戶的命令的履行跟實(shí)現(xiàn)過渡得更加平滑。從這種角度上說,它和良多流動(dòng)式反饋不多大差別,如MAC系統(tǒng)中窗口最小化的漸進(jìn)動(dòng)畫。
Loading的圖標(biāo)僅僅在web利用當(dāng)中發(fā)生,而在客戶端中,則較少應(yīng)用,由于鼠標(biāo)手型可能取代它的工作。
然而對(duì)照客戶端,web真?zhèn)Loading反饋可控性更好,創(chuàng)意也更加,北京網(wǎng)站制作。如以下多少種:
那么在設(shè)計(jì)中,如何放置Loading圖標(biāo),也應(yīng)當(dāng)有所章法。然而無論如何放置,都有一個(gè)規(guī)矩:確保用戶能夠留神到。
2.位于內(nèi)容刷新區(qū)域上層
當(dāng)用戶抉擇刷新頁面內(nèi)某塊區(qū)域內(nèi)內(nèi)容時(shí),其視覺焦點(diǎn)也將聚焦于此,假如此時(shí)讓Loading反饋不合適放置在點(diǎn)擊區(qū)域,那么將其放在內(nèi)容刷新區(qū)域上層,也是一個(gè)很直觀的反饋。如QQ郵箱播送的評(píng)論開展區(qū)域:
但是須要注意的是,勿將Loading反饋采取模態(tài)情勢,模態(tài)情勢將導(dǎo)致用戶只能期待Loading實(shí)現(xiàn)而無法進(jìn)行其余操作,而且還有可能給用戶帶來喪失。
如上圖,如果這個(gè)Loading反饋是模態(tài)形式,當(dāng)它呈現(xiàn)時(shí),你就無法點(diǎn)擊頁面內(nèi)其余處所,萬一不背運(yùn),這個(gè)時(shí)候你網(wǎng)絡(luò)斷線,網(wǎng)站制作,這辛勞寫的日志,你就可能再也找不回來了。(注:圖為Qzone發(fā)表日志截圖,其Loading反饋為非模態(tài)形式)
1.湊近點(diǎn)擊區(qū)域
湊近點(diǎn)擊區(qū)域,可能讓你的Loading反饋得到最直接的浮現(xiàn),也最利于被留神到。假如能配合按鈕的Enabled與Disabled狀況的切換,這是很好的反饋。
3.固定區(qū)域
固定區(qū)域出現(xiàn),最好應(yīng)該是固定在閱讀器窗口某位置(要確保用戶能很便利的注意到),而不是固定在頁面某地位。猶如Gmail一樣,Loading反饋始終位于閱讀器窗口頂端地位。
但也需切記,別把Loading反饋放置得離視覺焦點(diǎn)太遠(yuǎn)。這樣很難注意到。
Loading反饋固然是一個(gè)小部件,但其可以給用戶的,卻是體系可見性的有效進(jìn)步,在平凡的設(shè)計(jì)中,需對(duì)Loading反饋設(shè)計(jì)有所留心。
但Loading反饋不足的處所是,無奈明白告訴用戶詳細(xì)等候時(shí)間。就像撥打客服電話中被告訴的“稍等片刻”一樣。即便這樣咱們?nèi)匀荒茏龅酶,像Gmail那樣。
當(dāng)用戶Loading了約10秒后,如果系統(tǒng)還在運(yùn)行,那么Gmail會(huì)主動(dòng)將Loading標(biāo)簽修正為Still Working,明白告知用戶,可能還需等待一段時(shí)間。
Loading反饋在實(shí)際設(shè)計(jì)中不容疏忽,尤其是在用戶提交表單時(shí),Loading反饋跟各控件的連鎖狀況變更場景當(dāng)中。疏忽它的成果,將給用戶帶來重大的等待的焦灼感,給用戶帶來喪失。
所以,請(qǐng)好好設(shè)計(jì)你們產(chǎn)品的Loading反饋。
標(biāo)簽:
關(guān)于我們 | 打賞支持 | 廣告服務(wù) | 聯(lián)系我們 | 網(wǎng)站地圖 | 免責(zé)聲明 | 幫助中心 | 友情鏈接 |
Copyright © 2022 whw.cc Inc. All Rights Reserved. 武漢網(wǎng) 版權(quán)所有
鄂ICP備19009404號(hào)-6 公安備 42010502000112