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