何處安放的Loading

      作者:
      分類: 觀點/經驗
      2010-05-19
      3256
      可用性研究表明,當響應時間超過一秒鐘時,用戶便能夠有所察覺。 

      雖然在反饋系統中,當用戶需要等待時,更好的解決方案的是應該采用確定性的進度條。但對于一些耗時短,且用戶的帶寬為主要影響要素時,卻使用Loading這種低成本實現的反饋。

      Loading圖標的歷史來源已經無法考究(據傳是蘋果最先使用),但是,它的動態效果,在視覺上剛好是一個重復循環的“風火輪”。非常適合做不確定等待時間的進度反饋。

      Loading的主要作用,在于提供反饋給用戶表示當前狀態,并且讓用戶的命令的執行和完成過渡得更加平滑。從這種角度上說,它和很多流動式反饋沒有多大區別,如MAC系統中窗口最小化的漸進動畫。

      Loading的圖標僅僅在web應用當中產生,而在客戶端中,則較少使用,因為鼠標手型能夠代替它的工作。

      但是對比客戶端,web端的Loading反饋可控性更好,創意也更加。如以下幾種:

      那么在設計中,如何放置Loading圖標,也應該有所章法。但是無論如何放置,都有一個規則:確保用戶可以注意到。

      1.靠近點擊區域

      靠近點擊區域,能夠讓你的Loading反饋得到最直接的呈現,也最利于被注意到。如果能配合按鈕的Enabled與Disabled狀態的切換,這是很好的反饋。

      2.位于內容刷新區域上層

      當用戶選擇刷新頁面內某塊區域內內容時,其視覺焦點也將聚焦于此,如果此時讓Loading反饋不適合放置在點擊區域,那么將其放在內容刷新區域上層,也是一個很直觀的反饋。如QQ郵箱廣播的評論展開區域:

      但是需要注意的是,勿將Loading反饋采用模態形式,模態形式將導致用戶只能等待Loading完成而無法進行其他操作,而且還有可能給用戶帶來損失。

      如上圖,如果這個Loading反饋是模態形式,當它出現時,您就無法點擊頁面內其他地方,萬一不走運,這個時候你網絡斷線,這辛苦寫的日志,你就可能再也找不回來了。(注:圖為Qzone發表日志截圖,其Loading反饋為非模態形式)

      0
      5
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 国产传媒一区二区三区呀| 性色av无码免费一区二区三区 | 无码人妻精品一区二区三区在线 | 福利一区二区三区视频在线观看| 亚洲一区二区三区在线播放| 亚洲AⅤ视频一区二区三区| 国产午夜精品一区二区三区漫画 | 国产一区二区三区樱花动漫| 国产人妖视频一区二区破除| 成人区人妻精品一区二区不卡网站| 任你躁国产自任一区二区三区| 中文字幕在线精品视频入口一区| 久久精品亚洲一区二区三区浴池 | 精品国产亚洲一区二区在线观看| 国产成人精品无人区一区| 无码人妻精品一区二区三18禁| 日本一区二区三区不卡视频| 一区二区三区视频免费| 农村乱人伦一区二区| 国产一区二区三区在线电影| 久久一区二区三区免费播放| 久久精品成人一区二区三区| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 国产精品合集一区二区三区| 国模极品一区二区三区| 中文字幕aⅴ人妻一区二区 | 污污内射在线观看一区二区少妇| 色窝窝免费一区二区三区 | 亚洲国产成人久久综合一区 | 国内自拍视频一区二区三区 | 亚洲综合av永久无码精品一区二区| 精品人妻码一区二区三区| 日本免费精品一区二区三区| 日韩免费无码视频一区二区三区| 国产精品日韩一区二区三区| 日韩一区二区在线观看视频| 一区二区视频免费观看| 蜜桃AV抽搐高潮一区二区| 无码乱人伦一区二区亚洲一| 午夜精品一区二区三区在线视| 99热门精品一区二区三区无码|