インフォグラフィックを使って成果の上がるWebサイトを作ろう!

インフォグラフィックを使って成果の上がるWebサイトを作ろう!

成果を出すWebサイトを作るためには、誰もが見やすいようなデザインにすることが非常に重要です。今回は、わかりやすいWebサイトを作る際にも役立つ、「インフォグラフィック」というデザイン表現についてご紹介したいと思います。

IT業界まるわかりガイドは、日本初Web専門スクールのインターネット・アカデミーが運営する業界情報メディアです。最新の業界情報を、初心者にも分かりやすくご紹介しています。

目次

インフォグラフィックとは

インフォグラフィックとはInformation+graphicsという意味の造語で、情報やデータを視覚的に表現したものです。一般的には、情報を文字で伝えようとすると情報量が多く冗長になり分かりづらくなりがちですが、インフォグラフィックを用いればひと目で複雑な情報を伝えることができます。

インフォグラフィックをWebデザインで使う利点

インフォグラフィックの利点は、上記で述べたように情報を分かりやすく伝えることができる点にあります。そのため、インフォグラフィックを効果的に使うことで、誰もが見やすいWebサイトにすることができます。例えば、統計データなどをデザイン性の高い図形や表を用いて表現することで、言葉で情報を伝えることが難しい海外の方や子供に対しても情報を伝えることができます。このように、インフォグラフィックをWebサイトで活用することで、より多くの人に伝わりやすいWebサイトにすることができるのです。

インフォグラフィックの活用例

実際にはどのようにインフォグラフィックがWebサイトの中で用いられているのでしょうか。ここでは、インフォグラフィックを効果的に活用しているWebサイトの事例をご紹介します。

WHO - Infographics: #VaccinesWork

WHO(世界保健機関)が作った、世界の子供たちへのワクチンの必要性を表したインフォグラフィックです。絵があることで英語が分からなくても内容が分かるようになっています。

WHO

ソニー損保「新成人のカーライフ意識調査2013」

ソニー損保が調査した、お盆の帰省手段に関する調査のインフォグラフィックです。絵とグラフで分かりやすく構成されており、一目で帰省手段に関する実態について理解することができます。

ソニー損保

トリップアドバイザー「トリップグラフィック 世界の雨の日率マップ」

旅行口コミサイトトリップアドバイザーの世界の雨の日率を表したインフォグラフィックです。世界の雨の日率を視覚的に把握することができます。

トリップアドバイザー

このように、インフォグラフィックを効果的に用いることで、伝わりやすいサイトにすることができます。

インフォグラフィックを作ることができるサイト

では、具体的にどのようにすれば効果的なインフォグラフィックを作成することができるでしょうか。ここでは、手軽にインフォグラフィックを作成できるサイトをご紹介します。

Eegraph(イーグラフ)

Eegraph(イーグラフ)
こちらのサイトは、日本語対応でデータ入力の手順案内が非常にわかりやすく、初心者の方でも簡単にインフォグラフィックを作成することができます。月々の料金はかかりますが、Exelのようなセルにデータを入力して、グラフのデザインを選択するだけで簡単に美しいグラフを作ることができます。

Visme

Visme

こちらのサイトでは、豊富なフリーフォントやフリー写真から魅力的なインフォグラフィックを作成することができます。ビデオを追加することも可能で、アニメーションでよりわかりやすいコンテンツを作ることができます。

まとめ

上で述べてきたように、インフォグラフィックを使うことで、多くの人に伝わりやすいWebサイトを作ることができます。最後にご紹介したように、インフォグラフィックの制作サービスのサイトを用いて手軽にインフォグラフィックを作ることも可能ですが、テンプレートからデザインを選択するため、本格的にWebデザインに取り組みたい方には物足りなく感じるかもしれません。PhotoshopやIllustratorを使うことで自分だけのインフォグラフィックを一から作ることができるので、これらのグラフィックソフトの知識があれば、より自由度の高いデザインで制作を行うことができます。

インターネット・アカデミーではフォトショップやイラストレーターの使い方から、Webデザインのノウハウまで個人に合わせた授業を展開しています。インフォグラフィックスはもちろんWebデザインに少しでも興味のある方は、ぜひお気軽にご連絡ください。

Web業界への就転職・キャリアアップを成功させたいと考えている方へ
日本初そして日本唯一のWeb専門スクールインターネット・アカデミー

自分にぴったりのコースが見つかる

インターネット・アカデミーでは、Web業界を目指すあらゆる方にお応えすべく、多彩なコースをご用意しています。

Webデザインを学びたい方

プログラミングを学びたい方

自分のペースとスタイルで学べる

毎回好きな受講形式を選んで学習することができるので、働きながらじっくり通いたい方も短期間での就職を目指す方も自分の都合に合わせて、スケジュールを組むことができます。

  • ライブ授業

    現役のプロインストラクター
    と仲間と学ぶメリット

    ライブ授業
  • マンツーマン授業

    インストラクターと
    1対1という贅沢

    マンツーマン授業
  • オンデマンド授業

    いつでも学びたいことを
    学べる

    オンデマンド授業

自分に適した学習方法を探す

インターネット・アカデミーでは、無料体験レッスンを毎日開催しています。デザインやプログラミングの体験ができるのはもちろん、実際の授業に参加したり、就職や転職のご相談、通学スケジュールのご相談なども承っております。

  • ご要望をお伺い

    ご要望をお伺い

    まずはお客様のご要望をお伺いし、お一人おひとりの目的や悩みに最適な内容にカスタマイズ。お客様専用の内容で当日ご案内いたします。

  • カウンセリング

    カウンセリング

    就職や転職、在宅で働きたいなど、お客様の希望を叶えるために専任のスタッフが最適な学習プランをご提案。現在の仕事のご相談なども承ります。

  • 体験レッスン

    体験レッスン

    「自分に向いている分野は?」「自分にできる?」そんな疑問を解決するレッスンを無料で体験。デザインもプログラミングもお試しいただけます。

無料体験レッスン・個別相談のご予約

当日ご希望の方やお急ぎの方は、フリーダイヤルにてご予約いただけます。

0120-746-555 フリーダイヤル受付時間(平日・土日) 10時-21時 オンライン予約

IT研修・人材育成のご相談を無料で承っております
法人専用社員研修、内定者・新人研修のご予約

インターネット・アカデミーでは、
あらゆるニーズに合わせた研修カリキュラムを取り揃えています。

「自社に最適な研修プランを相談したい」「研修費用の相談をしたい」「助成金を申請したい」など、お電話またはお問い合わせフォームよりお気軽にご連絡ください。

03-3341-3781 受付時間(平日・土日) 10時-21時 法人専用 お問い合わせフォーム