UIXHERO
  • 記事
  • UXリファレンス
  • リソース
  • 学習ルート
  • About
お問い合わせ
  1. ホーム
  2. 記事

記事一覧

UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。

UIデザイン完全ガイド

UX心理・UI原則・コンポーネントの3レイヤーを一本化した総合ガイド

見る

UX心理(119)

UIデザインの「なぜ」を説明する心理・認知の法則

見る

UI原則(65)

心理法則をUI設計のルールに翻訳した原則

見る

UIコンポーネント(69)

ボタン・フォーム・モーダルなど実装可能なUI部品

見る

用語集(536)

UX/UIデザインの重要キーワードを網羅した辞書

見る

UIデザイン完全ガイド

UX心理・UI原則・コンポーネントの3レイヤーを一本化した総合ガイド

見る

UX心理(119)

UIデザインの「なぜ」を説明する心理・認知の法則

見る

UI原則(65)

心理法則をUI設計のルールに翻訳した原則

見る

UIコンポーネント(69)

ボタン・フォーム・モーダルなど実装可能なUI部品

見る

用語集(536)

UX/UIデザインの重要キーワードを網羅した辞書

見る
すべて(408)UX心理(119)UI原則(65)コンポーネント(69)アクセシビリティ(11)エンジニアリング(15)インタビュー(22)リサーチ(29)記事(67)依頼先の選び方(4)UI検品の6観点(6)UI裁判(1)
UIXHERO

UIXHERO

UXデザインの法則や心理学効果を、実例を交えて解説するリファレンスサイト

ナビゲーション

  • ホーム
  • 記事
  • UXリファレンス
  • About
  • お問い合わせ

その他

  • カテゴリー
  • タグ
  • 検索
  • アーカイブ
  • GUNJO(デザインシステム)

プライバシーポリシー

© 2026 UIXHERO. All rights reserved.

408件の記事が見つかりました

課金・個人情報の安心設計 (Trust & Safety)

8分で読める

クレジットカード情報を入力する直前——ユーザーの不安が最高潮に達するその瞬間に、UIが信頼を設計できているか。課金・個人情報まわりの安心感を作る設計原則。

UI原則タグ: 課金・個人情報の安心設計 / UIデザイン原則 / 信頼設計 / セキュリティ

タイポグラフィ設計 (Typography)

7分で読める

フォントを選んで並べるだけではタイポグラフィ設計ではない。サイズ・太さ・行間・コントラストで情報に強弱をつけ、ユーザーが「読まずに理解できる」テキスト体験を設計する原則。

UI原則タグ: タイポグラフィ / UIデザイン原則 / 視覚的階層 / 可読性

ユーザーコントロール (User Control)

9分で読める

ユーザーが「自分でコントロールできている」と感じられないUIは、不安と不信を生む。操作の自由度・取り消し可能性・中断・再開を設計し、ユーザーに主導権を渡す原則。

UI原則タグ: ユーザーコントロール / UIデザイン原則 / 操作性 / アンドゥ / 自由度

状態の可視化 (Visibility of System Status)

10分で読める

ユーザーが「今何が起きているか」を把握できないUIは、不安と誤操作を生む。システムの現在状態を適切なタイミングで伝え、ユーザーに安心して操作させる設計原則。

UI原則タグ: 状態の可視化 / UIデザイン原則 / フィードバック / 操作性 / ユーザビリティ

反復・一貫性 (Visual Consistency)

8分で読める

画面ごとにボタンの色や位置が違うUIは、ユーザーに毎回「これは何のボタンか」を学習させる。同じ機能には同じ見た目を繰り返し適用し、ユーザーの予測を裏切らない一貫性の設計原則。

UI原則タグ: 反復・一貫性 / UIデザイン原則 / デザインシステム / 予測可能性

余白 (Whitespace)

8分で読める

「スペースがもったいない」と要素を詰め込むと、すべての情報が同じ重要度に見えて何も伝わらない。余白を「空き」ではなく「見えないブロック」として意図的に設計する原則。

UI原則タグ: 余白 / UIデザイン原則 / 認知負荷 / レイアウト

アフォーダンスとシグニファイアの違いとは?UXデザインにおける正しい使い分け

7分で読める

「アフォーダンス」と「シグニファイア」は混同されやすい概念です。本記事では、ノーマンが定義した本来の意味に基づき、UXデザインにおける決定的な違いと正しい使い分け(可視化の重要性)を解説します。

記事タグ: アフォーダンス / シグニファイア / 認知心理学 / デザイン原則

努力の正当化とは?意味と心理的な仕組み・IKEA効果との関係

11分で読める

努力の正当化とは、苦労して手に入れたものほど価値を高く感じる心理です。なぜそう感じるのかという心の仕組み、IKEA効果やゲーミフィケーションなどの具体例、使いすぎると逆効果になる境界までを解説します。

記事タグ: 心理学 / 行動経済学 / 認知バイアス / IKEA効果 / サンクコスト

Confirm Shamingとは?UXでやってはいけない理由と具体的な対策

9分で読める

Confirm Shamingとは、拒否の選択肢に罪悪感や羞恥心を抱かせる文言を用い、ユーザーを特定の行動へ誘導するダークパターンの一種である。

UX心理タグ: ダークパターン / UX倫理 / 行動経済学 / マイクロコピー

ユーザーの「目」は騙せない:アテンション・エコノミーと視覚的階層

4分で読める

一生懸命作ったバナーがクリックされないのはなぜ?それはユーザーの脳が「広告っぽいもの」を自動的に無視するように進化しているからです。バナー・ブラインドネスと強調のインフレ、ユーザーの注意資源(アテンション)を巡る攻防戦を解説します。

UX心理タグ: バナーブラインドネス / 視覚的階層 / アテンション・エコノミー

選択のパラドックスと満足の関係:なぜ「1択」が最強なのか?

5分で読める

「選択肢は多い方がいい」と思っていませんか?ジャムの実験が示す「選択のパラドックス」と決断麻痺のメカニズム、そしてユーザーを後悔させないための「選択肢の絞り込み」テクニックについて解説します。

UX心理タグ: 選択の心理学 / マキシマイザー / 意思決定

防衛的デザインとエラー回避:ユーザーはあなたの説明を読まない

6分で読める

「使い方が分からない」と言われた時、あなたは説明文を追加していませんか?防衛的デザイン(Defensive Design)は、ユーザーのミスを先回りして防ぐためのアプローチです。テキストによる説明ではなく、UIの制約によってエラーそのものを不可能にする手法を学びます。

UX心理タグ: 防衛的デザイン / エラー回避 / 制約
前へ
1
23242627
34
次へ