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.

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

スキューモーフィズムとは?フラットデザインとの違いと使い分け

10分で読める

スキューモーフィズムとは、実物の質感や立体感をUIに再現する表現です。フラットデザインとの違いを、見た目・押せそうに見えるか(アフォーダンス)・情報密度の3点で比較し、現代UIが両者の間のどこに立っているかを画面例で示します。

記事タグ: スキューモーフィズム / フラットデザイン / ビジュアルデザイン / アフォーダンス

UIとUXの違いとは?デザイン現場で混同しない正しい理解

9分で読める

UIはユーザーと製品の接点、UXは体験全体。UIはUXの一部であり、UIだけ良くてもUXが良いとは限りません。定義・具体例・実務での使い分けをわかりやすく解説します。

記事タグ: UIデザイン / UXデザイン

ユーザーフローとジャーニーマップの違いとは?設計と分析での正しい使い分け

9分で読める

ユーザーフローは画面遷移の設計図、ジャーニーマップは体験全体の時系列分析です。本記事では、両者の違いと、プロジェクトのどのフェーズでどちらを使うべきかをわかりやすく解説します。

記事タグ: ユーザーフロー / ジャーニーマップ / UXデザイン / 情報設計

ワイヤーフレームとプロトタイプの違いとは?設計フェーズでの正しい使い分け

9分で読める

ワイヤーフレームは構造を決める設計図、プロトタイプは動きを検証するモデルです。本記事では、両者の違いと、設計プロセスのどの段階でどちらを使うべきかをわかりやすく解説します。

記事タグ: ワイヤーフレーム / プロトタイプ / UIデザイン / デザインプロセス

アクセシビリティとユーザビリティの違いとは?両立させる設計の考え方

10分で読める

「アクセシビリティ」と「ユーザビリティ」は混同されやすい概念です。本記事では、WCAGとISO 9241の定義に基づき、両者の決定的な違いと、UIデザインで両立させる方法を解説します。

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

再認と再生の違いとは?UIデザインで「思い出させない」設計をする理由

9分で読める

「再認(Recognition)」と「再生(Recall)」は認知心理学の基本概念です。本記事では、ニールセンのヒューリスティクスに基づき、UIデザインにおける決定的な違いと「記憶に頼らせない」設計原則を解説します。

記事タグ: 再認 / 再生 / 認知負荷 / ヒューリスティクス

UXとユーザビリティの違いとは?混同しやすい2つの概念を正しく使い分ける

8分で読める

「UX」と「ユーザビリティ」は混同されやすい概念です。本記事では、ISOとニールセンの定義に基づき、UXデザインにおける決定的な違いと正しい使い分けを解説します。

記事タグ: ユーザビリティ / UXデザイン / ユーザビリティテスト

UXデザイン完全ガイド|リサーチから実装までを体系化

15分で読める

UXデザインとは何か、なぜ重要か。UXリサーチ・インタビュー技術・UIデザイン・エンジニアリング・アクセシビリティを体系化したUIXHEROの総合入口ガイド。

記事タグ: UXデザイン / UXリサーチ / UIデザイン / アクセシビリティ / エンジニアリング

アクセシビリティとは?Webアクセシビリティの基本・WCAG・UIデザインへの活かし方

11分で読める

アクセシビリティとは障害の有無に関わらず誰もが使える状態のこと。Webアクセシビリティの基本、WCAG、UIデザインへの具体的な活かし方をUIXHEROの3レイヤー構造で解説します。

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

UIとは?インターフェースデザインとUXとの違いをわかりやすく解説

14分で読める

UIとは、ユーザーが見て・触れて・操作する接点のことです。本記事では、インターフェースデザインとは何か、UXとの違い、UIデザインの基本要素を初心者向けにわかりやすく解説します。

記事タグ: UIデザイン / インターフェースデザイン / ユーザーインターフェース / UI/UX

ユーザビリティとは?意味・5つの要素・評価方法とUXとの違い

10分で読める

ユーザビリティ(usability)とは、製品やサービスの使いやすさを表す品質のことです。研究者ヤコブ・ニールセンが示した5つの要素と、UXやアクセシビリティとの違いを説明します。あわせて、実際に使ってもらうテスト、専門家が経験則で点検するヒューリスティック評価、SUS(System Usability Scale)という定型アンケートの3つの評価方法を解説します。

記事タグ: ユーザビリティ / 使いやすさ / UXデザイン / ユーザビリティテスト

UXリサーチとは?手法・進め方・UIデザインへの活かし方を解説

11分で読める

UXリサーチとはユーザーの行動・動機・課題を体系的に調査するプロセス。代表的な手法、進め方、UIデザインへの活かし方をUIXHEROの3レイヤー構造で解説します。

記事タグ: UXリサーチ / ユーザーリサーチ / ユーザー調査 / UXデザイン
前へ
12456
次へ