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

記事一覧

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

UIデザイン完全ガイド

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

見る

UX心理(119)

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

見る

UI原則(65)

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

見る

UIコンポーネント(72)

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

見る

用語集(537)

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

見る

UIデザイン完全ガイド

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

見る

UX心理(119)

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

見る

UI原則(65)

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

見る

UIコンポーネント(72)

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

見る

用語集(537)

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

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

UIXHEROの本

あなたがAIにUIを作らせると、何が起きるか

AIが「できました」と言うとき、何が省かれているのか。予備知識ゼロのAIに、実在する業種の業務UIを175枚作らせ続けた記録です。何が組めて、何が組めなかったか。読んだあとは、AIが渡してあったコンポーネントを組み合わせただけなのか、その場でHTMLとCSSを書き起こしたのかを見分けられるようになります。

電子書籍・2026年8月刊。中身はどこで買っても同じで、買った店のアプリかブラウザで読めます。

Zennで買う(¥1,500)(新しいタブで開く)Amazonで買う(¥1,500)(新しいタブで開く)
UIXHERO

UIXHERO

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

ナビゲーション

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

その他

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

プライバシーポリシー

© 2026 UIXHERO. All rights reserved.

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

トグルボタンとは?意味とデザインの要点・スイッチとの違い

19分で読める

トグルボタンとは、押すたびにオンとオフが切り替わり、押した状態が残るボタンです。トグルスイッチ・チェックボックス・通常のボタンとの違い、使う場面と使わない場面、押した状態の見せ方、画面読み上げソフトに状態を伝えるHTML属性(aria-pressed)の指定方法を解説します。

コンポーネントタグ: ui-components / toggle

Undo Redoの意味とは?アンドゥ・リドゥの違いと使い方

10分で読める

Undo Redoとは、操作を元に戻すUndo(アンドゥ)と、取り消した操作をもう一度実行するRedo(リドゥ)の組み合わせです。Cmd+Z・Ctrl+Zなどのショートカット、削除前の確認ダイアログの代わりにUndoを使う場面、UI設計のチェックリストを解説します。

UI原則タグ: やり直し可能性 / UIデザイン原則 / アンドゥ / リドゥ / 操作性

Context Menuとは?contextmenuイベントとUI設計の使い方

17分で読める

Context Menuとは、右クリックや長押しで表示するコンテキスト依存のメニューUIです。contextmenuイベント、Dropdown Menuとの違い、ARIA menu、モバイル対応を解説します。

コンポーネントタグ: ui-components / context-menu

ページネーションとは?デザインの要点と無限スクロールとの違い

12分で読める

ページネーションとは、一覧や検索結果を一定の件数ごとにページに分け、ページ番号や「次へ」で移動できるようにするUIです。デザインで守るルール、1ページの表示件数、下へ送ると続きが読み込まれる無限スクロールや「もっと見る」ボタンとの違い、アクセシビリティ要件を解説します。

コンポーネントタグ: ui-components / pagination

プログレッシブディスクロージャーとは?段階的開示の意味とUI例

11分で読める

プログレッシブディスクロージャー(段階的開示)とは、必要な情報や操作を、必要になった時点で段階的に見せるUI設計の原則です。見出しを押すと中身が開くアコーディオンや、押すと追加の項目が出る「詳細設定」などのUI例、使う場面、隠してはいけない情報、フォームや設定画面での設計ルールを解説します。

UI原則タグ: 段階的開示 / 進行開示 / Progressive Disclosure / UIデザイン原則 / 認知負荷

Progressive Disclosureとは?段階的開示の意味とUX設計

10分で読める

Progressive Disclosure(段階的開示)とは、最初に基本情報だけを見せ、必要なタイミングで詳細を開示するUX設計手法です。認知負荷、情報の匂い、アコーディオンとの違いを解説します。

UX心理タグ: 段階的開示 / Progressive Disclosure / 心理学 / 情報設計 / UIデザイン

スキューモーフィズム(Skeuomorphism)とは?意味・UI例・フラットデザインとの違い

9分で読める

Skeuomorphism(スキューモーフィズム)とは、現実世界の形や質感をUIに取り入れる考え方。意味、具体例、フラットデザインとの違い、現代UIでの使いどころを解説します。

UX心理タグ: リアリズム / メタファー / スキューモーフィックデザイン / スキューモーフィズム / ニューモーフィズム

UXとは?UIとの違い・UXデザインの基本をわかりやすく解説

10分で読める

UXとは、ユーザーが製品やサービスを通じて得る体験全体のことです。本記事では、UIとの違い、UXデザインの考え方、なぜ重要なのかを初心者向けにわかりやすく解説します。

記事タグ: UXデザイン / ユーザー体験 / UI/UX

視覚的階層とデザイン階層の作り方

15分で読める

視覚的階層とは、デザインにおける情報の優先順位をサイズ・コントラスト・余白・配置で示す設計原則です。デザインの階層を作り、ユーザーの視線を主役からCTAへ誘導する方法を解説します。

UI原則タグ: 視覚的階層 / レイアウト / スキャニング / UIデザイン原則 / タイポグラフィ

バナーブラインドネスの意味と対策

8分で読める

バナーブラインドネス/banner blindnessの意味、広告のように見えるUIが無視される理由、重要なお知らせやCTAを見てもらうための配置・表現の対策を解説します。

UX心理タグ: 認知バイアス / 知覚・注意 / UIデザイン / 広告 / 視線誘導

テスラーの法則と複雑性保存の法則

8分で読める

テスラーの法則(Tesler's Law)とは、すべてのシステムには誰かが負担しなければならない「減らせない複雑さ」が存在するという複雑性保存の法則です。UXでユーザー負担を減らす判断軸を解説します。

UX心理タグ: 心理学 / 複雑性 / 複雑性保存の法則 / テスラーの法則 / Tesler's Law

スキャンしやすさ (Scannability)

11分で読める

Scannability(スキャンしやすさ)は、ユーザーがページを読まずに走査しても目的の情報へたどり着けるようにするUI設計原則。見出し、太字、リスト、余白、F字型パターンを使った改善方法を解説。

UI原則タグ: スキャンしやすさ / Scannability / スキャンリーディング / UIデザイン原則 / 認知負荷
前へ
12356
35
次へ