【ゆーえっくすでざいん】

UXデザイン とは?

💡 「使いやすさ」を設計する
📌 このページのポイント
UXデザインプロセス(ダブルダイヤモンド) 発見 ユーザー調査 定義 課題を絞る 展開 アイデア出し 提供 テスト・改善 インタビュー 観察調査 ペルソナ作成 課題の優先順位 プロトタイプ ワイヤーフレーム ユーザビリティ テスト・A/Bテスト 問題空間 解決空間
UXデザインプロセス(ダブルダイヤモンド)
ひよこ ひよこ

UIデザインUXデザインの違いは?

ペンギン先生 ペンギン先生

UIは画面の「見た目」(ボタンの色、レイアウト、フォント)。UXは「体験全体」(目的を達成できるか、迷わないか、満足できるか)。きれいなUI(見た目)でもナビゲーションが分かりにくければ悪いUX。逆に地味なUIでも直感的に使えれば良いUXUIUXを構成する一要素だよ

ひよこ ひよこ

UXデザインのプロセスは?

ペンギン先生 ペンギン先生

①ユーザーリサーチ(インタビュー、アンケート、行動観察)、②ペルソナ作成(代表的ユーザー像)、③カスタマージャーニーマップ(ユーザーの体験を時系列で可視化)、④ワイヤーフレームプロトタイプ作成、⑤ユーザビリティテスト(実際のユーザーに使ってもらう)。作る前にユーザーを理解することが最も重要だよ

ひよこ ひよこ

エンジニアがUXを意識するべき?

ペンギン先生 ペンギン先生

絶対に。エラーメッセージ1つ取っても「Error 500」と「サーバーに一時的な問題が発生しました。しばらくしてから再度お試しください」ではUXが全然違う。ローディング表示、フォームバリデーションのタイミング、レスポンス速度…エンジニアの判断がUXに直結する場面は多いよ

ひよこ ひよこ

良いUXの指標は?

ペンギン先生 ペンギン先生

①タスク完了率(ユーザーが目的を達成できた割合)、②タスク完了時間、③エラー率、④SUS(System Usability Scale:標準的な使いやすさアンケート)、⑤NPS(Net Promoter Score:推奨度)。定量的に測れる指標を設定して継続的に改善するのがプロのUXデザインだよ

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
UXデザイン」って出てきたら「ユーザー体験全体を設計するプロセス」と思えればだいたいOK!
📖 おまけ:英語の意味
「User Experience Design」 = ユーザー体験設計
💬 Don Normanが1990年代にApple在籍時に「User Experience」という用語を広めたよ
← 用語集にもどる