はじめに
「学習ルートって、全部順番に読まないといけないの？」
UIXHEROにはたくさんの記事がある。すべてを読むのは大変だし、今の自分に必要な内容だけを効率的に学びたい。
この記事では、学習ルートの使い方を整理する。どこから始めればよいか、順番通りに読む意味、飛ばしてよい場面を理解することで、無駄なく学習を進められるようになる。
1. 学習ルートとは何か
単発記事との違い
UIXHEROには、単発で読める記事と、学習ルートとしてまとめられた記事がある。
| 種類 | 特徴 | 使い方 |
|---|---|---|
| 単発記事 | 1つのテーマを深く解説 | 必要なときに参照する |
| 学習ルート | 複数の記事を順序立てて構成 | 流れで学ぶ |
単発記事は「辞書」のように使える。学習ルートは「教科書」のように使える。
学習ルートの目的
学習ルートの目的は、以下の3つだ。
- 順序を示す：何を先に学ぶべきかを明確にする
- 関連づける：知識をバラバラにせず、つなげる
- 積み上げる：前のステップで学んだことを次のステップで活かす
順番通りに進めることで、「点」ではなく「線」で理解できるようになる。
2. どこから始めればよいか
完全初心者の場合
UI/UXという言葉は聞いたことがあるが、何をするものか分からない人は、このfoundationルートから始めるのが最適だ。
このルートでは以下を学ぶ。
- なぜUX/UIを学ぶのか
- デザインとは何をしているのか
- UIとUXの違い
- UIXHEROで何を学べるか
- 学習ルートの使い方（この記事）
これらを理解してから次のルートに進むことで、学習の土台ができる。
基礎はあるがリサーチから設計までの流れに自信がない場合
UIは触ったことがあるが、ユーザーリサーチや設計の進め方が分からない人は、foundationルートを終えたら「初心者向けルート（beginner）」に進むとよい。
beginnerルートでは以下を学ぶ。
- UXの定義・目的を押さえる
- ユーザーリサーチとインタビュー
- ペルソナ・ユーザーストーリー作成
- カスタマージャーニー設計
- ワイヤーフレームの作り方
- プロトタイプの作り方
- ユーザーテストとフィードバック
- デザイン仕様書とハイファイデザイン
リサーチから設計、検証、仕様化までの一連の流れを体験できる。
特定のテーマを深掘りしたい場合
すでに基礎がある人は、学習ルートを飛ばして単発記事を読むこともできる。
- UI原則を学びたい → UI原則一覧
- UX心理を学びたい → UX心理119法則
- コンポーネントを学びたい → UIコンポーネント完全ガイド
3. 順番通りに読む意味
前提知識を積み上げる
学習ルートの各ステップは、前のステップで学んだことを前提にしている。
たとえばbeginnerルートでは、以下のような流れになっている。
- UXの定義を理解する → 「なぜリサーチが必要か」が分かる
- リサーチの方法を学ぶ → 「何をペルソナに反映するか」が分かる
- ペルソナを作る → 「何を基準に画面設計するか」が分かる
いきなりペルソナの作り方だけを読んでも、「なぜこの情報が必要なのか」が理解しにくい。
「なぜ」を理解してから「どう」に進む
foundationルートでは「Why（なぜ）」を、beginnerルートでは「How（どう）」を学ぶ。
この順序が重要だ。
- Why → How：なぜ必要か分かっているから、方法を学ぶ意味がある
- How → Why：方法だけ覚えても、いつ使うか分からない
「なぜこの工程が必要なのか」を理解してから進むことで、知識が定着しやすくなる。
4. 飛ばしてよい場面
すでに理解している場合
各ステップには「このステップで理解すべきこと」が書かれている。それを読んで「もう知っている」と感じたら、そのステップは飛ばしてよい。
ただし、以下の場合は読むことをおすすめする。
- 知っているが説明できない
- 知っているが実務で使えていない
- 知っているが他の知識とつながっていない
「知っている」と「使える」は違う。
今は必要ない場合
学習ルートは「順番通りに読むこと」を推奨しているが、強制ではない。
今すぐ必要なステップだけを読んで、後から戻ってくることもできる。UIXHEROは「一度しか読めない」場所ではない。
5. 崩れやすいポイント
「読めば身につく」と思ってしまう
学習ルートを最後まで読んでも、それだけでは身につかない。
知識を定着させるには、以下が必要だ。
- 読んだ内容を言語化する：自分の言葉でまとめてみる
- 実際に使ってみる：課題やプロジェクトに適用する
- 振り返る：うまくいったこと、いかなかったことを整理する
読むだけでなく、使うことが重要だ。
「全部読まないと次に進めない」と思ってしまう
完璧に理解してから次に進もうとすると、いつまでも先に進めない。
7〜8割理解したら次に進んでよい。残りの2〜3割は、後のステップで使うときに分かることも多い。
6. この知識がUI設計で効く場面
新しい案件でどこから調べ始めるか決めるとき
初めての領域の案件を担当したとき、学習ルートの構造があれば以下のように考えられる。
- 「なぜこの設計が必要か」が分からないなら、UXの定義・目的を押さえる
- 「ユーザーが誰か」が曖昧なら、ペルソナ・ユーザーストーリーの作り方を見る
- 「画面の構成」で迷ったら、ワイヤーフレームの作り方を見る
学習ルートの流れを知っていれば、「どこから調べればいいか」の当たりがつく。
レビュー前に不足知識を探すとき
デザインレビューで「なぜこの設計にしたの？」と聞かれそうなとき、学習ルートの構造があれば以下のように準備できる。
- 「ユーザー理解」が弱いと感じたら、リサーチやペルソナを復習
- 「導線の根拠」が弱いと感じたら、カスタマージャーニーを復習
- 「テスト結果」が弱いと感じたら、ユーザーテストを復習
学習ルートの各ステップが「何を補強すればいいか」のチェックリストになる。
チームメンバーに教えるとき
チームメンバーにUI/UXを教える場面でも、学習ルートの構造が使える。
- 「まずWhyを理解させる」→ foundationルートの内容
- 「次にHowを教える」→ beginnerルートの内容
- 「深掘りは単発記事で」→ UI原則、UX心理など
順序立てて教えることで、相手も理解しやすくなる。
7. まとめ
学習ルートは、知識を流れで学ぶためのガイドだ。順番通りに進めることで、「点」ではなく「線」で理解できる。
この記事で押さえてほしいのは以下の3点だ。
- 完全初心者はfoundationルートから、基礎がある人はbeginnerルートから始める
- 順番通りに読むことで、前提知識を積み上げられる
- 読むだけでなく、使うことで知識が定着する
これでfoundationルートは終了だ。次は「初心者向けルート（beginner）」に進み、UX設計の基本的な流れを学んでほしい。
次のステップ
関連知識
- 学習ルート：学習ルートの定義と目的
- foundationルート：このルートのトップページ
- beginnerルート：次に進む初心者向けルート
- UIデザイン完全ガイド：UI設計を網羅的に学ぶためのハブ記事