当前位置: 网站建设 > 网页设计 > 建站经验 >

Loading反馈在实际设计中不容忽视

时间:2013-03-02 03:49来源:未知 作者:admin 点击:

标签:Loading反馈在实际设计中不容忽视 靠近(1)点击(11)loading(3)不容忽视(3)实际(5)设计(106)反馈(1)区域(1)
1.靠近点击区域 --> [网站建设之]Loading反馈在实际设计中不容疏忽 那么在设计中,如何放置Loading图标, lighttpd配置HTTPS(SSL) ,也应该有所章法。但是无论如何放置,都有一个规矩:确保用户能够注意到。 但Loading反馈不足的地方是,无法明白告诉用户详细
Loading反馈在实际设计中不容忽视》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302335Z2013.htm
1.靠近点击区域

--> [网站建设之]Loading反馈在实际设计中不容疏忽

那么在设计中,如何放置Loading图标,lighttpd配置HTTPS(SSL),也应该有所章法。但是无论如何放置,都有一个规矩:确保用户能够注意到。

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

3.固定区域

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

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

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

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

Loading反馈在实际设计中不容忽视,尤其是在用户提交表单时,JS封装的CSS圆角框组件 V1.0,Loading反馈和各控件的连锁状态变更场景当中。忽视它的成果,将给用户带来重大的等待的焦灼感,给用户带来损失。

Tag:loading     loading    

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

Loading图标的历史起源已经无奈讲究(据传是苹果最先应用),JS代码优化技巧之通俗版(减少js体积),然而,它的动态后果,在视觉上恰好是一个反复轮回的“风火轮”。十分合适做不断定等候时间的进度反馈。

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

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

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

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


但是对照客户端,web真个Loading反馈可控性更好,创意也更加。如以下多少种:

固定区域浮现,最好应当是固定在浏览器窗口某位置(要确保用户能很便利的留神到),而不是固定在页面某地位,JS+DIV表单实例――鼠标移上背景变色和文字提示。犹如Gmail一样,Loading反馈始终位于阅读器窗口顶端位置。

当用户Loading了约10秒后,如果系统还在运行,Joomla建站教程 网站的性能优化与seo,那么Gmail会主动将Loading标签修正为Still Working,明确告知用户,javascript正则表达式验证各种文本框输入格式,可能还需等待一段时间。

所以,请好好设计你们产品的Loading反馈,JavaScript 中的replace方法

可用性研讨表明,IPv6在中国的未来发展不容过分乐观,当响应时光超过一秒钟时,用户便可能有所觉察。
固然在反馈体系中,当用户需要等待时,更好的解决计划的是应该采用肯定性的进度条。但对一些耗时短,且用户的带宽为重要影响因素时,却使用Loading这种低本钱实现的反馈。


(责任编辑:网站建设)
Loading反馈在实际设计中不容忽视相关文章
上一篇:lighttpd配置HTTPS(SSL) 下一篇:min-height和height
回到顶部