web-dev-qa-db-ja.com

ゲームのように、アニメーションの欠如を優先するUIの基本的なルール/パラダイムはありますか?

必要に応じてアプリにアニメーションを含めるタイミング/場所については、多くの質問/回答があります。さて、それがポイントになり、メディア全体でほぼユビキタスなアニメーションがあります。印刷物のような伝統的に静的なメディアでさえ、アニメーションのタッチを受けています。多くの3Dブルーレイムービーのカバーには、サイドトゥサイドの3D効果があると思います。

たぶん、この質問はビデオのシーン間のアニメーションにさえ触れるかもしれません。

この質問は、WebおよびモバイルアプリのUIに固有のものです。 1つの回答と私が勉強しているUI/UXについてさらに考えた後、これをすべてをアニメーション化できるのコンテキストから検討することをお勧めします。ゲームの場合、少なくとも1つのコンテキストがあります。

では、アニメーションが本当に好ましくないのはいつですか?

3
Tom Pace

非常に基本的な形のアニメーションは、変化を示すために使用されます。それが要素間の関係の変化であろうと、要素自体のステータスであろうと、それは問題ではありません。

ただし、これはアニメーションとアニメーションなしのコンテキストでアニメーションを見る場合です。

そのコンテキストから外すと、アニメーションは色、パターン、形などのようなものになります。これは、何かに注意を向ける、またはまったく反対のツールにすぎません(すべてが動く場合、動かないものが目立ちます)。 。

ポイント:アニメーションはツールボックスの別のツールであり、何かに注意を引き付けたり、何かから離れたりするために使用できます。

それがあなたが望むものかそうでないかは、あなたが何をしようとしているのかに依存します。

8
Dirk v B

特にゲームについて考える場合、アニメーションは「もの」と「ものを表すアイコン」を区別する優れた方法です。

たとえば、プレイヤーがオブジェクトを拾って世界に落とすインベントリドロワーを設計しました(これはフラッシュタウンシミュレーションゲームです)。在庫引出しでは、動かずに死んでいました。しかし、オブジェクトがいったん世界に到達すると、オブジェクトは移動し、生きているような音を出します。

私が表現アイコンに使用した経験則は、アイコンがワールドでアクティブなときは移動できますが、アイコンまたは潜在的な選択肢のときは静的であるということです。

4
Sixagon

それがユーザーエクスペリエンスに付加価値をもたらさない場合、それはそこにあるべきではありません。私の意見では、アニメーションが必要なのは2つだけです-何かがどこから来ているのか、どこに行くのかをユーザーに示すか、ユーザーの注意を引くためです。ほとんどの場合、これらの2つのシナリオへの煮詰めを使用すると思います。

たとえば、前者では、これを使用して、ドロップダウンメニューが現在のUI要素の上に一時的にしか表示されないことをユーザーに通知しています。別の例は、ウィンドウをタスクバーに最小化したときのウィンドウです。

後者では、画面の隅に「トースター」タイプの通知のようなものが表示されます。動きがユーザーの目を引き、彼らは通知を読みます。

アニメーションはクールに見えますが、面倒な場合があります。ユーザーがゆっくりとアニメートしている間、ユーザーが500ms待つ必要があるので、イライラすることがあります。それは単なる別のツールです。識別可能なUX問題を解決しない場合は、使用しないでください。 notをいつ使用するかを探していたのはわかっていますが、単純なルールは、必要がない限り使用しないことです。

3
John S

これまで誰も言及していなかったことの1つは、アニメーション化されていないユーザーインターフェイスでの経験は縮退していることです。 We古き良き時代は奇妙なものです。現実の世界は「アニメーション」であり、すべてが絶えず動くことによってフィードバックを提供し、私たちの心はそれを利用するために作成されました。

過去にユーザーがリアルタイムで行った変更を反映するためのCPUサイクルはほとんどなかったため、この点についてはまだ追いついています。

ひざの上でコンピューターに入力すると、少し揺れ、脳がそれを修正します。それでも私は無意識のうちに気づき、落ちないように調整します。 UIキューは成功しましたが、コンピューターが床の上にありません。カーテンが風にゆらゆら揺れると、窓が開いたままであることがわかりますが、脳はこれを無視するように設定されています。 OTOH、誰かが私の部屋で踊っているロボットのおもちゃをいつもけいれんしているように設置すると、それは私を困らせます。

私たちは常に何百万もの小さな「アニメーション化された」手がかりに囲まれており、動き、進行、危険だけでなく、単純なステータスも知らせてくれます。ただし、重要なものは大きくて不快な傾向があり、私たちの脳はこれらについて知らせ、他の人をフィルタリングするように調整されている傾向があります。 UI設計はこれを利用できますが、常に成功するとは限りません。

2
uliwitness

私はダークとジョンSに同意しますが、UIデザインは非常にトレンド主導であり、トレンドが悪用される傾向があることを指摘したいと思います。アニメーションが今人気があるからといって、それが良いというわけではありません。多くの場合、アニメーションは使いすぎて悪用されます。人気があるので、それを組み込んではいけません。ダークは「アニメーションはツールボックスの別のツールです」と言っています。

0
obelia