設計缺陷？一個頁面的網站，加載內容的標籤

我有一個簡單的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

加載

什麼是正確的/最佳/通用解決方案？非常感謝。

來源

2013-01-02 ale

這是一個good article摘要你所要求的。

有3個主要的時間限制（這是由人類感知能力確定）優化網絡和應用程序性能時要記住。

基礎上才能加載普通用戶內容的大致時間，你可以應用這種做法：

0.1秒左右的限制讓用戶感到系統反應即時，意思是除了顯示結果之外，沒有特別的反饋是必要的。

1.0秒是關於用戶的思想流動保持不間斷的限制，即使用戶會注意到延遲。通常，在超過0.1的延遲期間不需要特殊的反饋，但是在小於1.0秒的延遲期間不需要特殊的反饋，但是用戶確實喪失了直接在數據上操作的感覺。

10秒是關於保持用戶注意力集中在對話上的限制。對於更長的延遲，用戶將要執行其他任務，同時等待計算機完成，因此他們應該給予反饋，指示計算機預計何時完成。如果響應時間可能高度變化，則延遲期間的反饋尤其重要，因爲用戶將不知道該期待什麼。

來源

2013-01-02 19:51:27

使用微調器。始終向用戶顯示一些操作的反饋。即使他需要等待，他也想知道。如果您沒有顯示任何內容，用戶會認爲他或該網站有問題。

來源

2013-01-02 19:44:15

我更喜歡微調，但缺點是用戶將無法爲選中的選項卡添加書籤，因爲AJAX。如果不是使用AJAX，而是使用提交的表單（通過GET）或者只是簡單的鏈接，那麼它可以正確書籤。

來源

2013-01-02 19:49:39 richardtz

你**可以**書籤，並使用標籤作爲頁面，甚至使用AJAX，這要歸功於'hashchange'。 [示例插件]（https://github.com/cowboy/jquery-hashchange），[Demo]（http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/） –

沒有知道這個變化。謝謝，它看起來不錯。 – richardtz

設計缺陷？一個頁面的網站，加載內容的標籤

回答

相關問題