ページを読み込み中...
しばらくお待ちください
しばらくお待ちください
UIデザインの設計プロセスを6ステップで体系化。「なぜそのUIか」を説明できるようになるUX心理→UI原則→UIコンポーネントの思考順序と実践フレームワーク。
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デザイン＝画面を綺麗にすること」と思われている——この誤解がプロダクトを壊す。ユーザーとシステムの間にある「対話」を設計し、目的達成を邪魔しない道具を作るUIデザインの根本原則。
ユーザーは必ずミスをするという前提に立ち、エラー未然に防いだり、起きたエラーからの回復を容易にしたりする設計思想。
人間は「言語（テキスト）」と「非言語（画像）」の2つの経路で情報を処理しており、両方を同時に提示すると学習効果と記憶定着率が劇的に向上するという理論。
「美しいものは使いやすい」とユーザーが知覚する効果。見た目が魅力的だと、ユーザーは少々の使いにくさやエラーに対して寛容になり、全体的な満足度が高まる。
対象物が持つ「操作の可能性」を示唆する性質。ボタンが「押せる」ように見える、ドアノブが「回せる」ように見えるなど、ユーザーが直感的に使い方を理解するための核心的概念。
ユーザーの操作に対するシステムからの反応。ボタンを押した感触、送信完了の通知、エラー表示など、対話の成立を確認し安心感を与えるための必須要素。
人間は視覚情報を見た時、それを「意味のある対象（図）」と「背景（地）」に瞬時に分離して認識する。ゲシュタルト心理学の基本原理。