Question

我有一个包含许多标签的简单Web应用程序。当用户单击选项卡时，使用AJAX加载选项卡内容。但是，从用户的角度来看，加载一些标签需要< 1s，一开始没有内容（只是空输入将通过AJAX填充）

$('#my-tab').on('click', function() {
   // load content
});

$('#another-tab').on('click', function() {
   // load some different content
});

要解决问题，我可以：

1）使用一些AJAX微调器通知用户有内容但即将加载

2）使用HTML表单，以便在没有AJAX的情况下加载内容

什么是正确/最佳/通用解决方案？非常感谢。

Answer 1

这是good article，总结了您的要求。

有3个主要时间限制（由人类感知决定优化Web和应用程序时要记住的能力性能

根据为普通用户加载内容所需的大致时间，您可以应用此做法：

0.1秒约为让用户感觉系统瞬间响应的限制，这意味着没有特别的反馈   必要的，除了显示结果。

1.0秒即使用户会注意到延迟，也是用户思维保持不间断的极限。一般，   延迟超过0.1时不需要特殊反馈但是   不到1.0秒，但用户确实失去了操作的感觉   直接在数据上。

10秒是保持的限制   用户的注意力集中在对话上。对于更长的延迟，用户   将等待计算机执行其他任务   完成，所以他们应该给出反馈，指示计算机何时   期待完成。延迟期间的反馈尤为重要   如果响应时间可能是高度可变的，因为用户会   然后不知道会发生什么。

Answer 2

使用微调器。始终向用户显示有关操作的一些反馈。即使他需要等待，他也想知道。如果您没有显示任何内容，则用户认为他或网站有问题。

Answer 3

我更喜欢微调器，但缺点是由于AJAX，用户将无法为选定的选项卡添加书签。如果不是使用AJAX，而是使用提交的表单（通过GET）或只是普通链接，那么它可以正确加入书签。

设计缺陷？一页网站，加载内容的标签

3 个答案: