web-dev-qa-db-ja.com

ローディングスピナーが1回転するのにどれくらい時間がかかりますか?

私は常に見積もられた時間を好みますが、それが常に可能であるとは限らないので、私たちは試行錯誤した、個人的に憎まれたロードスピナーにフォールバックします。

enter image description here

私はいつも、毎秒1回の繰り返しを行うと非常に役立つと思っていました。これは、ロード時間を測定するための相対性のフレームを提供しました。私が書いているように私は答えを知っていると思っていますが、とにかく試してみましょう:

ローディングスピナーの反復速度を決定する方法、および1秒のように設定されたデフォルトが標準ではないように見えるのはなぜですか?

4
Tom

質問にはコメントがいくつかあります。アニメーションやシーケンスの動きを追うことが困難な場合、ストレスや不安を感じる人もいます。

はい、より高速のアニメーションがより高速のアプリケーションとして認識されることを示す調査がありますが、特に関係する領域が大きい場合、アニメーションの速度が速すぎて、ビューのより大きな割合を占める可能性があります。これは、アニメーションがフレームビューの比較的大きな比率を占める小さな画面では特に重要です。

アニメーションの速度は、遷移する画像の小さな部分を識別できるかどうか、または画像全体が点滅または脈動しているように見え、詳細が識別できない-ぼやけているかどうかに影響します。

アニメーションの作成が速すぎてめまいの原因となるアクセシビリティの問題があります。運動過敏症やその他の前庭障害は、視差スクロールやタイミングの悪いアニメーションを伴うデザインに関連していることがよくありますが、ユーザーがパルスアニメーションの小さな領域に集中している場合も、問題になる可能性があります。

めまいや不安が発生する可能性のある回転の場合、回転アニメーションは回避するか、方向の影響を相殺するために逆方向の動きのバランスを調整する必要があります。

そのため、アニメーションを追跡できるように、「スムーズ」でバランスが取れていることが重要です。これは全体を移行する必要さえありませんが、おそらく全体の中で動く小さな要素は、全体の画像が気を散らすことなく、まともな進行速度を示唆できます。これが、より「興味深い」アニメーションの人気が高まっている理由だと思います。たとえば、ローディングイメージ全体が個々のアニメーションコンポーネントで構成され、ローダー全体の揺れや回転ではなく、ローダーのコンテキスト内でバランスのとれた調和のとれた動きを作り出します。

だから私の意見では正しい答えはありません、なぜなら:

  • そもそも指向性スピナーは良い答えではないと思います。
  • 人によって認識や障害が異なるため、特定の回転速度(または周波数)がすべてに適しているとは思いません。
  • 「画像全体」の変換は正しい効果だとは思いません。

-

参考文献:

3
Roger Attrill

スピナーのサイズにもよります。大きいビューは小さいビューよりもゆっくり回転する必要があります。

1
chris07

ローディングスピナーの反復の速度を決定する方法...?

  • 実験1.スピナー速度のランダムなペアをユーザーに表示します。 2つのうちの望ましい速度を選択してもらいます。リピート....リピート...リピート... be最も好ましいと思われる速度を使用します。

  • 実験2.さまざまなユーザー向けにスピナーの速度をランダム化します。ユーザーを監視して、スピナーの速度がユーザーの行動に影響を及ぼしているかどうかを確認します。ユーザーのパフォーマンスへの悪影響が最も少ない速度を使用します。

  • 遺伝的アルゴリズム。ランダムスピナーのプールを作成します。ユーザーに、どれだけ気に入ったかを評価してもらいます。嫌いなものを「殺す」。 「メイト」が最も気に入りました。生存者の束を「突然変異」。繰り返し...繰り返し...繰り返し...

...なぜ1秒のように設定されたデフォルトが一見標準ではないのですか?

  • 開発者やデザイナーは、自分の好みに合わせて速度を微調整したり、アニメータに決定を任せることができます。

  • 不安を誘発するほど速くない、または驚くほど遅くない限り、許容可能な速度にはかなり広い範囲があります。

  • chris07が示唆する のように、半径方向の速度ではなく、円周に沿った線形速度に関連している可能性があります。

1
習約塔