web-dev-qa-db-ja.com

見た目が良いので、ローダーを必要以上に長く表示していますか?

これは奇妙な質問です:)

基本的に私はウェブサイトを持っているので、データベースへの多くの読み込み/投稿はajaxで行われます。

現在、読み込み画面はありません。そのため、何かが壊れた場合、ユーザーは送信されたものとして登録されているものさえないとは思いません。同様に、接続が遅い場合は、完了するまで何も行われていないように見えます。

人々はこの再提出フォームなどが原因である可能性があります。したがって、いくつかのローダーが必要です。

私の最初のアイデアは、ページのコンテンツをアニメーションgifに置き換えるだけでした。しかし、これは少し退屈に見えます。

それから、遊んでいる間、私は別の考えを持っていました。

私のサイトの他の場所で、データが見つからない場合、何も見つからなかった理由を説明するライトボックスがロードされます。これは複雑なプロセスであるために行いましたが、ユーザーが理解することが重要です。

これは見栄えが良いので、すべての読み込み画面で使用しないでください。画面をぼかし、ローダーgifといくつかの情報を含むライトボックスをそこに配置して、ユーザーを楽しませます。

私はこれを実装しましたが、見た目は良いですが、たとえばユーザーが非常に高速な接続をしている場合、ライトボックスが表示され、何が起こったのかを知る前に、ライトボックスは消えてしまいます。コンテンツを読み取ることができません。

私の考えは次のとおりです。コンテンツの読み込み速度に関係なく、ライトボックスを2秒間表示して、ごく短時間でも、何が起こっているのかを正確に把握できるようにします。この機能はサイト全体で一貫しており、2秒は実際には多くありません。

私の意見では、長く待つことは実際にユーザーの経験に追加されます。

ありがとう

2
Thomas Clowes

ビジュアルがよく見えるからといって、ユーザーの時間を無駄にしないでください。 2秒は、毎回発生する場合にユーザーを苛立たせるのに十分な時間です。nothingが高速に発生するように見えるため、サイトが本当に遅く見えるようになります。

フィードバックと完了の確認を提供することが重要ですが、そのように偽ってはいけません。

いずれにせよ、ライトボックスは、現在のコンテンツを覆ったり、部分的に覆い隠したりする進行の邪魔になります。あなたは、気晴らしや気晴らしで進歩を急上昇させるのではなく、目標に向かって継続的に前進する感覚を提供したいと考えています。

6
Roger Attrill

読み込み画面です。 他に何もできないがある場合、ユーザーを「楽しませる」ことが示されています。ビジュアル/情報を表示することがユーザーにとって非常に重要である場合は、単に読み込み画面に表示しないでくださいapp/siteの他の場所

2
vincent.io

私はそれをシンプルかつ短く保つつもりです。

  1. ロード時間を偽らないでください。サイトの速度と応答性を高め、ユーザーに正確なリアルタイム更新を提供したいとします。
  2. アルファトゥイーン、つまりフェードイン/フェードアウトは使用しないでください。彼らは通常より多くのメモリを消費し、遅いです。
  3. これ はまさにあなたが必要とするものです
1
Rayraegah

ボタンまたは入力の近くに小さなプリローダーを表示できます。たとえば、ToDoリストを作成する必要がある場合は、次のようにします。

enter image description here

このソリューションにはいくつかの利点があります。

  1. プリローダーはあまりスペースを取らない。ページ全体に拡大された大きなライトボックスではありません
  2. プリローダー後のアイコンは操作のステータスを表示し、ユーザーはこのアイコンを見るだけでステータスを確認できます
  3. 入力とボタンの非アクティブ状態は、その操作が進行中であることをユーザーに知らせます。行動とつながりをゆっくりとすることが重要です。一方、高速接続のユーザーは、操作が成功したことをすぐに理解します。
1
denisoid