何处安放的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