つたえるって、たのしい。 〜 第１回 インフォグラフィックを学ぶ★ に参加してきた

みんながネットでいろいろ情報発信する時代。
つたえてるつもりでも なかなかうまくつたわらないことって ありますよね。

そこで、つたえることのプロのみなさんに、いろんなテクニックを教えていただくシリーズ、はじめます。

初回７月は「たのしいインフォグラフィック入門」*の著者、
櫻田潤さんによる記念講演＆ワークショップ。

たくさんの情報をわかりやすく伝えるには、ビジュアルって大切！
でも、絵心がないとビジュアル化できない？？

そんな疑問にこたえる講義とワークショップ。
ポイントを学んで、つたえること、たのしみませんか？

https://www.facebook.com/events/187336741428257/

主催はビジュアルシンキングという情報ブログの中の人である櫻田潤氏。様々なジャンルのデータビジュアライゼーションを作成・ご紹介されているサイトということで以前からウォッチしていたこともあり、色々と得られるものがあるのではと期待度高めで潜入して来ました。

情報を判りやすく、人に伝わるかたちに視覚化したもの

「データビジュアライゼーション」を日本語訳すると「情報を判りやすく、人に伝わるかたちに視覚化したもの」 になります。そのまんまです。重要なのはわかりやすくという点です。これにカッコよさが加われば言うことありませんが、あまりにカッコよさばかりを追求するとそれは アート という別のベクトルを向いたモノになります。

数十の言葉が持つ意味を一つのビジュアルに込めたものはアイコンと呼ばれ、インフォグラフィックというものに該当します。このことを櫻田氏は知識の圧縮と呼んでいました。様々な情報をビジュアルという一箇所に圧縮し、見る人がそれを解凍して情報を解釈するという例えです。

ピクトグラム - 基本の考え方

ピクトグラム（Pictogram、ピクトグラフ（Pictograph）とも）は、一般に「絵文字」「絵単語」などと呼ばれ、何らかの情報や注意を示すために表示される視覚記号（サイン）の一つである。地と図に明度差のある2色を用いて、表したい概念を単純な図として表現する技法が用いられる。

Wikipedia: ピクトグラム

色々なインフォグラフィック

インフォグラフィックにはいくつかのデザインパターンがあり、それらはどれも Excel やお固いビジネス資料などで良く目にする既存のモノだったりします。それら見慣れたパターンにほんの一つ他のモチーフを加える事でガラリと印象を変えることができるのです。

テーブル型

ボリューム型

リレーション型

マップ型

タイムライン型

インフォグラフィックの作り方

デザインはアートとは違い、ロジックの占める割合が非常に多いものです（※もちろん全てではないでしょう）。ということはその作り方にも明確なメソッドがあるということです。

1) 利用目的の選定

情報を伝えるためのものという大前提がある以上、必ずそれが利用目的になります。どこまで具現化するかは別として、いつ、どこで、誰に伝えるか。これがあるからこそインフォグラフィックに意義が生まれるのだと思います。

2) 題材の選定

ではどんなお題の情報を伝えるのか、この時点で明確にします。例えばクライアントが存在するようなケースだと、広報目的ということで「必ずこの情報を全面に押し出してくれ」といわれるシチュエーションがあったりします。ビジネスライクにそっくりそのまま受け入れて事を済ませてしまうのは簡単ですが、情報過多にならないように項目に優先度を付け、掲載するものと思い切って切り捨てるものとをキッチリ見極める。これを恐れてはいけないと仰っていました。

3) リサーチ

資料集めです。とにかく精度の高い情報に仕上げるには膨大な資料が必要になります。当然時間もかかります。一番時間がかかるタスクかもしれません。これは次の「内容・コンセプト決め」においても同じ事が言えるとのことです。そしていかに自身の先入観を捨てて客観的にデータを収集できるかも大切なことだそうです。なぜなら先入観を持って資料集めをすると、自然と集める資料にも偏りが発生してしまうからです。

4) 内容・コンセプト決め

この段階で最終的なゴールが見えてくるでしょう。全体のタスクの流れの中で、リサーチとこのコンセプト決めが最も時間を費やすことになるそうです。櫻田氏曰く全体の約50パーセントはここに費やすとのことであり、その間はひたすら Execl との格闘になると仰っていました。

5) デザイン

コンセプトが固まってきたら、いよいよ形に起こす段階に入ります。よりカッコよく、美しく、そして何よりもわかりやすいデザインに仕上げることがデザイナーの使命なわけですが、重要なのははじめのうちはモノクロの状態で作るということだそうです。色の助けが一切無い状態でも充分に情報が伝えれているような形にすることがとても大切だと仰っていました。色が持つ印象は非常に強力ですが、はじめにそれありきでデザインするのは賢明ではないということです。

6) 調整

アウトプットは一度やったら終了というわけにはいきません。何度も何度もブラッシュアップを繰り返して人前に見せられるクオリティに仕上げていきます。

このインフォグラフィックを作るという案件において、やってはいけないことがあります。それは題材の選定以降の過程を全てデザイナー丸投げするという行為です。リサーチ、内容・コンセプト決めの段階までは関係者全員でのディスカッションを繰り返して認識合わせをするべきとのことでした。

ワークショップ - ピクトグラムを作ってみる

前半の濃密な講義が終わったということで、後半は参加者全員が実際にピクトグラムを作るというワークショップが行われました。一応デザイン系の専門学校を卒業している僕ですが、ドップリと打ち込んだ経験というのは無く、その点では素人同然と言えます。今回はワークショップの会場にもなったシェアリビングというキーワードで各自がピクトグラム作成に挑戦しました。

あまり深く考えずにロジック半分 × 感性半分で作ってみました。普段使わない脳を活性化させたせいか頭がぼーっとしましたが、なかなか楽しかったです。

このうちのどれかが僕のです。

懇親会 - (ﾟＡﾟ;)ｺﾞｸﾘ…

講義、ワークショップが終わって懇親会という運びになりました。僕が普段よく参加する勉強会でも懇親会はほぼ必ず実施され、簡単な食事を通じて色々な方々とコミュニケーションをとるのですが。今回は会場の雰囲気からして大分勝手が違いました。

まず会場に入って着席する際に最初に目に入ったのが、謎の人参・・・。

終始そこら中を歩き回っているトイプードル・・・。

ワークショップも終わりに近づき、キッチンでは何やら慌ただしく準備が。ここはクッキングスタジオか・・・？

そして次々とテーブルに並べられる料理の数々・・・。

女子力高いってレベルじゃねーぞ

予想外です。まさか手作りで、しかもここまでハイクオリティの品々が登場するとは・・・。

なんでも会場を提供していただいたしょこらぼの方々が、この日のために前日から作ってくれたものなんだそうです。いやぁ、マジでビックリしました。しかも飲み物はスパークリングワインときた。しょこらぼさんは東北復興支援の活動を今も積極的にされており、今回振舞って頂いた料理の食材も全て東北のモノを使っているとのことでした。

正直、今回のイベントに申し込んだ時には、

生意気言ってすみませんでした。ホントに美味しかったです。そして講師していただいた櫻田潤さん、非常に勉強になりました。