我目前正在参与一个应用程序,我需要设计应用程序的UI部分,目前我正在执行UI,当他或她的请求在幕后处理时,会显示给最终用户。当用户的请求仍在幕后时,最好的用户界面显示给用户?
所以我的问题是:
- 什么是最好的UI方法/符号/建议要显示在仍然在幕后处理他或她的请求,最终用户?
谢谢。
我目前正在参与一个应用程序,我需要设计应用程序的UI部分,目前我正在执行UI,当他或她的请求在幕后处理时,会显示给最终用户。当用户的请求仍在幕后时,最好的用户界面显示给用户?
所以我的问题是:
谢谢。
任何类型的throbber足够。这里有一个很好的throbber generator你可以使用。
进度条没有什么问题,除非有进度条在没有实际指示进度的情况下重新开始。
如果你不把你的程序太严重的是,这个人是永远取悦观众:
这将需要一段时间,所以为了打发时间,这里有一个跳舞的兔子:在典型的实现
这取决于您的用户必须等待多久。如果是10秒钟,那么只需要显示一个动画GIF的死亡旋转饼图(或者如果你更喜欢无法访问的话,则是flash)(一个简单的jQuery隐藏/显示CSS)
如果它是更长的等待时间,如> 10秒钟,您可能需要实现一个简短而有趣的字幕系统。就像旧的“Reticulating Splines”类型系统一样,当用户等待时给用户一点幽默感。参见https://stackoverflow.com/questions/182112/what-are-some-funny-loading-statements-to-keep-users-amused了解这些语句的列表。
如果你有一个长时间运行的后台进程,我只需显示一个进度条,并在其下面有一条消息,用最少的技术术语说明当前任务是什么。然后,如果可能的话,取消按钮,以防止用户不耐烦或错误地启动过程。
我不能提供任何具体的链接支持我,但我相信它已经证明,一个进度条只存在可以使一个更长的任务似乎比没有进度条的任务更短。
你可以做的最糟糕的事情是什么都没有。用户已经习惯了认为没有任何反馈=锁定程序。
我也会添加一个估计任务可能需要多长时间。 – Tom 2010-04-10 22:07:27
注(我使用):
jQuery具有.ajax
函数。当我调用函数(的onClick或其他)我.remove()
的内容(股利或任何看起来合适的),并添加waiting
它看起来像一个CSS类:
.waiting {
background-color: #eee;
background-image: url('some-spinner.png');
}
的.ajax
功能有success
回调在哪里除去.waiting
类,并把新的数据我从阿贾克斯回(或放回我.remove()
拿出数据。
此外,您可以更改默认的鼠标光标移动到wait
或progress
状态与CSS。
有关使用CSS更改光标的详细信息here。
你的意思不是“死亡旋转派”吗? – 2010-04-10 02:59:00
@大卫:我不知道如何实施死亡旋转派。除此之外,我正在使用jQuery,css和phtml组合为我的前端和业务逻辑在php中实现。 – Rachel 2010-04-10 03:02:10