何处安放的Loading

时间:2011-08-10 19:11:20 

可用性研究表明,当响应时间超过一秒钟时,用户便能够有所察觉。

虽然在反馈系统中,当用户需要等待时,更好的解决方案的是应该采用确定性的进度条。但对于一些耗时短,且用户的带宽为主要影响要素时,却使用Loading这种低成本实现的反馈。

Loading图标的历史来源已经无法考究(据传是苹果最先使用),但是,它的动态效果,在视觉上刚好是一个重复循环的“风火轮”。非常适合做不确定等待时间的进度反馈。

Loading的主要作用,在于提供反馈给用户表示当前状态,并且让用户的命令的执行和完成过渡得更加平滑。从这种角度上说,它和很多流动式反馈没有多大区别,如MAC系统中窗口最小化的渐进动画。

Loading的图标仅仅在web应用当中产生,而在客户端中,则较少使用,因为鼠标手型能够代替它的工作。

但是对比客户端,web端的Loading反馈可控性更好,创意也更加。如以下几种:

那么在设计中,如何放置Loading图标,也应该有所章法。但是无论如何放置,都有一个规则:确保用户可以注意到

1.靠近点击区域

靠近点击区域,能够让你的Loading反馈得到最直接的呈现,也最利于被注意到。如果能配合按钮的Enabled与Disabled状态的切换,这是很好的反馈。

标签:loading,加载,设计
0
投稿

猜你喜欢

  • Python实现简单的学生信息管理系统

    2021-06-19 10:59:44
  • MySQL数据库如何导入导出(备份还原)

    2024-01-17 17:26:37
  • vue3中使用Apache ECharts的详细方法

    2024-04-26 17:41:01
  • Python之维度dim的定义及其理解使用方式

    2021-06-10 12:33:04
  • Python接口自动化浅析pymysql数据库操作流程

    2024-01-16 16:33:02
  • 浅谈python中的数字类型与处理工具

    2022-02-09 01:07:30
  • 详解将DataGrip连接到MS SQL Server的方法

    2024-01-17 00:41:14
  • Python接口自动化之文件上传/下载接口详解

    2022-01-02 17:32:28
  • 实例演示在SQL中启用全文检索

    2011-10-01 14:01:37
  • Mysql避免重复插入数据的4种方式

    2024-01-23 06:19:54
  • oracle SQL命令大全

    2009-07-02 11:55:00
  • Python中获取图片的大小问题

    2022-11-08 21:43:23
  • python实现跳表SkipList的示例代码

    2022-04-05 05:01:53
  • CSS鼠标悬停tip效果

    2007-08-26 17:32:00
  • 介绍Python的Urllib库的一些高级用法

    2023-03-29 08:28:06
  • OpenCV实现常见的四种图像几何变换

    2022-11-08 11:20:50
  • Pytorch框架实现mnist手写库识别(与tensorflow对比)

    2022-07-30 00:41:42
  • php+lottery.js实现九宫格抽奖功能

    2024-04-17 10:34:28
  • PHP自动生成缩略图函数的源码示例

    2023-06-26 19:13:37
  • Python for Informatics 第11章之正则表达式(四)

    2023-06-15 04:48:39
  • asp之家 网络编程 m.aspxhome.com