生成AIにUIを作らせると、動く画面はかなりの確率で出てきます。では出していいかどうかは何で判断するのか。文脈ゼロのAIにデザインシステムだけで175画面を組ませた記録から、満点の回と最低点の回で何が違ったのかを、実際の画面を並べて確かめます。
記事一覧
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
生成AIにUIを作らせると、動く画面はかなりの確率で出てきます。では出していいかどうかは何で判断するのか。文脈ゼロのAIにデザインシステムだけで175画面を組ませた記録から、満点の回と最低点の回で何が違ったのかを、実際の画面を並べて確かめます。
UXとは、ユーザーが製品やサービスを通じて得る体験全体のことです。本記事では、UIとの違い、UXデザインの考え方、なぜ重要なのかを初心者向けにわかりやすく解説します。
「アクセシビリティ」と「インクルーシブデザイン」は混同されやすい概念です。本記事では、両者の決定的な違いと、デザインプロセスでの正しい関係性を解説します。
「一貫性」と「標準」は混同されやすい概念です。本記事では、ニールセンのヒューリスティクスにおける決定的な違いと、デザイン判断での正しい使い分けを解説します。
フィードフォワードとは、操作する前に「押すと何が起きるか」を伝える設計で、フィードバックとは、操作した後に結果を伝える設計です。ファイル削除・フォーム入力・ボタン操作・購入前の合計金額の表示という4つの場面で違いを比べ、ボタンの文言や、マウスを乗せると出る補足表示(ツールチップ)など、操作の前に結果を伝える方法を解説します。
「ヒューリスティクス」と「ガイドライン」は混同されやすい概念です。本記事では、UI評価・設計における決定的な違いと、実務での正しい使い分けを解説します。
「情報アーキテクチャ(IA)」と「ナビゲーション」は混同されやすい概念です。本記事では、UIデザインにおける決定的な違いと、構造設計から画面実装への正しい流れを解説します。
メンタルモデルとは、ユーザーが頭の中に持つ「こう動くはず」という理解で、概念モデルとは、設計者が画面を通して伝える「このシステムはこう動く」という仕組みの説明です。認知科学者ドン・ノーマンの定義をもとに違いを整理し、ファイル管理・通販サイトのカート・戻るボタンの例で、2つがずれたときに起きる問題を解説します。
「ナッジ」と「スラッジ」は行動経済学から生まれた対照的な概念です。本記事では、UIデザインにおける決定的な違いと、ユーザーのための設計とユーザーを利用する設計の境界線を解説します。
ペルソナとセグメントの違いをUXデザインとマーケティングの両面から解説。セグメントは「誰に届けるか」を決める集団分類、ペルソナは「どう設計するか」を導く人物像。図解とケース比較で正しい使い分けがわかります。
「定量調査」と「定性調査」は混同されやすい概念です。本記事では、UXリサーチにおける決定的な違いと、目的に応じた正しい使い分けを解説します。
ユーザーリサーチとユーザビリティテストの違いを図解で解説。リサーチは「何を作るべきか」を発見し、テストは「ちゃんと使えるか」を検証する。EC・社内ツール・新規プロダクトのケース比較で正しい使い分けがわかります。