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

ピーク/終わりの体験設計 (Peak-End Experience)

8分で読める

ユーザーはサービスの「平均」ではなく「最高潮」と「最後」で全体を評価する。購入完了・タスク達成・解約——感情が動く瞬間を意図的に設計するピーク・エンドの法則の実践原則。

UI原則タグ: ピーク/終わりの体験設計 / UIデザイン原則 / 感情設計 / ピーク・エンドの法則

わかる言葉で書く (Plain Language)

8分で読める

専門用語・社内用語・曖昧な表現はユーザーを迷わせる。ユーザーが日常的に使う言葉でUIを書くことで、理解のコストをゼロに近づける設計原則。

UI原則タグ: わかる言葉で書く / UIデザイン原則 / マイクロコピー / 認知負荷 / 可読性

主要導線を先に決める (Primary Path)

8分で読める

すべてのボタンが同じ大きさ・同じ色——ユーザーは「次に何をすべきか」がわからない。主要導線(プライマリパス)を先に定義し、UIの視覚的階層でユーザーを迷わず導く設計原則。

UI原則タグ: 主要導線を先に決める / UIデザイン原則 / 設計思考 / 情報設計

達成感・進捗 (Progress & Reward)

9分で読める

「あと少し」が人を動かす。プログレスバー・バッジ・ストリーク——進捗の可視化と達成の報酬設計がユーザーのモチベーションを維持し、継続率を高める設計原則。

UI原則タグ: 達成感・進捗 / UIデザイン原則 / ゲーミフィケーション / モチベーション設計

近接 (Proximity)

8分で読める

ラベルと入力欄が同じ距離で並んでいると、どれとどれがペアかわからない。線や枠を使わずに「近づける・遠ざける」だけで情報のグループを作る、近接の設計原則。

UI原則タグ: 近接 / UIデザイン原則 / レイアウト / ゲシュタルト要因

記憶に頼らせない (Recognition over Recall)

8分で読める

ユーザーに「覚えておくこと」を要求するUIは失敗する。情報を見せて「思い出させる」のではなく、「認識させる」設計でユーザーの記憶負荷をゼロにする原則。

UI原則タグ: 記憶に頼らせない / UIデザイン原則 / 認知負荷 / メンタルモデル / アフォーダンス

レスポンスと待ち時間設計 (Response Latency)

9分で読める

「遅い」より「わからない」がユーザーを壊す。待ち時間を正直に伝え、体感速度を設計する原則。スケルトン・プログレスバー・楽観的UIの使い分けと実装チェックリスト。

UI原則タグ: レスポンスと待ち時間設計 / UIデザイン原則 / 操作性 / パフォーマンス / ローディング

検索とフィルタ (Search & Filter)

8分で読める

検索は「知っている人」のための機能、フィルタは「探している人」のための機能。この違いを理解し、ユーザーが大量の情報から目的のものを素早く見つけられる設計原則。

UI原則タグ: 検索とフィルタ / UIデザイン原則 / 情報設計 / 操作性

単純化 (Simplicity)

7分で読める

機能を増やすことは簡単だが、削ることは難しい。UIの単純化とは「何を見せないか」を決める設計判断であり、ユーザーの認知負荷を下げ、目的達成を加速させる原則。

UI原則タグ: 単純化 / UIデザイン原則 / 認知負荷 / ヒックの法則 / 情報設計

状態と例外を先に設計する (States & Edge Cases)

8分で読める

デザインは「うまくいったとき」だけ描かれている——ローディング中・エラー時・空状態・長すぎるテキスト。これらを後回しにすると、実装後に必ず壊れる。状態と例外を先に設計する原則。

UI原則タグ: 状態と例外を先に設計する / UIデザイン原則 / 設計思考 / エラー設計

トーン&ボイス (Tone & Voice)

8分で読める

同じ「エラーが発生しました」でも、ブランドによって言葉は変わる。UIのすべてのテキストに一貫した「人格」を持たせ、ユーザーとの信頼関係を言葉で設計する原則。

UI原則タグ: トーン&ボイス / UIデザイン原則 / UXライティング / ブランド

透明性 (Transparency)

8分で読める

「なぜこの情報が必要なの?」という疑問がユーザーの手を止める。データの利用目的・アルゴリズムの根拠・料金の内訳を隠さず開示することで、ユーザーの信頼を設計する原則。

UI原則タグ: 透明性 / UIデザイン原則 / 信頼設計 / プライバシー
前へ
1
22232526
34
次へ