如何设计的Loading

时间:2013-05-07  来源:武汉网whw.cc  作者:whw.cc 我要纠错


可用性研讨表明,当响应时光超过一秒钟时,用户便可以有所觉察。

固然在反馈体系中,当用户须要期待时,更好的解决计划的是应当采取肯定性的进度条,北京网站建设。但对一些耗时短,且用户的带宽为重要影响因素时,却使用Loading这种低本钱实现的反馈。

Loading图标的历史起源已经无奈讲究(据传是苹果最先应用),但是,它的动态后果,在视觉上恰好是一个反复轮回的“风火轮”。十分合适做不断定等候时光的进度反馈。

Loading的重要作用,在于供给反馈给用户表现当前状态,并且让用户的命令的履行跟实现过渡得更加平滑。从这种角度上说,它和良多流动式反馈不多大差别,如MAC系统中窗口最小化的渐进动画。

Loading的图标仅仅在web利用当中发生,而在客户端中,则较少应用,由于鼠标手型可能取代它的工作。

然而对照客户端,web真个Loading反馈可控性更好,创意也更加,北京网站制作。如以下多少种:

 

那么在设计中,如何放置Loading图标,也应当有所章法。然而无论如何放置,都有一个规矩:确保用户能够留神到。

2.位于内容刷新区域上层

当用户抉择刷新页面内某块区域内内容时,其视觉焦点也将聚焦于此,假如此时让Loading反馈不合适放置在点击区域,那么将其放在内容刷新区域上层,也是一个很直观的反馈。如QQ邮箱播送的评论开展区域:

 

但是须要注意的是,勿将Loading反馈采取模态情势,模态情势将导致用户只能期待Loading实现而无法进行其余操作,而且还有可能给用户带来丧失。

 

如上图,如果这个Loading反馈是模态形式,当它呈现时,你就无法点击页面内其余处所,万一不背运,这个时候你网络断线,网站制作,这辛劳写的日志,你就可能再也找不回来了。(注:图为Qzone发表日志截图,其Loading反馈为非模态形式)

1.凑近点击区域

凑近点击区域,可能让你的Loading反馈得到最直接的浮现,也最利于被留神到。假如能配合按钮的Enabled与Disabled状况的切换,这是很好的反馈。

 

3.固定区域

固定区域出现,最好应该是固定在阅读器窗口某位置(要确保用户能很便利的注意到),而不是固定在页面某地位。犹如Gmail一样,Loading反馈始终位于阅读器窗口顶端地位。

 

但也需切记,别把Loading反馈放置得离视觉焦点太远。这样很难注意到。

 

Loading反馈固然是一个小部件,但其可以给用户的,却是体系可见性的有效进步,在平凡的设计中,需对Loading反馈设计有所留心。

但Loading反馈不足的处所是,无奈明白告诉用户详细等候时间。就像拨打客服电话中被告诉的“稍等片刻”一样。即便这样咱们仍然能做得更好,像Gmail那样。

当用户Loading了约10秒后,如果系统还在运行,那么Gmail会主动将Loading标签修正为Still Working,明白告知用户,可能还需等待一段时间。
Loading反馈在实际设计中不容疏忽,尤其是在用户提交表单时,Loading反馈跟各控件的连锁状况变更场景当中。疏忽它的成果,将给用户带来重大的等待的焦灼感,给用户带来丧失。

所以,请好好设计你们产品的Loading反馈。

 

文章来源:http://www.haidanet.cn

标签:

扫一扫在手机打开当前页
无相关信息
武汉生活资讯

武汉图文信息
中建科工游湖公交综合体项目组织开展2024年质量月质量知识竞赛活动
中建科工游湖公交综合体项目组织开展2024年
武汉市硚口区2024年小学入学报名及学校服务范围
武汉市硚口区2024年小学入学报名及学校服务
2023年武汉暑期青少年体育夏令营 报名
2023年武汉暑期青少年体育夏令营 报名
2023暑假武汉中小学生免费游泳场馆!
2023暑假武汉中小学生免费游泳场馆!
蔡甸区花博汇景区
蔡甸区花博汇景区
武汉驾驶证考试攻略,各个科目怎么考,要考哪些内容
武汉驾驶证考试攻略,各个科目怎么考,要考
如何全额提取公积金(附提取方法)
如何全额提取公积金(附提取方法)
武汉市初中招生入学区域咨询电话一览表
武汉市初中招生入学区域咨询电话一览表
推荐信息

栏目更新

神途 手机游戏app下载 男人加油站 币安app官网下载 币安app官网 虚拟手机号码 币安app官网下载 币安app官网下载 币安app官网下载

关于我们 | 打赏支持 | 广告服务 | 联系我们 | 网站地图 | 免责声明 | 帮助中心 | 友情链接 |

Copyright © 2022 whw.cc Inc. All Rights Reserved. 武汉网 版权所有
鄂ICP备19009404号-6 公安备 42010502000112