menu

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

制作

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

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

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

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

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

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

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

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

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

小野 良勝 代表取締役

投稿一覧

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

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

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

関連記事

  1. Webディレクターが最低限知っておきたい著作権の3つのポイント

    昨年2015年に東京オリンピックのエンブレム問題が大きな騒動になったように、他人の作品を無断で流用し…

  2. 「アイコン化」が進むユーザーコミュニケーションとWebサイト

    MMD研究所が2015年に行ったリサーチによれば、日本国内のスマートフォーンユーザーの半数以上が1日…

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

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

  4. EFO(入力フォーム最適化)に役立つ、無料で使えるjQueryプ…

    ECサイトだけでなく、会員登録やアンケート、問い合わせなど、多くのWebサイトに設置されている入力フ…

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

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

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

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

  7. フラットデザイン化に使える無料アイコンのダウンロードサイト

    ページの表示速度アップやレスポンシブ対応、アピールしたい要素を強調できることなど、さまざまなメリット…

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

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

PICKUP

PAGE TOP