What is “UX Design” ?

What is “UX Design” ?

・・・ ?

UX Design?

ここ10年ぐらいの流れを振り返ってみる

IA/UX System

Design

Management

UI/UX Design

System

Engagement

Webサイト Webサービス ／アプリ

ユーザビリティ

アクセシビリティ

Human Centered Design

デザイン思考

サービスデザイン

Lean Startup

システム思考

ソーシャルシフト ドットコムバブル

ロジカル思考

Google Web 2.0

コミュニケーション思考 未来思考

クラウド iPhone

2000 2010 2005

User Experience Design

サステナビリティ

プラットフォーム思考

クロスメディア／クロスチャネル

Lean UX

アジャイル

ITのモード（潮流）

思考のモード（流行）

デザインのモード（価値・権威）

ストーリーテリング プロトタイピング

ISO13407 ISO9241-210

時代背景

感性 悟性

非合理 合理

セミラティス ツリー

モードレス モーダル

認知 感情

定性 定量

デザイン思考 システム思考

コト モノ

ストーリー シナリオ

アクティビティ オブジェクト

納得 説得

開いた体系 閉じた体系

ダイアログ データ

左脳的世界観から右脳的世界観へ

The  Three  Circles  of  Informa1on  Architecture  /  The  User  Experience  Honeycomb  by  Peter  Morville

IA UX

The  Disciplines  of  User  Experience  by  Dan  Saffer

The  Nine  Pillars  /  The  Elements  of  User  Experience  by  Jesse  James  GarreF  

The  Spectrum  of  User  Experience  by  Oliver  Reichenstein

The  Fundamentals  of  Experience  Design  by  Dan  Saffer

Tasks  to  Experiences  by  Stephen  P.  Anderson

Meaningful  Experiences  by  Nathan  Shedroff

User  Experience  Deliverables  by  Peter  Morville

The  User-­‐Centered  Design  Of  Digital  Products  by  Namahn

UX Design?

つぎに「UX」と「デザイン」を分けて考えてみる

全部違う図だったけど、全部間違ってない気がする・・

UX / Design

ドナルド・ノーマンによる「ユーザーエクスペリエンス」の定義

ユーザーエクスペリエンスとは、企業のサービスやプロダクトとエンドユーザーのインタラクションにおける、あらゆる状況を網羅したものである。（…...） 提供するサービスやプロダクトにおいて、質の高いユーザーエクスペリエンスを実現するためには、エンジニアリング、マーケティング、グラフィックデザイン、インダストリアルデザイン、インターフェイスデザインといった、多様な専門分野のサービスをシームレスに結合することが必要である。

つまり、

UX ＝ 広義な概念

UX / Design

「美しい」デザインとは？ またはデザインの先入観について

「美しい」とは・・

純粋な

美 感性の自己組織化 （自閉症患者の症例）

純粋な

快 興奮量の減少

（死、オーガズム直後）

２つの美的判断

「好ましさ」 ある限定された個別の趣味によってなされた判断。

人が「美しい」と言うとき、判断の一致を他人に要求している。

「一般に美しい」 ある美的判断に基づいた論理的判断。

悟性による概念なので、言葉によって他人と共有することができる。

「美しい」とは、

「好ましさ」と「一般に美しい」が入り混じった、

不純なもの

〈時代〉 工業時代 à ポスト工業時代 〈手法〉 技術中心 à 人間中心 〈価値〉 科学 à コミュニケーション 〈場所〉 オンライン／オフライン à オンライン＋オフライン 〈思想〉 機能主義 à ユーザー中心のデザイン文化

デザインのパラダイム

かつては、 形態は機能に従う ルイス・サリヴァン（1856 - 1924）

まだ100年前の刷り込みで解釈されている？

Walter  Gropius  'Diagram  of  the  Bauhaus  Curriculum',  1923

現在は、 形態はユーザーが与える意味に従う

ジョナサン・アイブ（1967 - ）

00年代に表面化した新しいデザインの形態 これは30年前に起きたデザインの転回

ドナルド・ノーマンのアフォーダンス

「支えることをアフォードするもので、それゆえ座ることを可能にする」

対象物がユーザーに対して、

その「アフォーダンス」を認識させ、

使い方を示唆し、行動を誘発させる。

佐々木正人氏によるノーマンの理論の解釈

ユーザーの「メンタルモデル」から対象物の「アフォーダンス」を考える 「リアリティのデザイン」

メンタルモデル

アフォーダンス

?

「ある対象のアフォーダンスは、観察者の要求が変化しても変化しない。観察者は自分の要求によってある対象のアフォーダンスを知覚したり、それに注意を向けたりするかもしれないし、しないかもしれないが、

アフォーダンスそのものは、不変であり、知覚されるべきものとして常にそこに存在する。 アフォーダンスは、観察者の要求や知覚するという行為によって対象に付与されるものではない。

これは、新しい意味であり、価値である。」

ジェームズ・J. ギブソンのアフォーダンス

対象物が使い方を知覚させるのではなく、

ユーザーが自発的に使い方を知覚する。 ユーザーとの関係性を問わず、

「アフォーダンス」は常に存在する。

クラウス・クリッペンドルフによるギブソンの理論の解釈

ユーザーの行為は原因であり、感覚によって「アフォーダンス」をピックアップした結果、ユーザーの内部に「意味」が発生し、循環が起きる。

意味

行為 感覚

喚起する 展開する

予期する

インターフェイス

ユーザーの理解

原因 結果

外在的なもの

予期する

!

つまり、すでに、

デザイン ＝ UX デザイン . .

改めて見てみると・・

要するに・・、

UX デザインとは、

ユーザーと様々なモノ・コトとの関係を より豊かなものにすることを目指し、

ユーザーが体験することを中心に考えながら、 様々な方法論を組み合わせて、

その関係における課題を解決をすること。

導線

動線

シナリオ

ストーリー

アクセシビリティ

ユーザビリティ

問題 戦略 設計 デザイン 開発 ユーザー の特定 調査

有用性

技術的 実現性

経済的 実現性

Webサイト構築におけるUXデザイン

定量

定性

ユーザー要件

拡散・ 多様性

収束・ 整合性

コンセプト

解決のアイデア

UI

メンタルモデル

マクロ

ミクロ

認知モデル

感情モデル

フレームワーク（例）

HCDプロセス

制約要件

新規 商品

既存 商品

成長戦略

既存ユーザー 新規ユーザー

拡張 創出

管理 適応

ステージ

行動

ジャーニーマップ

体験

思考 感情

使いやすさ

心地よさ

UX

ビジネス

また、

UX デザイン ＝ グランドセオリー

濱野智史 『アーキテクチャの生態系』

後藤武・佐々木正人・深澤直人 『デザインの生態学』

『認知心理学』 Susan Weinschenk 『インターフェイスデザインの心理学』

ティム・ブラウン 『デザイン思考が世界を買える』

クラウス・クリッペンドルフ 『意味論的転回 ― デザインの新しい基礎理論』

参考図書

社会学におけるアーキテクチャ理解、 または国内インターネット総論

「アフォーダンス」など

広義のユーザビリティ本 新し目の認知心理学や行動経済学などを応用した、UI 設計の説得／納得に使える Tips 集

UXデザイン、ユーザーの意味としてのデザイン

What is “UX Design” ?