印象をガラリと変える文字の「ジャンプ率」を理解しよう

皆様、ホームページや ランディングページ を作成するとき、文字の「 ジャンプ率 」にはこだわっていますか？
ジャンプ率 はホームページの印象を大きく左右するので、 ターゲットユーザー に合わせてコントロールできると大きな効果を発揮することがあります。

今回はホーム ページ 制作するうえで知っておくべき「 ジャンプ率 」について解説します。

ジャンプ率 とは？

ジャンプ率 とは、一番大きい テキスト と一番小さい テキスト の大きさの比率を言います。

ジャンプ率 が高い例

http://phocase.jp/
弊社が運営するスマートフォンケースのネットショップのTOP ページ です。
大きさの違う文字を配置し、訴求したい内容を強調させています。画面にメリハリが出るためデザイン性を高める効果もあります。

ジャンプ率 が低い例

https://ferret-plus.com/
FerretのTOP ページ です。
日々更新している記事をできるだけフラットに見やすくするため、 ジャンプ率 を低くしています。

ジャンプ率 の高低で、与える印象がガラリと変わる

ジャンプ率 が高い構成の場合、下記のような印象を与えます。

・大衆的
・行動的
・ダイナミック
・若々しい

逆に ジャンプ率 が低い場合は、下記のようなほぼ真逆のイメージがつきます。

・知的
・保守的
・信頼
・大人っぽい

例えばスポーツ新聞は、駅の売店で購入する方が多く、道行く人々の目を引くためキャッチャーなゴシップ記事を多く掲載します。とにかく売店で目を引くように、 ジャンプ率 を以上に高くしてインパクトのある記事に仕上げる必要があります。

逆に日経新聞などは定期購読がメインで、ぱっと見で目を引く必要はありません。大見出し・中見出し・小見出しはあるものの、スポーツ新聞ほど大げさな ジャンプ率 ではありません。
また、報道の信憑性や公平性が重要なので、下手に ジャンプ率 の高い派手な見出しにすると逆効果となることがあります。

以上のように、文字だけでもページの印象と ユーザー を設定する事が出来ます。

こちらの画像は同じ色・同じ要素ですが、文字の大きさを変えるだけで印象が大きく変わって見えるのではないでしょうか。

このように、 ジャンプ率 は使いようによってはホームページの印象を180度変えてしまう効果があるので、 ターゲットユーザー をしっかり分析したうえで使い分けましょう。

まとめ

もう一度繰り返しますが、 ジャンプ率 が高いほど

・大衆的
・行動的
・ダイナミック
・若々しい

という印象を与え、 ジャンプ率 が低いほど

・知的
・保守的
・信頼
・大人っぽい

という印象を与えます。

ジャンプ率 の効果については、デザイナーであれば誰でも知っているような知識で、世の中に出回っている広告やチラシ、ホームページは、 ジャンプ率 が計算されたうえで構成されているものがほとんどです。
その中で、ただなんとなくで全体構成を考えてしまうと競合に差を付けられる可能性があります。 ジャンプ率 がもたらす印象を把握したうえで、自社のホームページに活用しましょう。

プライベートでホームページを見るときも、 ページ 内に設置されている文字の ジャンプ率 を意識し、どのようなイメージを打ち出したいのか、どのようなターゲットを想定しているのかを考えながら見るとよりよく理解できるので一度試してみてはいかがでしょうか。

このニュースを読んだあなたにおすすめ