Webまたはデスクトップアプリケーションで最も有用なアニメーション
-
08-07-2019 - |
質問
多くのアニメーション効果は、単なる無償の見た目ですが、アニメーションがユーザーに効果的に通信している状況があります。 アニメーションのお気に入りの用途は何ですか?また、どの特定のアニメーションタイプを使用しますか?
例:新しいアイテムがリストに挿入されたときにアイテムを下方向にアニメートする
解決
Ben BedersonとAngela Boltmanによる非常に素晴らしい論文があります。そこでは、空間内の情報のメンタルマップを構築するユーザーの能力に対するアニメーションの影響を評価しています。 アニメーションヘルプユーザーメンタルマップを作成する 空間情報の
他のヒント
ファイルをダウンロードするときのGoogle Chromeの使用が本当に好きです。説明するのは難しいですが、ダウンロードが進むにつれて円グラフのように塗りつぶされる円であり、その円にはダウンロードするファイルのアイコンがオーバーレイされます。とても滑らか。
私が考えることができる1つの例は、ウィンドウを最小化するときにオペレーティングシステムで使用されるアニメーションです。
Microsoft WindowsとApple OS Xの両方で、ウィンドウがタスクバー(またはOS XのDock)に移動し、ユーザーにウィンドウの移動先が表示されます。そうしないと、偶然に最小化を行った初心者ユーザーがウィンドウを元に戻すのに問題が生じる可能性があります。
Linuxは使用していませんが、同じことをしていると確信しています。私は差別的ではありません=)
すべての視覚的な変更を迅速に行うべきではないと考えています。ステータス通知、ウィンドウの最大化/最小化、データの削除/追加などです。参照は見つかりませんが、通常、すべてのアニメーションは人間の応答時間に合わせて1〜2秒程度にすることをお勧めします。
アニメーションの私のお気に入りの用途は商用ソフトウェアではありません(Appleはこれが得意ですが)が、 Phosphor 。主要なオペレーティングシステムにはまだ実装されていないUIの素晴らしいアイデアの1つです。
AJAX読み込みGIF -インジケーターが必要です間違いなくイベントを登録し、それについて何かをしている
プログレスバーは、1〜2時間以上かかる場合に適していますが、正確な場合のみです。私の意見では、不正確なプログレスバーはどれよりも悪いです。