SlideShare a Scribd company logo
Submit Search
Upload
UX Design とは何か?
Report
Hiroshi Obayashi
OVERKAST
Follow
•
92 likes
•
16,530 views
1
of
44
UX Design とは何か?
•
92 likes
•
16,530 views
Download Now
Download to read offline
Report
Design
「第4回 UX 勉強会」、「UX デザインの高速インストール」資料 http://overkast.jp/
Read more
Hiroshi Obayashi
OVERKAST
Follow
Recommended
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
102.9K views
•
40 slides
UIデザインの基本
Roy Kim
156.6K views
•
50 slides
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
12.9K views
•
60 slides
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
65.6K views
•
23 slides
図解で学ぶ「Lean UX」
Katsuhito Okada
116.4K views
•
41 slides
Practical ux4publish
ncdc_jp
6K views
•
192 slides
More Related Content
What's hot
UX Sketch vol.1 事業とUXデザイン
Saori Baba
8K views
•
18 slides
Uxデザイン定義書ワークショップ 20120726 公開版
Mikihiro Fujii
5.7K views
•
39 slides
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
28.8K views
•
27 slides
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
171.3K views
•
167 slides
なぜUXをデザインしているのか
Mikihiro Fujii
86.6K views
•
27 slides
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
10.8K views
•
58 slides
What's hot
(20)
UX Sketch vol.1 事業とUXデザイン
Saori Baba
•
8K views
Uxデザイン定義書ワークショップ 20120726 公開版
Mikihiro Fujii
•
5.7K views
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
•
28.8K views
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
•
171.3K views
なぜUXをデザインしているのか
Mikihiro Fujii
•
86.6K views
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
•
10.8K views
UXの考え方とアプローチ
Masaya Ando
•
105.8K views
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
•
386.4K views
はじめてのUXとUIの話
Kazuki Yamashita
•
66.1K views
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
•
14.9K views
テックヒルズ
tomo tsubota
•
10.8K views
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
Masaya Ando
•
88.7K views
UXはじめの一歩
井上 誠
•
115.4K views
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
•
33.1K views
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
•
91K views
UX / UIデザインって何?
JustSystems Corporation
•
130.1K views
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
•
69.5K views
ShibuyaUX - UX and Analytics
Makoto Shimizu
•
74.7K views
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
•
275.3K views
磨いて光らせる UX入門
yohei sugigami
•
2.2K views
Viewers also liked
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
494K views
•
47 slides
Minimal design(ミニマル・デザイン)の考え方
KYOTA KONNO
13.8K views
•
69 slides
Design Sprint と Lean UX: 顧客からの学び方
Takaaki Umada
12.2K views
•
78 slides
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig24/7
231K views
•
67 slides
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
66.6K views
•
146 slides
Co-Cupola
Hiroshi Obayashi
3.3K views
•
10 slides
Viewers also liked
(20)
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
•
494K views
Minimal design(ミニマル・デザイン)の考え方
KYOTA KONNO
•
13.8K views
Design Sprint と Lean UX: 顧客からの学び方
Takaaki Umada
•
12.2K views
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig24/7
•
231K views
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
•
66.6K views
Co-Cupola
Hiroshi Obayashi
•
3.3K views
Connect
Tsubasa Yumura
•
1.8K views
スマートフォン戦略から始まる新たなコミュニケーションデザイン
Yasuhisa Hasegawa
•
6.4K views
デザイン制作実績
Kinuko Kimura
•
1.5K views
SFC Design theory 2012 6/13
Mitsuru Muramatsu
•
2K views
未来へ繋ぐWeb系デザイン思考
Yasuhisa Hasegawa
•
5.2K views
C# design note sep 2014
信之 岩永
•
12.8K views
2013年 Webデザインのトレンドを振り返る
hiroki-ishikawa
•
17.4K views
イラレでWebデザインしても嫌われないデータ作成術
Yasuhito Yabe
•
38.2K views
【12月8日】本場スタンフォード大学に学ぶ!デザイン思考入門
Takanori Kashino
•
1.2K views
WebSig分科会2014 vol.2「日本のソーシャルネットワーク10年」
WebSig24/7
•
5.3K views
20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
Yusaku Kinoshita
•
3.7K views
Goodpatch Workshop 6 Jun 2014
Naofumi Tsuchiya
•
3.7K views
松岡修造と学ぶ『誰のためのデザイン? 増補・改訂版』
Ryo Yoshitake
•
6.3K views
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
•
57K views
Similar to UX Design とは何か?
UXD教育の実態と課題
Masaya Ando
3.1K views
•
18 slides
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
schoowebcampus
977 views
•
67 slides
#WDF18 エクスペリエンスを繋ぐために
Takashi Sakamoto
3.1K views
•
48 slides
人間の成長とユーザエクスペリエンス
Masaya Ando
2.4K views
•
24 slides
Schoo the user experience of web site
Takashi Sakamoto
3.7K views
•
65 slides
【スマートフォンサイト構築】2013年はモバイルファースト!企業Webサイトの現状と最新トレンド徹底解説!(2013/02/26メンバーズモバイルセミナー)
Members_corp
2.6K views
•
22 slides
Similar to UX Design とは何か?
(20)
UXD教育の実態と課題
Masaya Ando
•
3.1K views
【Schoo web campus】webサイトの「ユーザー体験」を高める 先生:坂本貴史
schoowebcampus
•
977 views
#WDF18 エクスペリエンスを繋ぐために
Takashi Sakamoto
•
3.1K views
人間の成長とユーザエクスペリエンス
Masaya Ando
•
2.4K views
Schoo the user experience of web site
Takashi Sakamoto
•
3.7K views
【スマートフォンサイト構築】2013年はモバイルファースト!企業Webサイトの現状と最新トレンド徹底解説!(2013/02/26メンバーズモバイルセミナー)
Members_corp
•
2.6K views
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
Mikihiro Fujii
•
5.5K views
01_良いユーザー体験のためのデザイン
Emi Takayama
•
76 views
hcdvalue紹介(devsumi2013)
hcdvalue
•
971 views
Schoo講演資料130409
schoowebcampus
•
1.1K views
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
Kohei Kakudo
•
12K views
ユーザインタフェース評価入門
崚日 中井
•
320 views
hcdvalueの紹介
hcdvalue
•
1K views
UX Design Lecture in TUAD 2014
Yoshinori Wakizaka
•
985 views
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
Masaya Ando
•
3.8K views
UXデザインとは 現状の私見
shinya tayama
•
129 views
Devlove2012 itowponde
英明 伊藤
•
2.9K views
UXデザイン×ヒューリスティック評価
Naoyuki Matsumoto
•
1.3K views
デザイン基礎 UXとUI
Saki TANAAMI
•
5.5K views
Schoo講演資料130409
Ryosuke Matsumoto
•
1.4K views
UX Design とは何か?
1.
What is “UX Design”
?
2.
What is “UX Design”
?
7.
・・・
?
8.
UX Design?
ここ10年ぐらいの流れを振り返ってみる
9.
時代背景
2000 2005 2010 ITのモード(潮流) ドットコムバブル Google アジャイル Web 2.0 ソーシャルシフト iPhone クラウド Lean Startup 思考のモード(流行) ロジカル思考 システム思考 プラットフォーム思考 コミュニケーション思考 デザイン思考 未来思考 デザインのモード(価値・権威) ユーザビリティ Human Centered Design サステナビリティ クロスメディア/クロスチャネル サービスデザイン アクセシビリティ User Experience Design プロトタイピング ストーリーテリング Lean UX ISO13407 ISO9241-210 IA/UX UI/UX System Management Design Engagement Design System Webサービス Webサイト /アプリ
10.
左脳的世界観から右脳的世界観へ
悟性 感性 認知 感情 合理 非合理 説得 納得 データ ダイアログ 定量 定性 モノ コト オブジェクト アクティビティ システム思考 デザイン思考 ツリー セミラティス シナリオ ストーリー モーダル モードレス 閉じた体系 開いた体系
11.
IA
UX The Three Circles of Informa1on Architecture / The User Experience Honeycomb by Peter Morville
12.
The Disciplines of
User Experience by Dan Saffer
13.
The Nine Pillars
/ The Elements of User Experience by Jesse James GarreF
14.
The Spectrum of
User Experience by Oliver Reichenstein
15.
The Fundamentals of
Experience Design by Dan Saffer
16.
Tasks to Experiences
by Stephen P. Anderson
17.
Meaningful Experiences by
Nathan Shedroff
18.
User Experience Deliverables
by Peter Morville
19.
The User-‐Centered Design
Of Digital Products by Namahn
20.
全部違う図だったけど、全部間違ってない気がする・・ UX Design?
つぎに「UX」と「デザイン」を分けて考えてみる
21.
UX / Design
22.
ドナルド・ノーマンによる「ユーザーエクスペリエンス」の定義 ユーザーエクスペリエンスとは、企業のサービスやプロダクトとエンドユーザー のインタラクションにおける、あらゆる状況を網羅したものである。(…...) 提供するサービスやプロダクトにおいて、質の高いユーザーエクスペリエンスを 実現するためには、エンジニアリング、マーケティング、グラフィックデザイン、 インダストリアルデザイン、インターフェイスデザインといった、多様な専門分 野のサービスをシームレスに結合することが必要である。
23.
つまり、 UX = 広義な概念
24.
UX / Design
25.
「美しい」デザインとは? またはデザインの先入観について
26.
「美しい」とは・・
2つの美的判断 「好ましさ」 ある限定された個別の趣味によってなされた判断。 人が「美しい」と言うとき、判断の一致を他人に要求している。 「一般に美しい」 ある美的判断に基づいた論理的判断。 悟性による概念なので、言葉によって他人と共有することができる。 純粋な 純粋な 美 快 感性の自己組織化 興奮量の減少 (自閉症患者の症例) 「美しい」とは、 (死、オーガズム直後) 「好ましさ」と「一般に美しい」が入り混じった、 不純なもの
27.
デザインのパラダイム 〈時代〉 工業時代
à ポスト工業時代 〈手法〉 技術中心 à 人間中心 〈価値〉 科学 à コミュニケーション 〈場所〉 オンライン/オフライン à オンライン+オフライン 〈思想〉 機能主義 à ユーザー中心のデザイン文化
28.
かつては、 形態は機能に従う
ルイス・サリヴァン(1856 - 1924) まだ100年前の刷り込みで解釈されている?
29.
Walter Gropius 'Diagram
of the Bauhaus Curriculum', 1923
30.
現在は、 形態はユーザーが与える意味に従う
ジョナサン・アイブ(1967 - )
31.
00年代に表面化した新しいデザインの形態 これは30年前に起きたデザインの転回
32.
ドナルド・ノーマンのアフォーダンス 「支えることをアフォードするもので、それゆえ座ることを可能にする」
対象物がユーザーに対して、 その「アフォーダンス」を認識させ、 使い方を示唆し、行動を誘発させる。
33.
佐々木正人氏によるノーマンの理論の解釈 ユーザーの「メンタルモデル」から対象物の「アフォーダンス」を考える
「リアリティのデザイン」 メンタルモデル アフォーダンス ?
34.
ジェームズ・J. ギブソンのアフォーダンス 「ある対象のアフォーダンスは、観察者の要求が変化しても変化しない。観察者は自分の要求によってある 対象のアフォーダンスを知覚したり、それに注意を向けたりするかもしれないし、しないかもしれないが、
アフォーダンスそのものは、不変であり、知覚されるべきものとして常にそこに存在する。 アフォーダンスは、観察者の要求や知覚するという行為によって対象に付与されるものではない。 これは、新しい意味であり、価値である。」 対象物が使い方を知覚させるのではなく、 ユーザーが自発的に使い方を知覚する。 ユーザーとの関係性を問わず、 「アフォーダンス」は常に存在する。
35.
クラウス・クリッペンドルフによるギブソンの理論の解釈 ユーザーの行為は原因であり、感覚によって「アフォーダンス」をピックアップした結果、
ユーザーの内部に「意味」が発生し、循環が起きる。 ユーザーの理解 意味 喚起する 展開する 予期する 予期する 感覚 行為 結果 インターフェイス 原因 外在的なもの !
36.
つまり、すでに、
. デザイン = UX デザイン .
37.
改めて見てみると・・
39.
要するに・・、
UX デザインとは、 ユーザーと様々なモノ・コトとの関係を より豊かなものにすることを目指し、 ユーザーが体験することを中心に考えながら、 様々な方法論を組み合わせて、 その関係における課題を解決をすること。
40.
Webサイト構築におけるUXデザイン HCDプロセス
ミクロ 定性 感情モデル ストーリー 動線 メンタルモデル 心地よさ UX コンセプト ユーザー 拡散・ 収束・ 問題 調査 戦略 設計 デザイン 開発 の特定 多様性 整合性 ビジネス 解決のアイデア マクロ 定量 認知モデル シナリオ 導線 UI 使いやすさ フレームワーク(例) ユーザー要件 成長戦略 制約要件 ジャーニーマップ ステージ 新規 経済的 商品 拡張 創出 有用性 アクセシビリティ 実現性 行動 思考 ユーザビリティ 既存 技術的 感情 商品 管理 適応 実現性 体験 新規ユーザー 既存ユーザー
41.
また、 UX デザイン =
グランドセオリー
43.
参考図書 クラウス・クリッペンドルフ
後藤武・佐々木正人・深澤直人 『意味論的転回 ― デザインの新しい基礎理論』 『デザインの生態学』 UXデザイン、ユーザーの意味としてのデザイン 「アフォーダンス」など Susan Weinschenk 『認知心理学』 『インターフェイスデザインの心理学』 広義のユーザビリティ本 新し目の認知心理学や行動経済学などを応用した、 UI 設計の説得/納得に使える Tips 集 ティム・ブラウン 濱野智史 『デザイン思考が世界を買える』 『アーキテクチャの生態系』 社会学におけるアーキテクチャ理解、 または国内インターネット総論
44.
What is “UX Design”
?