UX周辺整理

high-g

UX周辺の言葉

UI
UX
UXデザイン
人間中心設計
デザイン思考
ユーザビリティ

high-g

UI

ユーザーとその対象の接点
ユーザーが認知し、使用する部分すべて

UX

ユーザーの体験
解釈は多岐
主観的、時間的、状況的なユーザ体験のこと

主観的側面

ユーザーがその製品やサービスを体験することで、どんな感情をいだき、評価するかを考える
ユーザーごとに感情や評価は異なると理解すること

時間的側面

製品やサービスを利用前、利用中、利用後、一連の体験期間全てにおいて抱く感情や評価を考慮
商品購入する前だけでなく、購入後の体験含め、商品に関わる全ての時間を設計する

状況的側面

ユーザーが製品やサービスを体験する環境や状況をすべて考慮する
利用するのは屋外か、屋内か、デバイスはなにか

high-g

UX5階層モデル

UIに関わる

表層
- ビジュアルデザイン
骨格
- インフォメーションデザイン
- インターフェースデザイン
- ナビゲーションデザイン
構造
- インタラクションデザイン
- インフォメーションアーキテクチャ

UXに関わる

要件
- 機能仕様
- コンテンツ要求
戦略
- ユーザーのニーズ
- サービスのゴール・目的

上にいくと具体的で、下に行くと抽象
関わる人は、デザイナーだけでなく、プロダクトマネージャー、エンジニア色々な人がジョイン

high-g

UXデザイン

ユーザーに優れた体験を提供することを目的とした手法
ユーザーに良い体験をしてもらうことがUXデザインの使命

UXデザイナーはUIをデザインすることが無かったりする
あくまで体験をデザインすることをUXデザインという

人間中心設計

HCD（Human Centerd Design）

UXデザインとほぼ同義の概念
人間を中心としたものづくりにおける設計プロセス

人間中心設計のプロセス

利用状況の把握と明示
ユーザー要求事項の明確化
設計・デザインによる解決策の作成
設計・デザインの評価

ユーザー要件を満たした設計

high-g

デザイン思考

ノンデザイナーでも企業戦略などでも活用できる「デザイナー的思考」
UX≒人間中心設計　を考える時に使うデザイン思考

デザイン思考の代表的な思想、価値観、手法

ユーザー視点で考える
プロセス（観察/アイデア創出/プロトタイプ/検証）を反復する
問題の本質を探る
1つの問題に関して、複数の問題を探る
自由な発送からスタートする
素早く視覚化する
シンプルにする
チーム間のコミュニケーションを重視する

high-g

ユーザビリティ

ある製品やサービスを体験する時の「有効さ/効率/満足度」
ユーザーがUIに対して感じる所　→　有効さ/効率
ユーザーがUXに対して感じる所　→　満足度

有効さ

目的を達成できたかどうか
例：6人中4人がECサイトで商品を購入できた　など

効率

目的を達成する為に費やした資源
例：ECサイトで商品を購入するまでに5分費やした　など

満足度

私用の際の不快感のなさ、肯定的な態度
例：このサービスを使いたいと思った人は7割いた　など

high-g

大事なのは、これらのキーワードを使って会話をすることで本当のUXを理解を深めること

high-g

ポイント1

ヤコブの法則
ヒックの法則
美的ユーザビリティ効果
ドハティのしきい値

ヤコブの法則

ユーザビリティの専門家ヤコブ・ニールセンによって提唱された法則

ユーザーは他のウェブサイトの経験の積み重ねを通じて、デザインはこうあるべきという期待を築き上げる
ユーザーの期待にそったデザインにすることで、ユーザーは今までの経験を活かせるし、
慣れのお陰でユーザーは欲しい情報を見つけ出す

逆に慣例となっていないデザインはユーザーを混乱させ、離脱に繋がってしまう
このような行動の背景には「メンタルモデル」と呼ばれる心理学の概念がある

メンタルモデル　→　システムのふるまいを私達がどう理解しているか

オンライン、オフラインのモノ対して、何をどうしたら、どういった作用が発生するかをそれぞれが頭の中に構築している
他の類似した状況で理解の助けとしている
デザインがユーザのメンタルモデルとあっていない場合、「メンタルモデル不協和」と呼ばれる自体が発生する
メンタルモデル不協和が発生すると、ユーザーの不満や離脱に繋がってしまう