SHOEISHA iD

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

ProductZine Day&オンラインセミナーは、プロダクト開発にフォーカスし、最新情報をお届けしているWebメディア「ProductZine(プロダクトジン)」が主催する読者向けイベントです。現場の最前線で活躍されているゲストの方をお招きし、日々のプロダクト開発のヒントとなるような内容を、講演とディスカッションを通してお伝えしていきます。

デブサミ2026の初日をProductZineとコラボで開催。

Developers Summit 2026 「Dev x PM Day」

Developers Summit 2026 「Dev x PM Day」

Developers Summit 2022 レポート(AD)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Developers Summit 2022 レポート連載記事一覧

もっと読む

この記事の著者

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

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

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

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

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

この記事をシェア

ProductZine(プロダクトジン)
https://productzine.jp/article/detail/943 2022/03/30 21:43

おすすめ

アクセスランキング

アクセスランキング

  1. 1
    プロジェクト管理ツール「Backlog」が2027年1月にプラン改定、AI機能拡充とともに3プランへ統合
  2. 2
    海外テック界隈で熱を帯びる「プロダクトマネージャー=ミーム」説、その背景と議論の核心
  3. 3
    「機能を削ぎ落とし、世界観を磨け」──大規模SaaSのCxO4名が語る、AI時代に最強のモートを築くプロダクト戦略
  4. 4
    Notionのプロダクトマネージャーが語るプロダクト開発の裏側──「プロダクトのCEO」ではなく「創業者」としてPMFに向き合う
  5. 5
    プロダクト開発の「責任の空白」をなくす。新刊『勝てるプロダクト開発の教科書』著者の蜂須賀氏が読書会や登壇先を募集
  6. 6
    Figmaのユーザーコミュニティが体現するもの──「好き」から始まる「人のつながり」
  7. 7
    AIはコードを書くが「事業」は作れない。プロダクトマネージャーとエンジニアが職種を越境し、プロダクトを勝たせる条件
  8. 8
    シナジーマーケティングがSaaS利用の統計調査を発表、約4割が多機能すぎると実感し約6割が毎週操作ロスを経験
  9. 9
    「コーディングの価値は限りなくゼロになる」──LayerX松本氏・日本CPO協会ワカマツ氏が問う、AI時代のCTOとCPOの生存戦略
  10. 10
    5000社以上の共創実績を持つRelic、「顧客価値連鎖分析」を活用した大規模な新規事業を創出する資料を公開

イベント

ProductZine Day&オンラインセミナーは、プロダクト開発にフォーカスし、最新情報をお届けしているWebメディア「ProductZine(プロダクトジン)」が主催する読者向けイベントです。現場の最前線で活躍されているゲストの方をお招きし、日々のプロダクト開発のヒントとなるような内容を、講演とディスカッションを通してお伝えしていきます。

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

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

メールバックナンバー

アクセスランキング

アクセスランキング

  1. 1
    プロジェクト管理ツール「Backlog」が2027年1月にプラン改定、AI機能拡充とともに3プランへ統合
  2. 2
    海外テック界隈で熱を帯びる「プロダクトマネージャー=ミーム」説、その背景と議論の核心
  3. 3
    「機能を削ぎ落とし、世界観を磨け」──大規模SaaSのCxO4名が語る、AI時代に最強のモートを築くプロダクト戦略
  4. 4
    Notionのプロダクトマネージャーが語るプロダクト開発の裏側──「プロダクトのCEO」ではなく「創業者」としてPMFに向き合う
  5. 5
    プロダクト開発の「責任の空白」をなくす。新刊『勝てるプロダクト開発の教科書』著者の蜂須賀氏が読書会や登壇先を募集
  6. 6
    Figmaのユーザーコミュニティが体現するもの──「好き」から始まる「人のつながり」
  7. 7
    AIはコードを書くが「事業」は作れない。プロダクトマネージャーとエンジニアが職種を越境し、プロダクトを勝たせる条件
  8. 8
    シナジーマーケティングがSaaS利用の統計調査を発表、約4割が多機能すぎると実感し約6割が毎週操作ロスを経験
  9. 9
    「コーディングの価値は限りなくゼロになる」──LayerX松本氏・日本CPO協会ワカマツ氏が問う、AI時代のCTOとCPOの生存戦略
  10. 10
    5000社以上の共創実績を持つRelic、「顧客価値連鎖分析」を活用した大規模な新規事業を創出する資料を公開