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件の記事が見つかりました

スキューモーフィズム(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デザイン原則 / 認知負荷

アクセシビリティとインクルーシブデザインの違いとは?目標と手段の正しい関係

9分で読める

「アクセシビリティ」と「インクルーシブデザイン」は混同されやすい概念です。本記事では、両者の決定的な違いと、デザインプロセスでの正しい関係性を解説します。

記事タグ: アクセシビリティ / インクルーシブデザイン / ユニバーサルデザイン / WCAG

一貫性と標準の違いとは?UIデザインにおける2つの「揃える」を区別する

8分で読める

「一貫性」と「標準」は混同されやすい概念です。本記事では、ニールセンのヒューリスティクスにおける決定的な違いと、デザイン判断での正しい使い分けを解説します。

記事タグ: 一貫性 / 標準 / ヒューリスティクス / デザイン原則

フィードバックとフィードフォワードの違いとは?UIにおける「事後」と「事前」の設計

9分で読める

「フィードバック」と「フィードフォワード」は混同されやすい概念です。本記事では、UIデザインにおける決定的な違いと、ユーザーの行動を支援する正しい設計方法を解説します。

記事タグ: フィードバック / フィードフォワード / インタラクションデザイン / UI原則

ヒューリスティクスとガイドラインの違いとは?UI評価における正しい使い分け

9分で読める

「ヒューリスティクス」と「ガイドライン」は混同されやすい概念です。本記事では、UI評価・設計における決定的な違いと、実務での正しい使い分けを解説します。

記事タグ: ヒューリスティクス / ガイドライン / UI評価 / デザインレビュー

情報アーキテクチャとナビゲーションの違いとは?設計と実装の正しい関係

9分で読める

「情報アーキテクチャ(IA)」と「ナビゲーション」は混同されやすい概念です。本記事では、UIデザインにおける決定的な違いと、構造設計から画面実装への正しい流れを解説します。

記事タグ: 情報アーキテクチャ / ナビゲーション / IA(情報アーキテクチャ) / 情報設計

メンタルモデルと概念モデルの違いとは?UIデザインにおける「ズレ」の正体

9分で読める

「メンタルモデル」と「概念モデル」は混同されやすい概念です。本記事では、ドン・ノーマンの定義に基づき、UIデザインにおける決定的な違いと、両者の「ズレ」が引き起こす問題を解説します。

記事タグ: メンタルモデル / 概念モデル / ドン・ノーマン / 認知心理学
前へ
12356
34
次へ