menu

Webページの目的に合わせて意識したい「ジャンプ率」とは?

制作

スクロールに合わせて時間差でコンテンツが表示されるパララックスデザインなど、常に進化し続けているWebデザイン。そうしたなかでもテキストの持つ重要性は依然として変わりません。

動画やインタラクティブなコンテンツがふんだん盛り込まれ、高度にビジュアライズされたWebサイトでも、充分な情報を提示してユーザーに納得してもらうためには、やはりテキストが必要になってきます。

テキストコンテンツは、テーマや内容に加えてフォントやレイアウトの大切なポイントです。そのうえでWebディレクターなら押さえておきたいのが、文字の「ジャンプ率」という要素。ジャンプ率とはどんなもので、Webページにどんな効果をもたらすのでしょうか?

・ジャンプ率とは?
ジャンプ率とは、最も大きいフォントと最も小さいフォントの比率です。例えば、10ポイントの本文に対して、タイトル文や大見出しに48ポイントなどの大きめのフォントが使われている場合、そのテキストのジャンプ率は「高い」ということができます。逆にページ内のフォントがほぼ同じサイズで揃えられている場合、ジャンプ率は低くなります。

・ジャンプ率が高い場合の効果
高いジャンプ率の効果を知るためには、コンビニや駅の売店で売られているスポーツ新聞をイメージするのが早いかもしれません。スポーツ新聞では多くの場合、足早に通り過ぎる人の注目を集めるために、本文の10倍以上のサイズでセンセーショナルな内容の見出しが掲載されています。

ジャンプ率の高いテキストはメリハリの効いたダイナミックな印象を与え、見る人の目を惹きつける効果があります。Webページの場合、例えば、圧倒的な価格優位性や話題性のある商品の商品ページなどには向いているかもしれません。

・ジャンプ率が低い場合の効果
一方、ジャンプ率の低い文章は、知的で落ち着いた印象を与えます。そうした点でアカデミックな内容のコンテンツや、ニッチなターゲットを狙った専門性の高いコンテンツとは相性がいいでしょう。

また、ジャンプ率が高い場合、配色・レイアウトによっては安っぽい印象を与えることがありますが、ジャンプ率を抑えればそうしたデメリットもなく、大きなタイトルや見出しを使わない分、記事やコンテンツを一覧表示させやすくなります。

Web制作に関するご依頼、ご相談、お見積はこちら

小野 良勝

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

marketing19マーケティング上のメリットも。「サポートコミュニティ」&「SNS」

ちゃぶ屋 とんこつ らぁ麺 CHABUTON|ラーメン×エンタメ×サプライズちゃぶ屋 とんこつ らぁ麺 CHABUTON|ラーメン×エンタメ×サプライズ

関連記事

  1. 無料素材とあわせて動画コンテンツ作成に活用したい、無料編集ツール3選

    無料素材とあわせて動画コンテンツ作成に活用したい、無料編集ツール…

    コストを抑えて動画コンテンツの制作・公開するために、動画素材の無料ダウンロードサイトとあわせて使いた…

  2. コントラストやトーン&マナーを工夫してさらに効果を高める、バナー作成のコツ

    コントラストやトーン&マナーを工夫してさらに効果を高める、バナー…

    動画などさまざまなメディアが発達した今でも、Webサイトにおけるバナーの重要性に変わりはありません。…

  3. webFont

    Webサイトをより洗練された印象に。海外のWebサイトで人気の合…

    「合字」とは2つ以上の文字を組み合わせて1つの文字として表現したもの。例えば、「AND」を「&」と表…

  4. webdesign02

    Photoshopの編集作業をより快適にする、ショートカットキー…

    メインの画像編集ソフトとしてPhotoshopを使っている場合、初期設定のカスタマイズとあわせて使い…

  5. 短時間で効果的なバナーを作成するために押さえておきたい3つのポイント

    短時間で効果的なバナーを作成するために押さえておきたい3つのポイ…

    インターネット黎明期から業種・目的を問わずあらゆるWebサイトで使われてきたバナー。動画やSNSをは…

  6. web04

    コマンドが苦手な方も安心。直感的にWebインターフェイスを開発で…

    ひと口に「Webディレクター」と言っても、人それぞれに強みや得意分野があり、Webサイトの制作スタイ…

  7. web09

    Webサイトにひと味加えたい時に役立つ、イラスト&ピクトグラム素…

    一般的にWebサイトに掲載する写真は具体性や専門性が大切と言われています。たしかに企業のオウンドメデ…

  8. webdesign05

    ユーザーを適切に導くCTAボタンの3つのパーツと、デザインのポイ…

    予約や購入の起点となるCTA(コール・トゥ・アクション)ボタンは、コンテンツや入力フォームと並んでW…

PICKUP

  1. ad06
  2. 【8】EC
  3. Webサイトリニューアルに重要なRFP作成6つのポイント
  4. root
  5. WebDirector19
  1. listing04
  2. 池田屋|みんなに愛されて42年
  3. web director wordpress08
  4. listing02
  5. ad08
  6. MARFA CAFE|100%の料理を、サービスで120%の満足に
  7. 次世代のビジネスチャンスを拓くVR&AR活用術 
  8. 【リスティング広告】 Web上にゴールを設定することの重要性
  9. RIGOLETTO
PAGE TOP