何处安放的Loading（2）
发布时间：2011-08-10 19:11:20
2.位于内容刷新区域上层
当用户选择刷新页面内某块区域内内容时，其视觉焦点也将聚焦于此，如果此时让Loading反馈不适合放置在点击区域，那么将其放在内容刷新区域上层，也是一个很直观的反馈。如QQ邮箱广播的评论展开区域：
但是需要注意的是，勿将Loading反馈采用模态形式，模态形式将导致用户只能等待Loading完成而无法进行其他操作，而且还有可能给用户带来损失。
如上图，如果这个Loading反馈是模态形式，当它出现时，您就无法点击页面内其他地方，万一不走运，这个时候你网络断线，这辛苦写的日志，你就可能再也找不回来了。（注：图为Qzone发表日志截图，其Loading反馈为非模态形式）
3.固定区域
固定区域呈现，最好应该是固定在浏览器窗口某位置（要确保用户能很方便的注意到），而不是固定在页面某位置。如同Gmail一样，Loading反馈始终位于浏览器窗口顶端位置。
但也需切记，别把Loading反馈放置得离视觉焦点太远。这样很难注意到。
Loading反馈虽然是一个小部件，但其能够给用户的，却是系统可见性的有效提高，在平常的设计中，需对Loading反馈设计有所留意。
但Loading反馈不足的地方是，无法明确告知用户具体等待时间。就像拨打客服电话中被告知的“稍等片刻”一样。即使这样我们依然能做得更好，像Gmail那样。
当用户Loading了约10秒后，如果系统还在运转，那么Gmail会自动将Loading标签修改为Still Working，明确告知用户，可能还需等待一段时间。
Loading反馈在实际设计中不容忽视，尤其是在用户提交表单时，Loading反馈和各控件的连锁状态变化场景当中。忽视它的后果，将给用户带来严重的等待的焦灼感，给用户带来损失。
所以，请好好设计你们产品的Loading反馈。
作者：大脸
文章来源：优涩控 转载请注明出处链接。
0
投稿猜你喜欢
- 可能接触网站与编程设计的人都知道，一个属性值需要引号包括起来，但是有的时候就是因为没有正确设定引号类型，导致程序出错，就连我自己也是这样，我
- 这个问题好像在各种数据库中都存在，该如何处理呢？一、SQL中：sql="CREATE TABLE phone&
- 用css属性选择器可以有选择性地对链接样式进行控制，如让所有的外部链接都加一个小图标来标识其是一外部链接。但用css有弊端： 1、只支持Fi
- 大家知道，在js里encodeURIComponent 方法是一个比较常用的编码方法，但因工作需要，在asp里需用到此方法，查了好多资料，没
- 问：我最近升级了一个应用程序，使其可以在 SQL Server 2005 上运行。我利用了允许行长度超出 8,060 个字节这项功能，以便用
像素误差看自己设计好上线的网站，偶尔会发觉像素行间出现了弹性空间，总在不经意间蹦出一定的差距。有些页面很难发现，比如活动类页面，这类页面多呈- 先按照下面的表结构创建mysql_order_by_test数据表，我们用实例一点一点告诉你，MySQL order by的用法。ORDER
- 发现这个也是偶然，在测试的时候发现的，因此问题还发现一个bug。蛮有意思~ 假如输入http://www.aspxhome.com的话，在
- Div+CSS+JS组和能够实现很多好看的特殊的效果，这里推荐一款可刷新的下拉菜单：下面是js代码部分：<script type=te
- 六、XML展望 任何一项新技术的产生都是有其需求背景的，XML的诞生是在HTML遇到不可克服的困难之后。近年来HTML在许多复杂的Web应用
- 内容摘要：浏览器不兼容这个难题，一直是网页设计师们头痛的事情。ie7.0的面世，尚且不论他是否较之ie6.0进步， ie7和ie6
- 写入：1:把gif图像文件读入内存（一个变量strTemp）。2:写入数据库。Dim binTmp() As ByteDim conn As
- 这篇文章主要是把ASP代码变成组件,开发者不仅是加快了ASP的速度,而且也能保护加密自己的代码，编译asp代码为dll组件我想这个是最好的保
- http://swik.net/Ajax/Ajax+Mistakes在某网站瞎逛时，发现这个链接，进去逛了逛，觉得很有意思，大家也可以去看看
- 关于书写习惯，遵循曾经总结过的风格标准，现在一点都没有变。并且近来翻看高手作品，横向连排似乎在大产品项目中逐渐成为主流，个人认为如此维护效率
- 作为一位不懂代码的业余网页制 * 好者，常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品。唉，无奈程序那东东，酶涩南学，非一日之
- 现在同类型的网站数不胜数，网站的功能或服务日趋同质化，大的方面看不出什么差别，差别就体现在细节上。“窥斑见豹”，细节成为网站最有力的表现形式
- 是的，这仅仅是一个PPT文档，由Anna Debenham上传至slideshare。幻灯片的标题叫做《CSS nuggets》，嗯，很好的
- 代码如下: Function closeHTML(strContent) Dim arrTags, i, OpenPos, ClosePos
- 表格(Table)可读性提升的系统总结，包括“行列组织关系模糊、单元格内容不清晰”两大方面...前边写了个大框架，好像有点笼统，因为没有各点
