menu

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

制作

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

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

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

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

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

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

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

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

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

小野 良勝

小野 良勝 代表取締役

投稿一覧

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

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

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

関連記事

  1. web04

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

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

  2. 表示速度を0.1秒改善して売上1%アップ?フラットデザインの具体的なメリット

    表示速度を0.1秒改善して売上1%アップ?フラットデザインの具体…

    スマートフォンやSNSの普及によってコミュニケーションのスピードが速まり、キュレーションサイトやHo…

  3. 認知科学によって利便性を追求。Googleが推奨する「マテリアルデザイン」とは?

    認知科学によって利便性を追求。Googleが推奨する「マテリアル…

    無料でダウンロードできるアイコンやフォント、ベクター素材などを上手く利用しながらデザインやレイアウト…

  4. web02

    Webページは第一印象が大事。レイアウトで最低限注意したい2つの…

    WordPressをはじめとしたCMS(コンテンツマネジメントシステム)の普及によって、Webサイト…

  5. web03

    Webサイトのプランニングに活用できる「マインドマップ」(前編)…

    ユーザービリティ向上やコンバージョン率改善など、Webサイト制作の目的はさまざまです。目的を実現する…

  6. web05

    キービジュアル・広告制作に役立てたい、絵画・アート作品のコレクシ…

    Webサイトのキービジュアルや広告のクリエイティブを制作する際は、歴史的な名画やアート作品に目を向け…

  7. SNSとも相性抜群。情報をビジュアル化して直感的に伝えるインフォグラフィック

    SNSとも相性抜群。情報をビジュアル化して直感的に伝えるインフォ…

    多くの企業がコンテンツマーケティングに取り入れているのがインフォグラフィックです。インフォグラフィッ…

  8. 観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR)動画

    観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR…

    Youtubeなどの動画配信プラットフォームに加え、無料の動画素材や編集アプリなども身近になったいま…

PICKUP

  1. 【SEO】 軸&優先順位がキーとなる「対策キーワード選定」のポイント
  2. Sengled_Snap
  3. Vanhawks_Valour
  4. 販促支援の大きな柱!?コンテンツマーケティングのはじめ方
  5. ad10
  1. marketing17
  2. listing03
  3. seo10
  4. medical_IoT
  5. BLEBeacon20
  6. ec04
  7. 【5分で出来る】SEOの観点から見た魅力的なタイトルの付け方
  8. 4つのターゲット層とそれぞれに向けた広告アプローチ
  9. HMV Beacon
PAGE TOP