2022-11-26 分類: 網站建設
可用性研究表明,當響應時間超過一秒鐘時,用戶便能夠有所察覺。雖然在反饋系統中,當用戶需要等待時,更好的解決方案的是應該采用確定性的進度條。但對于一些耗時短,且用戶的帶寬為主要影響要素時,卻使用Loading這種低成本實現的反饋。
Loading圖標的歷史來源已經無法考究(據傳是蘋果先使用),但是,它的動態效果,在視覺上剛好是一個重復循環的“風火輪”。非常適合做不確定等待時間的進度反饋。
Loading的主要作用,在于提供反饋給用戶表示當前狀態,并且讓用戶的命令的執行和完成過渡得更加平滑。從這種角度上說,它和很多流動式反饋沒有多大區別,如MAC系統中窗口小化的漸進動畫。Loading的圖標僅僅在web應用當中產生,而在客戶端中,則較少使用,因為鼠標手型能夠代替它的工作。
1.靠近點擊區域
靠近點擊區域,能夠讓你的Loading反饋得到直接的呈現,也利于被注意到。如果能配合按鈕的Enabled與Disabled狀態的切換,這是很好的反饋。
2.位于內容刷新區域上層
當用戶選擇刷新頁面內某塊區域內內容時,其視覺焦點也將聚焦于此,如果此時讓Loading反饋不適合放置在點擊區域,那么將其放在內容刷新區域上層,也是一個很直觀的反饋。如QQ郵箱廣播的評論展開區域
3.固定區域
固定區域呈現,知名應該是固定在瀏覽器窗口某位置(要確保用戶能很方便的注意到),而不是固定在頁面某位置。如同Gmail一樣,Loading反饋始終位于瀏覽器窗口頂端位置。
Loading反饋雖然是一個小部件,但其能夠給用戶的,卻是系統可見性的有效提高,在平常的設計中,需對Loading反饋設計有所留意。但Loading反饋不足的地方是,無法明確告知用戶具體等待時間。就像撥打客服電話中被告知的“稍等片刻”一樣。即使這樣我們依然能做得更好,像Gmail那樣。
當用戶Loading了約10秒后,如果系統還在運轉,那么Gmail會自動將Loading標簽修改為Still Working,明確告知用戶,可能還需等待一段時間。Loading反饋在實際設計中不容忽視,尤其是在用戶提交表單時,Loading反饋和各控件的連鎖狀態變化場景當中。忽視它的后果,將給用戶帶來嚴重的等待的焦灼感,給用戶帶來損失。
所以,請好好設計你們產品的Loading反饋。
成都網站建設公司-創新互聯(www.fslingdu.com.),擁有設計團隊為企業提供FLASH網站設計,網頁制作,多媒體觸摸屏展示設計.
當前題目:如何設計好網頁中的Loading
網站URL:http://m.newbst.com/news14/216814.html
成都網站建設公司_創新互聯,為您提供動態網站、自適應網站、網站維護、外貿建站、軟件開發、面包屑導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容