web-dev-qa-db-ja.com

ロードが速すぎる場合はどうすればよいですか？

遅い接続では（またはサーバーが何らかの理由でランダムに遅い場合）、インジケーターをロードすることは理にかなっています。しかし、接続が良好な場合、要求は速すぎ、ロードは恐ろしく見えます。これを処理する通常の方法は何ですか？これが私の2つのケースです。

Slow/md netowrkへの読み込み： https://puu.sh/uaObO/00f6b05c82.gif

高速ネットワークでの読み込み： https://puu.sh/uaOdH/956cd0a9e2.gif

buttonsloadingajax
3
Dylan Harness

しかし、接続が良好な場合、要求は速すぎ、ロードは恐ろしく見えます。

見た目が悪くても、恐ろしいことではありません。

あなたは問題を間違った方法で考えています。ロード中のアニメーションを削除する代わりに、フィードバックを追加することでメリットが得られる場合があります。

私が検討するフィードバック指標のいくつかは、

  • ボタンの色を緑に変更し、テキストを「正常に公開」に変更します。ボタンを無効にすることもできます。ただし、この方法では、ユーザーがフォームへの入力を再開したときに、ボタンを再度有効にする（およびテキストと色を元に戻す）必要があります。

  • 公開操作が成功するたびに、ウィンドウのいずれかの隅または上部中央に通知カードを表示します。

そのようなフィードバックは、操作が完了したことを明確に示し、ユーザーは必要に応じて別のフォームへの入力を続行できます。

4
Nisarg

幸せなキャンピングカーになりますか？

今、真剣に、これは答えが何もしないの場合です。サーバーが非常に高速であることをユーザーに視覚的に示すことは、恥ずかしいことではありません。それとは正反対に、それはユーザーにとって素晴らしい兆候です。

さらに、低速の接続でアニメーションをロードする場合、0.1msから1秒までの信じられないほど異なる時間範囲があるとしましょう：動作が異なるのはなぜですか？ _59 seconds 900 milliseconds_と_1 minute_の違いはないので、ロードに100 ms, 200ms, 500ms, 1 second, .... (N)を使用すると同じことが起こります。

しかしながら...

本当に問題だと思うなら、実際のユーザーでテストして、彼らの意見を見るのをお勧めします。それが本当の問題である（またはそれがあなたを困らせる）と仮定すると、任意のしきい値時間の後にアニメーションを表示することができます。したがって：

_if {$annoyanceThreshold => true} : $noAnimation
else : $showAnimation;
_
1
Devin