BLOG
サイトの動きは「足りない？多すぎ？」— 動きの過不足を分析で読み解く
「自分のサイト、動きが足りなくて寂しいかな」「いや、逆に動かしすぎてうるさいかも」——どっちなのか、自分では分かりにくい。そんなモヤモヤを抱えたことはないでしょうか。「サイト 動き 多すぎ」「アニメーション 過剰」と調べると、世の中の声は割れています。「動かしすぎは邪魔」という批判もあれば、「さりげない動きは必要」という擁護もある。結局のところ、動きは足りなくても多すぎても具合が悪く、適切な量が要る という話に落ち着きます。でも、自分のサイトが今どちら寄りなのかは、なかなか分かりません。この記事は「動きの付け方・実装」ではなく、自分のサイトの動きの過不足を、分析で読み解く 当たりのつけ方に軸を置いて紹介します。
先に試したい人は、自分のサイトの URL を入れて 5 要素を読み解く「分析」が、登録なしで 1 回無料で使えます（→ yorunoma を無料で試す）。
「動きは付けるべき?」の正解は、1 つじゃない
動きのあるサイトについて調べると、意見がきれいに割れているのに気づきます。「オープニングやスクロールの演出は煩わしい、読みたい情報が邪魔される」という声もあれば、「操作の反応や、さりげない視線誘導の動きは、あった方が親切」という声もある。どちらも一理あります。
大事なのは、動きの適量は、サイトの目的やターゲットによって変わる ということです。じっくり読ませたい読み物系のサイトなら控えめな方が向くこともあり、商品やキャンペーンを印象づけたいプロモーションなら動きがあった方が映えることもある。「動きを付けろ」「いや減らせ」という一般論のどちらか一方では、自分のサイトの答えは出ません。まず必要なのは、自分のサイトが今どちら寄りなのか を知ることです。
なお、ここで言う「分析・解読」は、あくまで 見た目のデザインを読み解く ことです。アクセス数や流入を見るアクセス解析とは別物で、この記事も yorunoma も、ページの見た目（動き・配色・構造など）を対象にします。
動きは「足りない」も「多すぎ」も起こりうる（中立に）
自分のサイトを見直す前に、動きが「足りない側」「多すぎる側」それぞれで起きがちなことを、どちらにも寄らず手短に押さえておきます。
- 足りない側で起きがちなこと — ボタンを押しても反応（フィードバック）がなく、操作できているか不安。要素がすべて静止していて、視線の導きがなく単調に感じられることも。
- 多すぎる側で起きがちなこと — オープニングやスクロールの演出が続いて煩わしい。読みたい情報が動きに邪魔される。動きが苦手で切りたい人（設定で動きを減らしている人）には過剰に映る。
どちらが良い・悪いということではありません。控えめが正解のサイトもあれば、動きがある方が合うサイトもある——それは目的とターゲット次第です。だからこそ、まず自分のサイトが今どちら寄りかを、分析で確かめてみます。
分析で、動きの過不足の当たりをつける
ここからが本題です。yorunoma で自分のサイトの URL を入れると、動きが具体的に読み解かれます。検出された基本的な動き（hover・fade・slide・transition など）と、ページ全体の 動きの量（控えめ〜よく動く） が分かるので、自分のサイトが今どちら寄りかの当たりをつけられます。
動きの解読 を見ると、検出された基本的な動きの一覧と、ページ全体の動きの量が読み解かれます。「hover の反応は少しあるが、全体としては動きが控えめな方」「fade や slide が多く使われていて、よく動く方だ」といった、動きの量の位置 が具体的に見えます。分析は、良い・悪いを決めつけるものではなく、自分のサイトの動きが今どうなっているかを映す鏡 です。その位置を、サイトの目的（読み物なら控えめ、プロモなら動きあり、など）に照らして、「今の量で合っているか、足りない/多すぎないか」を考える材料になります。
こうして動きの量の当たりをつけると、「うちは思ったより動きが控えめだった」「意外とよく動く方だった」と、感覚で悩んでいた過不足が具体になります。なお、yorunoma がするのは動きの量を 読み解く ところまでで、自動でアニメを足したり減らしたりするツールではありません。「では、どう調整するか」まで優先度つきで踏み込みたい場合は、診断（Pro プラン以上）が向いています。
これで分かること
動きの量の当たりをつけられると、「足りない？多すぎ？」が「今は控えめ／よく動く寄り」と分かり、目的に照らして考えられます。
- URL 1 つで、検出された基本の動きと動きの量が分かる — 自分のサイトが動き控えめ寄りか・よく動く寄りかを、ツールを行き来せず 1 か所で確かめられます。
- 過不足を考える材料になる — 動きの量を、サイトの目的（読み物は控えめ、プロモは動きあり、など）に照らして、「今の量で合っているか」を考えられます。
- 感覚から抜け出せる — 「なんとなく地味／うるさい」ではなく、動きの量という具体で自分のサイトを見られます。
ここは正直にお伝えすると、yorunoma は動きの量を 映す鏡 であって、「これが正解の量」と断定するものではありません。適量は目的しだいなので、動きが控えめでも、それが目的に合っていれば何の問題もありません。また、読み解けるのは hover・fade・slide・transition といった 基本的な動き と全体の量で、マウス追従や高度なスクロール連動（パララックス）は現時点では対象外です。「では、どう調整するか」まで踏み込みたい場合は、診断（Pro プラン以上）が向いています。
こんな使い方
動きの過不足の読み解きは、次のような場面で役立ちます。
- 自分のサイトの動きの量を確かめる — 「控えめ寄りか、よく動く寄りか」を分析で確かめ、サイトの目的（読み物／プロモなど）に合っているかを考えます。
- お手本にしたいサイトの動きの量を分析する — 「ちょうどいい」と感じるサイトを分析して、動きの量がどのあたりかを掴み、自分のサイトとの差を確かめます（見た目の解読の範囲で）。
なお、どの動きがどんな印象を作るか、という 動きと印象の地図 は 基本的な動き（fade・slide・hover）が、サイトの印象をどう作るか に、なぜ動きがあるとモダンに見えるのかという原理は モダンなサイトは、なぜモダンに見えるのか に、それぞれ譲ります。この記事は、動きの"量"が目的に対して過不足ないかを読み解く、実用の動線に軸足を置いています。
よくある質問（FAQ）
無料で使えますか。
はい。URL を入れて配色・フォント・コピー・構造・アニメの 5 要素を読み解く「分析（解析）」は全プランで使え、登録なしの無料体験で 1 回試せます。それ以降はプランによって 1 か月に解析できる回数が変わります。詳しくは 料金プランを見る からご確認ください。
動きを付けた方がいいか、教えてくれますか。
yorunoma が読み解けるのは、自分のサイトの動きの量が控えめ寄りか・よく動く寄りか の当たりまでです。「付けた方がいい／減らした方がいい」という正解は、サイトの目的やターゲットによって変わるので、yorunoma が断定することはありません。読み解いた動きの量を、目的に照らして自分で判断する材料になります。「では、どう調整するか」を優先度つきで具体的に知りたい場合は、診断（Pro プラン以上）が向いています。
凝ったスクロール演出も測れますか。
いいえ。yorunoma が読み解けるのは、hover・fade・slide・transition といった 基本的な動き と、ページ全体の動きの量です。マウスにぴったり追従する動きや、スクロール量に細かく連動するパララックスのような高度な演出は、現時点では対象外です（今後の対応予定）。まずは多くのサイトで使われる基本の動きの量を読み解ける、と考えてください。
自分のサイトを調べられますか。
はい。自分のサイトの URL を入れれば、検出された基本の動きと動きの量を読み解けます（分析は全プランで使え、無料体験でも試せます）。自分のサイトについて優先度つきの改善点まで出す「診断」は Pro プラン以上、2 サイトを並べて見比べる「比較」は Premium プランの機能です。
まとめ
サイトの動きが「足りないのか、多すぎるのか」は、世の中の声が割れていて、一般論では答えが出ません。動きの適量は、サイトの目的やターゲットによって変わるからです。yorunoma なら URL を入れるだけで、検出された基本の動き（hover・fade・slide など）と、ページ全体の動きの量（控えめ〜よく動く）を読み解き、「今は控えめ寄り／よく動く寄り」という当たりをつけられます。その位置を目的に照らせば、「今の量で合っているか」を考えられます。yorunoma は動きの量を映す鏡であって、正解を押しつけるものではありません。まずは、感覚で悩んでいた過不足を、具体的に確かめるところから始めてみてください。
あわせて読みたい
この記事に関するご意見・ご要望は contact@yorunoma.app までお寄せください。