「INFOGRAPHICS PROTOTYPING ～データをビジュアル化するプロトタイピング講座～」2013.02.21

OpenCU @Open_CU

本日は、作り手のためのブラッシュアップイベントです。実際のツールなどどんどん紹介しています。 ( #tsutagra live at http://t.co/rzAeuGatj6)

AWRD アワード @awrd_com

［アプリいろいろ］一連の出来事を時系列（タイムライン）で可視化するTimeline JSもおすすめ。データの視覚化を助ける手軽なツール・サービスが続々登場している。 ( #tsutagra live at http://t.co/gvnRqvKsqU)

infogra.me_jp @infograme_jp

[#tsutagra Infographics prototyping workshop] Adobe Edge Animateのデモ http://t.co/Rlm1x3hKNV

AWRD アワード @awrd_com

［アプリいろいろ］Flashライクなコンテンツ制作ツール、Adobe EdgeAnimateはJSで書き出すことができるのでタブレット端末でも使えるインタラクティブデータが簡単に作れる。 ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

［アプリいろいろ］jsFiddleではそのまま使えるソースコードを掲載。書き換えるとその場でグラフに変更が反映されるので分かりやすい！ ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

［アプリいろいろ］東海大学・富田先生はデザイナーでもエンジニアでもないけれどこれらのツールを使うことで5分少々でインフォグラフィックスが作れる、とコメント。あなたも試してみてはどうでしょうか？ ( #tsutagra live at http://t.co/gvnRqvKsqU)

山下 貴久｜フォトグラファー/沼の水先案内人 @takahsy

インフォグラフィックと聞いて見にきました！ ( #tsutagra live at http://t.co/X2Ze8T90LI)

AWRD アワード @awrd_com

まずは各テーマで与えられたデータに目を通し、「ここが面白い！」「これは気になる」と感じたトピックを書き出していきます。何でも、いくつでも書き出してOK。USTの前の皆さんもぜひご一緒にどうぞ。 ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

テーマ6「ママを支える社会の仕組みを表現してください」に関連するデータはここでご覧いただけます→ http://t.co/CHwMFkVG1X ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

テーマ7「地球予算を表現してください～全世界のODA予算分布から見えてくること～」に関連するデータはここでご覧いただけます→ http://t.co/ubPK6TjCMp ( #tsutagra live at http://t.co/gvnRqvKsqU)

黒ぱぐ @black_pug

ヽ( ◔ ڼ ◔　)ﾉ♡｡o（インフォグラフィックについてお話聞いてます。 (at @loftwork) http://t.co/wLUFCFuvTP

👓 @_tokuma

インフォグラフィック・Webサービス#tsutagra http://t.co/szt1ZNDnai

拡大

👓 @_tokuma

インフォグラフィック・Webサービス#tsutagra ピクトグラムも利用可能。 http://t.co/TaEoHeXIBS

拡大

AWRD アワード @awrd_com

日経新聞では2013年から「Asia Business Map」と題しアジアの情報をインフォグラフィックス化して見開きで紹介しています（毎週火曜日掲載）。 ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

インフォグラフィックスを作っていると、だんだん親切になりすぎるきらいがある。「要素は置きました、あとはお好きに読み取ってください」と多少突き放すぐらいのほうが読み手にはおもしろい（木村氏） ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

木村さんからの解説・注意を受けてワークに戻ります。先ほどデータからリストアップした着眼点に改めて目を通し、軸に据えるトピックを絞り込みます。 ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

また、その絞り込んだテーマをラフイメージに変換してみましょう。会場ではこの後仲間と共有しブラッシュアップするので、完璧なものを想定せず、まずは絵にしてみてください、と伝えています。 ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

USTREAMをご覧の皆さんの中でラフが描けた、という人はツタグラサイトにアイディアとして投稿するのも大歓迎です。 http://t.co/PDU8eYA0Y3 ( #tsutagra live at http://t.co/gvnRqvKsqU)

山下 貴久｜フォトグラファー/沼の水先案内人 @takahsy

この会場は壁がホワイトボード塗料で作ってあるのが素晴らしいですね^ ^ ( #tsutagra live at http://t.co/X2Ze8T90LI)

AWRD アワード @awrd_com

おかげさまで満員御礼！皆さん悩みながらも熱心にラフスケッチを描いています。これから壁に貼り出して、徳間さんはじめインフォグラフィックスの専門家の方々にレビューしていただきます。 http://t.co/B940Y8KpHL #tsutagra

AWRD アワード @awrd_com

コメント：一般の認識と異なる事実を取り上げ「えっ？」と思わせるラフスケッチ。ただ、データの根拠がないとのこと…事実と連携すればWeb上でも話題のインフォグラフィックスになりそう。（徳間氏） ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

コメント：Web上では、現状を伝えるインフォグラフィックスが増えている。今後はYahoo!知恵袋やOKWaveのようなQ&Aを表現するインフォグラフィックスが登場しても良さそう。（富田氏） ( #tsutagra live at http://t.co/gvnRqvKsqU)

北野 啓太郎＠フリーランスWEBコンテンツクリエイター @KeitaroKitano

制限時間は10分。参加者みんながそれぞれ作った伝わるグラフ「ツタグラ」を発表中。伝わりやすい文章を意識する自分ですが、グラフとなるとむずかしい！＞＜ #tsutagra http://t.co/vT7uMtkkAF

拡大

AWRD アワード @awrd_com

コメント：今回のラフスケッチでは3Dでの表現が目立つ。俯瞰すると棒グラフの高さが正確に伝わらない、といった例もあるので3Dは効果的に使いたい（徳間氏） ( #tsutagra live at http://t.co/gvnRqvKsqU)

AWRD アワード @awrd_com

コメント：長さ、面積、体積の表現は別物として認識しておこう。2倍が4倍、8倍として伝わってしまうので、正確性において注意が必要（木村氏） ( #tsutagra live at http://t.co/gvnRqvKsqU)