web-dev-qa-db-ja.com

回転アニメーションがシーケンスの読み込みに通常使用されるのはなぜですか?

この質問は、回転するアニメーションが「従来の」無期限のロードアニメーションとして使用される傾向がある理由について尋ねています。特定のソフトウェア/アプリ/ OSがスピナーを使用する理由については尋ねていません。

また、マウスカーソルに限らず、一般的にシーケンスの読み込みについても質問されます。

例(マウスカーソルに限定されない):

Windows Vista、7、および8では、回転する輝きを持つリングカーソルを使用します。

Mac OS Xには、回転するビーチボールがあります。プレビューアプリは、ファイルのプレビューを読み込むときにスピナーも表示します。

...その他多数。 Windows Phoneのドットが画面上を移動するなど、スピナーを使用しない最近のものを除きます。

明らかに、アニメーションはシステム全体がまだフリーズしていない(したがって、アイコン/カーソルがまだアニメーションしている)理由をユーザーに示しますが、なぜ、なぜスピナーですか?

18
jingtao

理想的には、ユーザーに残り時間の概算を常に提供できることが理想的です。視覚的には、これは通常、悪名高いプログレスバーを介して行われます。ただし、ストリームのバッファリングを待機するなどの特定のアクティビティは、完了を推定することが困難です。すべてではありませんが、ほとんどのプログレスバーには、プログラマーが利用できる「不定」の状態があります。これにより、「これにどれくらい時間がかかるかわからない」という警告メッセージがユーザーに表示されます。 (Java SwingとTwitter Bootstrapについて具体的に考えていますが、他にもあることは承知しています。)しかし、進行状況が表示されていない進行状況バーを表示すると、うんざりします。あとどれだけ時間が残っているのかわかりますか?」

スピナーは、周期的なアニメーションにつながる視覚的なフォームでこのストレスの一部を軽減します。満杯になると予想されるバーではなく、ユーザーはホイールを見て回転することを期待します。 (この関係を逆にして、具体的な進捗状況を表示するために 円形のフォームに入力する にすることもできます。)

さらに、スピナーは簡単に認識でき(iPhoneに感謝)、影響を失うことなく低解像度で使用できるため、より柔軟なUI設計が可能になります。たとえば、一部のデザインではアクションボタンを使用しており、クリックするとボタンの右にスピナーが表示され、アクティビティを示します。

興味深いことに、優れたデザインでは、通常スピナーを使用する多くのアイテムを変更して、代わりにプログレスバーを使用することができます。これは、ユーザーにとってより有益です。たとえば、ネットワーク経由でファイルをロードする場合、HTTPヘッダーにはファイルのサイズが含まれていることがよくあります。これは、進行状況を推定するために使用できます。私の推測では、人々はその柔軟性と「モダン」な感覚のためにスピナーを好む傾向があります。

11
Ryan Kennedy

これは、無期限の進歩を示す最もコンパクトで直感的な方法です。キーワードは不定です。

enter image description here

ソース

不定の線形解はほとんど想像できません。たとえば、不確定モードの一般的な進行状況バーは少し不明瞭に見えます:

enter image description here

ソース

enter image description here

ところで、円は非常に便利な形状です(あなたの一日をより良くしたいだけです:)

ラウンドロビン-この用語は、17世紀のフランスのルバンロンド(丸いリボン)に由来します。これは、非階層的な円またはリボンのパターンで文書に名前を追加する(したがって、署名した順序を偽装する)権限に反対する請願書(通常は政府が王冠を請願する)への署名の慣行を説明したため、首謀者として識別されます。この慣行は、イギリス海軍の海兵隊員に請願書を提出することによって採用されました(1731年に初めて記録)。

ソース

15
Renat Gilmanov

スピナーはコンパクトなので、狭いスペースでの実装が最も簡単です。そして今ではそれが一般的になっているため、広いスペースでも事実上の標準となっています。

しかし、それも決して普遍的ではありません。代替の例:

  • フリッカーのスライディングドット
  • Googleの「折りたたみ」ドット
  • クラシックMac(OS9)の時計の文字盤

(画像を表示したはずですが、SEはアニメーションGIFを禁止しています。)

3
DA01

コンピュータ言語でのプロセスは、バイト1と0の書き込みと読み取りの繰り返しにすぎません。繰り返しのプロセスであるため、サイクルアニメーションは、システムがバックグラウンドでいくつかの繰り返しタスクを実行していることをユーザーに通知し続けます。

まあ、技術的には、回転GIFファイルが生きているために与えられたフィードアックはなく、バックグラウンドプロセスの単なる表現なので、タスクを完了するために永遠にかかっていても、視覚的なサインはアクティブで生きています。

代わりに、私は個人的に、OSがアニメーションgifにフィードバックして、ユーザーに通知しながら動作し、動作するようにする必要があります。最初と同じように、それは高速モーションです。より多くのタスクを実行する必要があるため、通常のアニメーションの中間であり、最後に減速して停止し、フェードアウトします...

1
Shashik

おそらく、アニメーションGIFが提供するアニメーションの柔軟性に欠けるため、一部強制されています。 Flashの使用がインターネット上で多かったとき、読み込み画面は複雑で創造的でした。 (まあ、いくつかの読み込み画面!いくつかはかなり恐ろしいものでした)開発者/設計者がファイルサイズ情報を持っていたため、読み込み時間を計算できたことに感謝します。ただし、アニメーションの制限と、ミニマルでシンプルでフラットなデザインの現在の傾向により、おそらくシンプルな回転円が最も審美的に「簡単」です。

私は確かに他のいくつかの創造的なバリエーションを見たいと思います-また、ロード画面でいくつかのより良いUXが必要です(たとえば、ページがハングして無限の回転するボールが残った場合、再起動するオプションは他に何もなければいいです!).

1
TheSaint

回転ホイールが進行状況を示すとは言いません...多くの場合、私のコンピューターが8時間そこに座って5MBの音楽ファイルをコピーしようとしているのを見ているので... ...したがって、回転するホイールよりも、停止しているバーが見たいです。

0
Robert

回転は、あなたが述べたように、それがビジーであり、要求されたものを何でもロード/取得しているというユーザーへのフィードバックを示します。

あなた自身の質問に対して、私にあなたにこれを尋ねさせてください-それがアニメーション化されていなかった場合、コンピュータはあなたの要求を処理するのに忙しいことをどのようにして知るのですか?静止画像が表示され、要求を取得するプロセスでフリーズまたはハングしていると想定するだけです(これは人間が認識するフィードバックです)。

回転するアイコンは、リクエストが可変時間で処理できることがわかっている場合にユーザーに与えられる継続的なフィードバックのモードとして表示されます。理にかなっているといいのですが! :)

0
user2051921

どちらの目的も、ユーザーにフィードバックを与えることです。 「弱虫」環境でポインターを置き換えることは、これを行う明確な方法であり、また、ユーザーに、オーバーしている領域と対話できないことを伝えます。マウスポインターがない場合は、他の方法を使用します。

0
Stewart Dean