読み込み中...
キャリア
ユーザーにとって使いやすいUI体験を考えるために身につけるスキルの解説
「見た目はきれいだけど使いにくい」というUIを見たことはありませんか？このガイドでは、使いやすいUIを設計するために必要な「情報設計」のスキルを解説します。
使いやすいUIには共通点があります。
これらを実現するのが「情報設計（IA: Information Architecture）」です。
UIデザインは、単に見た目を整えることではありません。
この3つに答えられることが、情報設計ができているということです。
情報設計は「ユーザーがどう動くか」を設計することでもあります。
「何を操作するか」を中心に考える設計手法です。
例：メールアプリ
OOUIを理解すると、より直感的で使いやすいUIが設計できます。
ユーザーが迷わず目的地にたどり着ける設計です。
1画面の中で情報を整理する方法です。
情報設計ができると、こんな説明ができるようになります。
Before（できない状態）：
「なんとなく、ここがいいかなと思って...」
After（できる状態）：
「ユーザーの主な目的は○○なので、そのアクションを画面上部に配置しています。関連する情報は近くにまとめ、補足情報は下部に配置しました」
よくある質問です。
答え：設計が先です。
見た目を先に作ると、後から「使いにくい」という問題が発生しがちです。
BONOの「情報設計基礎」ロードマップでは：
情報設計ができるようになったら、次は**「なぜそのUIが必要か」**を考えるスキルです。
これが「UXデザイン」です。ユーザーの課題を理解し、本当に必要な機能を見極める力を身につけることで、より価値のあるプロダクトを作れるようになります。
キャリア
ユーザーにとって使いやすいUI体験を考えるために身につけるスキルの解説
「見た目はきれいだけど使いにくい」というUIを見たことはありませんか？このガイドでは、使いやすいUIを設計するために必要な「情報設計」のスキルを解説します。
使いやすいUIには共通点があります。
これらを実現するのが「情報設計（IA: Information Architecture）」です。
UIデザインは、単に見た目を整えることではありません。
この3つに答えられることが、情報設計ができているということです。
情報設計は「ユーザーがどう動くか」を設計することでもあります。
「何を操作するか」を中心に考える設計手法です。
例：メールアプリ
OOUIを理解すると、より直感的で使いやすいUIが設計できます。
ユーザーが迷わず目的地にたどり着ける設計です。
1画面の中で情報を整理する方法です。
情報設計ができると、こんな説明ができるようになります。
Before（できない状態）：
「なんとなく、ここがいいかなと思って...」
After（できる状態）：
「ユーザーの主な目的は○○なので、そのアクションを画面上部に配置しています。関連する情報は近くにまとめ、補足情報は下部に配置しました」
よくある質問です。
答え：設計が先です。
見た目を先に作ると、後から「使いにくい」という問題が発生しがちです。
BONOの「情報設計基礎」ロードマップでは：
情報設計ができるようになったら、次は**「なぜそのUIが必要か」**を考えるスキルです。
これが「UXデザイン」です。ユーザーの課題を理解し、本当に必要な機能を見極める力を身につけることで、より価値のあるプロダクトを作れるようになります。