SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Developers Summit 2022 レポート(AD)

ヤフーのデザイナーが語る「データビジュアライゼーション」のデザイン術──データを分かりやすくグラフ化するには?【デブサミ2022】

【17-E-2】データの価値を最大化させるためのデザイン ~ データビジュアライゼーションの方法

  • このエントリーをはてなブックマークに追加

グラフの情報量をデザインする

 データビジュアライゼーションでは、グラフの情報量をデザインする必要性がある。情報量が多すぎて、何からみていけばいいか分からないといったことがあるからだ。

 「人間が一度に処理できる情報量には限界があるため、情報伝達の効率性が重要です。そのためには相手に伝わりやすいデザインにすることが必要になります」

 そこで大事な概念が「シグナル」と「ノイズ」である。データが持つ元来の意味が、より相手にとって伝わりやすくなる効果を「シグナル」。データが持つ元来の意味でないものが相手に伝わってしまう効果を「ノイズ」という。シグナルを最大化し、ノイズを最小化することが重要となってくる。

 シグナルとノイズについてより理解するために、データビジュアライゼーションの権威的存在であるエドワード・タフテ氏が提唱する「データインクレシオ」という概念が紹介された。例えば、以下のスライドで説明すると、「データインク」とはデータそのものを表す部分(棒グラフの棒の部分)、「ノン・データインク」とはデータ以外のグラフの枠線や軸の補助線を表す。

「データインクレシオ」概念のグラフ例
「データインクレシオ」概念のグラフ例

 「データインクレシオ」とはデータインクとノンデータインクの比率のことである。余計な装飾を削ぎ落としてシンプルにすればノイズが減り、シグナルが高まる。データビジュアライゼーションとして良いデザインとなる基本的な考えである。

「データインクレシオ」を導き出す数式
「データインクレシオ」を導き出す数式

 余計な装飾が行われ、データインクレシオが低くなってしまったグラフが以下である。逆に良い例は、余計な装飾が削ぎ落とされ、シンプルなデザインにすることで、データインクレシオが高くなっている。

データインクレシオが悪いグラフ
データインクレシオが悪いグラフ
データインクレシオが良いグラフ
データインクレシオが良いグラフ

 セッションではデータビジュアライゼーションにおいて重要な視覚属性とアイコン、属性の強さなどが以下のように紹介されたので、ぜひ参考にしてほしい。

データビジュアライゼーションに重要な視覚属性と手法
データビジュアライゼーションに重要な視覚属性と手法

 最後に駒宮氏は、「データ活用のスキルは、今やエンジニア・サイエンティストだけの領域ではない。ビジネス職種の営業提案や企画担当者、デザイナー・クリエイティブ担当などもデータを理解し、活用していくことが求められていくだろう」と語り、一緒に、データ×クリエイティブを盛り上げていこうと訴え、セッションをまとめた。

この記事は参考になりましたか?

  • このエントリーをはてなブックマークに追加
Developers Summit 2022 レポート連載記事一覧

もっと読む

この記事の著者

馬場 美由紀(ババ ミユキ)

 エンジニアとテクノロジーが好きな編集・ライター。エンジニア向けキャリアサイト「Tech総研」「CodeIQ MAGAZINE」、Web技術者向けの情報メディア「HTML5 Experts.jp」などでライティング、コンテンツディレクション、イベント企画などを行う。HTML5 開発者コミュニティ「h...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/15624 2022/03/18 12:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング