Webサイトにアニメーションは必要あるのか。ないのか。どっちなのか。｜Takumi HASEGAWA (unshift Inc.)

まえがきアニメーションを多く取り入れたWebサイトが好きかどうかのアンケートを取ると、ネガティブな票が多く占めることがよくありますが、それに関して思うところがあったので「Webサイトにアニメーションは必要あるのか」というテーマで自分の思っていることを言語化してみました。 X (Twitter)で「動くWebサイト 嫌い」で検索 Xでちらっと検索しただけでも動くサイトが嫌い、という方は結構いそうですね。もし「アニメーションはすべて悪」と思っている人がいたらぜひ読んでいただきたいです。 この議論はアプリなどにも言えることですが、私の主なお仕事はWebサイトのフロントエンド実装なので、Webサイトについて書かせていただきます。 また、保険をかけているわけではないですが、私はUI (ユーザーインターフェース) の研究をしている専門家でもないんでもないので、この記事の内容に学術的なものは一切ありませ

[w_bonbon]

俺は作ってる側だけど要らん派すねー。UIアニメーションは要るけど。今やユーザーがメインで見てるのスマホで、スマホでリッチ表現見ても喜ばんよ。 最も優れたデフォの慣性スクロール阻害してまで変なことするのは悪

[igni3]

えらい人は使い勝手なんて気にしない。自社のページが豪華になれば喜ぶ。顧客はえらい人。

[ayumun]

要らない。作るのは楽しいんだと思う。動画見たいなら最初から動画配信とかYouTube見る。今時わざわざサイト見に行くのは文字とかの詳細情報が見たいからです。

[wakuwakutankentai]

それこそアニメの公式サイトはページ開いたらパっとメニュー表示して欲しい。話数とかサブタイトル、キャラ名と声優確認したいだけなのにトップで操作受け付けなかったりナウローディングみたいなの入るのがちょっと

[b-wind]

アクセシビリティの側面からも少し考えてみて貰えると良いなぁ。

[langhacks]

UIトランジションは超重要だけどWebサイトがブラウザ枠内に張り付いてる限りNice to haveの域を出ないと思う。iOSもUIグリグリ動くけどアクセシビリティの観点からアニメオフにもできる。Branding観点だと勿論この限りでない

[manaten]

ユーザーの能動的な操作に対するインタラクションは、アクションが成功したことがわかるようにあった方が良い。スクロールはスクロールできた時点で成功がわかるので、なくても良い。と思う

[for-my-internet-demo]

マテリアルデザインのトランジションで提起されてたみたいな、UIモデル間の値の意味と意味を繋ぐようなトランジションはできると超意味があるとおもってる。まあむずいんで無理なんだけど

[flirt774]

"OSの設定で視覚効果を減らしているけど、WebサイトのアニメーションがOFFになることを期待していない" このニーズが不明で、視差効果を減らしたいから設定してるのでは？

[junnishikaw]

クリックorタップが反応したかの演出とマウスホバー時の説明表示程度で充分。要は閲覧者が画面上の情報を的確に識別～処理できるか。

[hansodechang]

例のPERFECT DAYSですが、映画紹介サイトに多くの人はこういったものを求めていないじゃないかな。ある程度、概要を短時間で知れたり、アーカイブとして後でじっくり読めるものの方が多くの人には有益じゃないかと。

[yamamototarou46542]

消費者の立場で考えると不要。そのコンテンツとしてアニメーションを置くというのはわかるが、ページを開く毎にアニメーションを見ることを強制されるのは相当イライラする。誰かのオナニーを見せつけられるのに近い

[todays_mitsui]

サイト制作は難しい。多くの人は作る時と使う時で着眼点が変わってしまう。公開前チェックで余計変なとこ気にしたり。Web慣れしてない人ほど顕著。ユーザーが求めてないとこに拘っちゃう。自分もユーザーのはずなのに

[nobiox]

技術者は「これ、実は案外素朴な技術で」を誇る傾向にあるが、ＩＴ系には何故か「高度な技術以外は恥」という謎の呪縛がある。「比較的難易度の低い」と「よくできてる」を「しかし」で繋ぐあたりにその心理が見える

[greenbow]

例に挙げられてる中で必要なのはモーダルやボタンのフィードバックだけだと思う。 / あと PERFECT DAYS のページは映画の雰囲気を壊してしまっていると思う。そんなうるさい映画じゃないのに。

[mayumayu_nimolove]

私も作る側だけどこう言う議論には基本参加しない。望まれるから作るだけ。何だかんだでお金になるからね。大体Flash全盛期もこの議論あって、20年後にまた同じ議論してんだから今後も基本変わらないよ。

[buhoho]

演出0.4秒以内で終わるようにしろ。俺の操作を妨害するな。状態管理バグらせるな。それができないならやめろ。俺より先に寝ても駄目、俺より遅く起きても駄目、黙って俺について来い。

[karukaru7]

金出してるおじさんほど欲しがる、毎回オナニーですよと説明する。オナニーで良いから入れてと言われる。

[kazetaF]

車のナビやバーチャルコクピットはアニメーションが必要だしそれがクソだとかなりクソ。 Webサイトを動かす能力やモチベーションを適切な場に配置できれば世の中は少し幸せになりそう。

[aktkro]

あれは自己満足でしかない

[youichirou]

ホバーするとボタンの色がアニメーションで変わるみたいなUIで、タッチデバイスから使うとき、一回目のタッチではボタンを押したことにならずアニメーションするだけで、いちいち2回押さないと行けないサイトうざい。

[keren71]

サイトによるのでは？ブランドサイトやキャンペーンサイトなどとECサイトを同一にするのは違うやろ。

[Helfard]

ないあるよ？

[monochrome_K2]

これはアニメーションに限らずCPU負荷や通信量が増えて嬉しい人はいないはず。そういう意味でChromeだとこのページがメモリーを1.1GBも消費しているのはちょっと気になった

[ghostbass]

ページの遷移に500msとかかけるんじゃなければ有ってもいいし、フィードバックの適切な遷移は必要かもだ

[n314]

例に挙げたサイト見たらファンが勢い良く回りだしたのですぐ閉じた。アニメーションかどうか意識しないぐらいの僅かなアニメーションならアリ派。0.2秒ぐらいの。

[nicht-sein]

アニメの公式さとなんかでエフェクトが凝っているとすごいなーとは思うが、必須化と言われたらUI的には必須じゃないけどUX的にあった方が良い時もあるよね、という玉虫色の回答になる。つくるのは大変

[nakag0711]

まあ結局、アニメーションに限らず送り手が見せたいもののためにサイトを作ると訪問者からの評価は下がると思う。訪問者が見たいもののために作らないとね。ま、金を出すのはサイト側だから難しいけど…

[field_combat]

Flash時代から変わらんけど、ユーザーの操作、閲覧の邪魔にならないように実装しようとしてる。操作の結果を伝えるのはマストとして。

[SndOp]

企業のトップページに張り付けているところの株は買わない。

[sabinezu]

意図による。作る側の趣味ならいらない。見る側のためのものなら良い。

[jamg]

スマホが多ければいらないかなぁ

[roirrawedoc]

きんに君構文だ

[cbkf]

要らないし、PC向けサイトで情報量の少ない全画面画像なドデカUIページが表示されたらアニメーション云々抜きに即閉じる。

[udddbbbu]

“X (Twitter)で「動くWebサイト　嫌い」で検索 Xでちらっと検索しただけでも動くサイトが嫌い、という方は結構いそうですね”このワードで検索したらそらそーやろとしか / あと、必要かどうかはケースバイケース

[ultimatebreak]

作るのめんどくさいんだよね