UIデザインの設計プロセスを6ステップで体系化。「なぜそのUIか」を説明できるようになるUX心理→UI原則→UIコンポーネントの思考順序と実践フレームワーク。
記事タグ: UI設計プロセス / UIデザイン / UXデザイン / 設計思想 / UIデザイン原則
記事一覧
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UIデザインの設計プロセスを6ステップで体系化。「なぜそのUIか」を説明できるようになるUX心理→UI原則→UIコンポーネントの思考順序と実践フレームワーク。
Button・Modal・Toast・Sidebarなど、UIコンポーネント72記事を9カテゴリで体系化。各コンポーネントの設計判断・状態設計・アクセシビリティをまとめたハブページ。
UI原則、UI設計原則、UXデザインの法則をWhy→What→Howで体系化。UX心理・UI原則・UIコンポーネントをつなげて学ぶUIXHEROの総合入口ガイド。
UIデザインの原則とは、UI設計で迷ったときに繰り返し使える判断の基準です。視覚設計・認知設計・操作と対話・情報構造・アクセシビリティなど8つのカテゴリで65の原則を一覧にし、各原則がどのUIコンポーネント（ボタンやフォームなど）に当てはまるかの早見表もまとめています。
UX心理学とは、心理学・認知科学・行動経済学の知見をUIやWebデザインの判断に使う考え方です。119の心理法則と認知バイアスを7つのカテゴリに分けて一覧にしています。あわせて、情報量・選択肢の数・目に入る順番・操作への反応の4つの観点から、ランディングページやフォームでの活かし方を解説します。
モバイル端末のタッチスクリーン操作において、指の接触面積が広いために意図しない要素を誤タップしてしまう問題。ユーザーの「不器用さ」ではなく、UIの「設計ミス」として捉えるべきモバイルUXの基本原則です。
「顧客が抱える課題（問題空間）」と「それをどう解決するか（解決空間）」を明確に区別する思考法。優れたプロダクトは、解決策のアイデア出しからではなく、問題空間の探求から生まれます。
「そのプロダクトは本当に誰かの役に立つのか？」という問いへの仮説。PMF（Product Market Fit）を目指すすべての出発点であり、これを検証せずにデザインや開発を進めることは、誰も通らない橋を美しく作るようなものです。
「アフォーダンス」と「シグニファイア」は混同されやすい概念です。本記事では、ノーマンが定義した本来の意味に基づき、UXデザインにおける決定的な違いと正しい使い分け（可視化の重要性）を解説します。
努力の正当化とは、苦労して手に入れたものほど価値を高く感じる心理です。なぜそう感じるのかという心の仕組み、IKEA効果やゲーミフィケーションなどの具体例、使いすぎると逆効果になる境界までを解説します。