0

いくつかのタブを持つ単純な 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 なしで読み込まれるようにする

正しい/最善の/一般的な解決策は何ですか? どうもありがとう。

4

3 に答える 3

1

これは、あなたが求めていることを要約した良い記事です。

Web とアプリケーションのパフォーマンスを最適化する際に留意すべき 3 つの主な制限時間 (人間の知覚能力によって決定されます) があります。

平均的なユーザーがコンテンツを読み込むのにかかるおおよその時間に基づいて、次の方法を適用できます。

0.1 秒は、システムが瞬時に反応しているとユーザーに感じさせる限界です。つまり、結果を表示する以外に特別なフィードバックは必要ありません。

1.0 秒は、ユーザーが遅延に気付いたとしても、ユーザーの思考の流れが中断されないようにするための限界です。通常、0.1 秒以上 1.0 秒未満の遅延の間、特別なフィードバックは必要ありませんが、ユーザーはデータを直接操作しているという感覚を失います。

ユーザーの注意を対話に集中させ続けるには、10 秒が限界です。より長い遅延の場合、ユーザーは、コンピューターが終了するのを待っている間に他のタスクを実行したいと思うでしょう。そのため、コンピューターがいつ完了すると予想されるかを示すフィードバックをユーザーに与える必要があります。遅延中のフィードバックは、応答時間が非常に変動しやすい場合に特に重要です。ユーザーは何を期待すればよいか分からないからです。

于 2013-01-02T19:51:27.077 に答える
0

スピナーを使用します。アクションに関するフィードバックを常にユーザーに示します。彼は待つ必要があるとしても、それを知りたいのです。何も表示しない場合、ユーザーは自分またはサイトに何か問題があると考えます。

于 2013-01-02T19:44:15.950 に答える
0

スピナーの方がいいと思いますが、AJAX が原因でユーザーが選択したタブをブックマークできないという欠点があります。AJAX を使用する代わりに、(GET によって) 送信されたフォームまたは単純なリンクを使用する場合は、適切にブックマークすることができます。

于 2013-01-02T19:49:39.813 に答える