なんとなく、ウェブサイトやアプリで動くアニメーションって「かっこいいし必要っしょ？」って思いがちだけど、実はなくてもいい場合がけっこうあるんだよね💡✨
デザイナーのエミル・コワルさんが言ってるんだけど、アニメーションって使いすぎると逆に邪魔になったり、ユーザーのストレスになることもあるみたい。うーん、そうなんだ〜って思わず納得しちゃった🥺💭
アニメーションの役割って？
ふつう、アニメーションってこんな役割で使われるよね👇😆
- ユーザーの操作をわかりやすくする
- 注意を引くための演出
- ページや画面の遷移をスムーズに見せる
でも、これって本当に必要な場面だけに絞らないと、かえって「重い」「見づらい」ってなっちゃうこともあるんだよね🌸
どんなときにアニメーションいらないの？
例えば、こんなとき👇💗
- 情報をただ伝えたいだけのとき
- ページ表示速度を最優先したいとき
- ユーザーの集中を妨げそうなとき
こういう場合は、シンプルで軽いUIのほうが使いやすいってわけ✨
ぼくが感じた「アニメーションなし」の良さ
わたしも最初は「アニメーション＝オシャレ♪」って思ってたけど、ある日スマホでサイトを見てたら、変に動く装飾のせいで目が疲れちゃってびっくりしたの。あと読み込みも遅く感じてイライラ…😳
それからは「必要なとこだけ使う」って考え方に変えたよ。
たまに動くぐらいが、逆に効果的だなって気づいたんだ🎀
まとめると…
- アニメーションは便利だけど、使いすぎは逆効果💭
- ユーザーにとっての「意味ある動き」だけ残すのがポイント👍
- 速度や快適さを大切にしたいなら、無理に入れなくていい✨
これって案外知られてないけど、毎日のネット生活がちょっとだけ楽になるヒントかも🍓💡
もしデザインやUIで悩んでるなら、「ほんとにこの動きいる？」って問いかけてみてほしいなって思うよ🌸
はてな
コメント
レオ
アニメーションは注目を集めるべきで、トースト通知は動かして目立たせるべきだね。
ノーラン
スクロールアニメは消すべきで、作る奴は敵だと思ってる。
ベン
アニメが静止してると離脱されるけど、動いてるとユーザーが反応するよ。
ハンナ
「デザインエンジニア」って表現好きだけど、この記事の内容は当たり前の話だね。
ハンナ
裏付けもない主張ばかりで、タイトルと内容が合ってない気がする。
リリー
「回転が速いスピナーは読み込みが速く感じる」って初めて聞いたけど、あんまり賛成できないかな。 記事自体はまあまあだけど。
エイダン
でも欲しいんだよね。
クリス
この人、デザインわかってる。
ハンナ
無駄に派手な長いアニメがあるサイトは、正直もう使わないと思う。
ワット
多分変わり者だけど、アニメで体験が悪くなるだけでメリット感じない。
グレース
パフォーマンスにかなり悪影響があるよ。
