#UIデザイン
UI設計プロセス完全ガイド｜Why→What→Howで設計判断を言語化する
UIデザインの設計プロセスを6ステップで体系化。「なぜそのUIか」を説明できるようになるUX心理→UI原則→UIコンポーネントの思考順序と実践フレームワーク。
UIコンポーネント完全ガイド｜UIパーツ設計の全69記事
Button・Modal・Toast・Sidebarなど、UIコンポーネント69記事を9カテゴリで体系化。各コンポーネントの設計判断・状態設計・アクセシビリティをまとめたハブページ。
UIデザイン完全ガイド｜UI原則・UXデザインの法則・コンポーネントを体系化
UI原則、UI設計原則、UXデザインの法則をWhy→What→Howで体系化。UX心理・UI原則・UIコンポーネントをつなげて学ぶUIXHEROの総合入口ガイド。
UIデザイン原則まとめ｜UI設計を支える65の原則
UI原則とは何か、UI設計でどう使うかを解説。視覚設計から認知設計、操作・対話、情報構造、アクセシビリティまで65のUIデザイン原則を体系化。
UX心理学119の法則｜認知心理学をUI/UX・Webデザインに活かす完全ガイド
認知心理学をUX・Webデザインに活かすための119の心理法則・認知バイアスを体系化。認知負荷、意思決定、記憶、感情をUI設計へ翻訳する実践ガイド。
UIデザインの基本 (Overview)
「UIデザイン＝画面を綺麗にすること」と思われている——この誤解がプロダクトを壊す。ユーザーとシステムの間にある「対話」を設計し、目的達成を邪魔しない道具を作るUIデザインの根本原則。
防衛的デザイン (Defensive Design)
ユーザーは必ずミスをするという前提に立ち、エラー未然に防いだり、起きたエラーからの回復を容易にしたりする設計思想。
二重符号化説 (Dual Coding Theory)
人間は「言語（テキスト）」と「非言語（画像）」の2つの経路で情報を処理しており、両方を同時に提示すると学習効果と記憶定着率が劇的に向上するという理論。
審美ユーザビリティ効果 (Aesthetic-Usability Effect)
「美しいものは使いやすい」とユーザーが知覚する効果。見た目が魅力的だと、ユーザーは少々の使いにくさやエラーに対して寛容になり、全体的な満足度が高まる。
アフォーダンス (Affordance)
対象物が持つ「操作の可能性」を示唆する性質。ボタンが「押せる」ように見える、ドアノブが「回せる」ように見えるなど、ユーザーが直感的に使い方を理解するための核心的概念。
フィードバック (Feedback)
ユーザーの操作に対するシステムからの反応。ボタンを押した感触、送信完了の通知、エラー表示など、対話の成立を確認し安心感を与えるための必須要素。
図と地の関係 (Figure-Ground Relationship)
人間は視覚情報を見た時、それを「意味のある対象（図）」と「背景（地）」に瞬時に分離して認識する。ゲシュタルト心理学の基本原理。