UIコンポーネント完全ガイド|UIパーツ設計の全60記事
Button・Modal・Toast・Sidebarなど、UIコンポーネント60記事を8カテゴリで体系化。各コンポーネントの設計判断・状態設計・アクセシビリティをまとめたハブページ。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
Button・Modal・Toast・Sidebarなど、UIコンポーネント60記事を8カテゴリで体系化。各コンポーネントの設計判断・状態設計・アクセシビリティをまとめたハブページ。
UI原則、UI設計原則、UXデザインの法則をWhy→What→Howで体系化。UX心理・UI原則・UIコンポーネントをつなげて学ぶUIXHEROの総合入口ガイド。
UI原則とは何か、UI設計でどう使うかを解説。視覚設計から認知設計、操作・対話、情報構造、アクセシビリティまで65のUIデザイン原則を体系化。
認知心理学をUX・Webデザインに活かすための119の心理法則・認知バイアスを体系化。認知負荷、意思決定、記憶、感情をUI設計へ翻訳する実践ガイド。
モバイル端末のタッチスクリーン操作において、指の接触面積が広いために意図しない要素を誤タップしてしまう問題。ユーザーの「不器用さ」ではなく、UIの「設計ミス」として捉えるべきモバイルUXの基本原則です。
「顧客が抱える課題(問題空間)」と「それをどう解決するか(解決空間)」を明確に区別する思考法。優れたプロダクトは、解決策のアイデア出しからではなく、問題空間の探求から生まれます。
「そのプロダクトは本当に誰かの役に立つのか?」という問いへの仮説。PMF(Product Market Fit)を目指すすべての出発点であり、これを検証せずにデザインや開発を進めることは、誰も通らない橋を美しく作るようなものです。
「アフォーダンス」と「シグニファイア」は混同されやすい概念です。本記事では、ノーマンが定義した本来の意味に基づき、UXデザインにおける決定的な違いと正しい使い分け(可視化の重要性)を解説します。
努力の正当化とは、苦労して手に入れたものほど価値を高く感じる心理です。本記事では、IKEA効果やゲーミフィケーションの背景にあるこの心理と、UXでの活かし方・危険な使い方をわかりやすく解説します。