情報デザインの本質を学ぶ：UI/UXと人間中心設計が変える「伝わる」の形

1. 導入：デザインは「見た目」だけではない

「デザイン」という言葉を聞くと、多くの人はファッションやインテリア、あるいは華やかなグラフィックなど、センスの良し悪しに関わる「見た目」を思い浮かべるかもしれません。

しかし、デザインという言葉を直訳すると「設計」となります。本来のデザインとは、単に美しく飾ることではなく、特定の目的を達成するための「組み立て」を指すのです。その中でも、今回お話しする「情報デザイン」とは、情報の伝達を分かりやすくするための設計を意味します。これはセンスに頼る芸術ではなく、情報の受け手が抱える課題を解決するための論理的な「手段」なのです。

2. 視認性と情報デザインの力

情報デザインがどのように課題を解決するのか、身近な「ダウンロードボタン」を例に考えてみましょう。

ウェブサイトで「こちらからダウンロードできます」という文字がただ並んでいるだけでは、どこをクリックすればよいのか瞬時に判断できません。しかし、文字を枠で囲ってボタンの形にし、目立つ配色を加えることで、ユーザーは直感的に「ここを押せばいいんだな」と理解できます。

これは、文字だけでは「視認性（目につきやすさ、見やすさ）」が低いという課題を、配色や装飾というデザインの力で解決した例です。つまり、デザインとは単なる「造形」ではありません。デザインとは「造形」だけでなく、「機能面を考慮した設計表現」であるといえます。

3. UIとUX：ラーメン屋の例えで理解する

情報デザインを学ぶ上で欠かせないのが「UI（ユーザーインターフェース）」と「UX（ユーザーエクスペリエンス）」という概念です。これらはセットで語られることが多いですが、明確な違いがあります。

ソースに基づいた定義を、ラーメン屋さんの例で整理してみましょう。

• **UI（ユーザーインターフェース）：** ユーザーと対象（画面など）をつなぎ合わせる接点のこと。

* 例：ラーメン屋さんのウェブサイトそのもの。メニューや写真が配置された、情報をやり取りするための窓口です。

• **UX（ユーザーエクスペリエンス）：** ユーザーがサービスを通じて得る一連の体験や感情のこと。

* 例：お腹が空いた人がネットで店を検索し、サイトの情報を確認し、口コミを見て、実際に店までたどり着き、食事をして帰宅するまでの全行程の体験です。

UIは、UXという大きな体験を構成する「一部」に過ぎません。ここで重要なのは、作り手の意図とユーザーの実際の行動にギャップを生まないことです。

ネットで有名な画像に、公園の「舗装された道」と、その脇にできた「草むらのショートカット」を対比させたものがあります。デザイナーがいかに綺麗な道（UI）を作っても、ユーザーにとって遠回りであれば、結局は最短距離の道（UX）が選ばれます。デザイナーの意図（舗装された道）とユーザーの行動（ショートカット）のギャップを埋め、ユーザーの体験に寄り添ったUIを設計することこそが、情報デザインの核心です。

4. 歴史の変遷：システム中心から「人間中心設計」へ

情報システムの設計思想は、時代とともに大きく変化してきました。

1990年頃までのシステム開発では、開発者側の「作りやすさ」が重視される傾向にありました。当時はまだ技術が発展途上であり、大きな技術的制約があったため、人間がシステムの都合に合わせて操作方法を覚えるなど、「人間がシステムに合わせる」ことが一般的だったのです。

しかし、技術が十分に成熟した現代では、その主従関係が逆転しました。現在は、技術が人間に合わせる「人間中心設計（HCD）」の考え方が重要視されています。使う人の特性や心理を深く理解し、それに合わせて技術を形作っていく時代になったのです。

5. 実践的な情報デザインの要素

使いやすいUIを作るためには、部品（コンポーネント）の役割を正しく理解し、適切に使い分ける必要があります。

• **ラジオボタン：** 提示された選択肢の中から、必ず「1つだけ」を選択する場合に使用します。
• **チェックボックス：** 複数の項目を自由に選択できるようにする場合に使用します。
• **プルダウンメニュー：** 1つを選択しますが、ラジオボタンと違い、選択肢が多い時に画面の領域を節約したい場合に適しています。
• **ポップアップメニュー：** 画面から浮き出るように表示されるメニューです。ユーザーが次の操作をする前に確認を促したり、広告を表示したりする際に用いられます。
• **ピクトグラム：** 文字を使わずに情報を伝えるための、単純化されたイラストです。国籍や言語に関係なく、**ぱっと見で（一目で）情報が伝わる**ことが最大の特徴であり、視覚的なシンボルとして機能します。

6. 結論：これからの情報デザインに求められる視点

情報デザインを学ぶことは、私たちの周りにある「使いやすさ」の裏側にある優しさに気づくことでもあります。

1. デザインは「設計」である： 見た目を整えるだけでなく、目的を達成するための課題解決の手段として捉えましょう。

2. UIはUXの一部である： 画面の使いやすさだけでなく、ユーザーがサービスを通じて得る一連の「体験」を想像することが大切です。

3. 人間中心の視点を持つ： 作り手の都合ではなく、使う人の行動に寄り添った設計を目指しましょう。

情報デザインは、作り手の自己満足で終わるものではありません。明日から、身近なアプリや街中の看板を見て「なぜこの形なのだろう？」と疑問を持ってみてください。そんな小さな気づきが、使う人の行動に寄り添う「伝わる形」を理解する第一歩になります。