【初心者必見】デザイナー以外に見て欲しい。その他コラム【初心者必見】デザイナー以外に見て欲しい。2019Tweet情報設計という言葉をご存知でしょうか?デザイナーなどが活用する専門用語なので、聞きなれない方は小難しく聞こえるかもしれません。実は非デザイナーなどの方でも、少し意識するだけで活用できたりします。今回は、そんな情報設計を簡潔に紹介したいと思います。最後にまず始めに皆さんの中に椅子の使い方を知らない人はいないと思います。椅子はどの種類においてもおおよその構造は同じため、見た目の違いはあれど椅子の使い方がわからないと言うことはないと思います。UI(インターフェイス)界隈では、アフォーダンスと言われています。アフォーダンスについては、本記事では詳しく言及しません。おかげで使いこなすことができます。わかりにくいものも世の中には溢れています。悪例が取り上げられており、UI界隈ではよく話題になります。笑わかりやすい見た目とは?上記の椅子がわかりやすい見た目をしているので、座れるという情報が伝わり、使用することができます。このように相手に正しい情報を伝えることができたらいいですよね。存在し、それを学ぶことによって情報設計力をあげることができるのです。ついて解説していきます。情報設計において、重要なポイント3つ特に大きく留意すべきポイントは下記になります。1ストーリー(文脈を考える)2グルーピング(かたまりを意識する)3ランキング(優先順位をつける)1ストーリー(文脈を考える)読む人(ターゲット)を主体に考えて、文脈を考えます。資料を作り始める前に、まずは読む人の背景を考えてみましょう。ためにノウハウを伝えるためのものになるのでそれを前提に、本題に入る前にわかりやすい例を挙げるなどして、木ワードなどの解説をしています。2.読む実際にココで読んでもらうためのものを用意します。いわゆるあなたの用意したアウトプットをターゲット(読み手)が見るプロセスがここに相当します。ゴールが見えていると、資料に求められている情報が明確かつ具体的に見えてくるはずです。この記事の場合、読んでくれた人が結果として解像度の高い資料作成やコミュニケーションを作れるようになることにあります。従ってとにかく細かい内容よりも、すぐに実践できるような内容(以降に記載)を多めに取り扱っています。資料作りの場合、グルーピングには2種類あります。情報のグルーピング視覚的グルーピング情報のグルーピング例えばふと立ち寄ったファミレスで、以下のようなメニューがあったとします。いかがでしょうか?空腹で仕方がないのに、どこに目を向けていいかわからにくいですよね。これは食べ物という情報が羅列されていますが、それ以上細かいグルーピングがされていないからです。カテゴライズされていて、すっきりと見えますよね。これが情報のグルーピングです。今回は食べ物の種類でグルーピングしましたが、メニューであればランチタイムやディナータイムなどの食べられる時間帯で区切るなどしてもいいかもしれません。グルーピングの方法は様々です。視覚的グルーピングさらに視覚情報を活用したグルーピングを見てみましょう。先ほどのメニューに画像を入れてみます。ファミレスのメニューらしくなってきましたね。画像を入れることで、これまでの食べ物の種類のグルーピングに加えて画像とテキストのグルーピングがされたことになります。一手間、見た目に加えてみましょう。テキストの色味を微妙に変えてみました。要素は必要十分なだけで過剰なデザインは逆に情報量が増えることで悪化することがあります。デザインとしては微妙ですが一例として挙げています。中華の情報のグルーピングをより明確にすることができました。このように情報を整理・分解してグルーピングし、それらをわかりやすく視覚的に整えることでアウトプットをわかりやすくことができます。3ランキング(優先順位をつける)最後に、伝えたい情報に優先順位をつけることについてご紹介します。本記事の場合、一番伝えたいのは情報設計のノウハウですが、ターゲットがそういった分野以外の方になりますのでまず最初に情報設計の基本的な内容を簡潔に記載しています。今ココ最後にこれまでに説明した内容をまとめるこれは記事などの文章の場合ですが、デザインなどにも当てはまります。とあるゲームのバナーを例に見てみましょう。いう大きなテキストです。無料ってことはおトクなガチャのかな?となんとなくわかります。次に周囲に散りばめられたキャラクターやアイテムの画像です。アイテムがキラキラしていますね。いうことがわかりますね。最後に画面下部に小さく記載された開催期日がわかります。