SlideShare a Scribd company logo
1 of 37
Download to read offline
User
Experience
      User
   Experience

  Design
ウィキペディアによると


http://blogs.toonboom.com/professional/wp-content/uploads/2008/05/wikipedia-logo.png
ユーザーがある製品やシス
テムを使ったときに得られ
る経験や満足など全体を指
す用語である。
@IT情報マネジメント
    によると
製品やサービスの使用・消
費・所有などを通じて、人
間が認知する(有意義な)
体験のこと。
元々は「ユーザーへ優れた
経験を与えるためのデザイ
ン」
全体的視点で捉えれば、
UXに取り組むことは、
現場の局所最適だけの
話ではない。
User
Experience
Design
の構造と関連
User Experience Design


     Information
     Architecture


                             Interaction               Industrial
Communication                  Design                   Design
   Design


      UserInterface
       Engineering                              Human Facts


                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
User Experience Design

     Information
     Architecture


                      Interaction               Industrial
Communication           Design                   Design
   Design


      UserInterface
       Engineering                       Human Facts


                                Usability
                               Engineering

                         Human-Computer
                            Interface
User Experience Design


    Information
    Architecture
                            Interaction               Industrial
Communication                 Design                   Design
   Design


      UserInterface
       Engineering                             Human Facts


                                      Usability
                                     Engineering

                                 Human-Computer
                                    Interface
User Experience Design


  Information
  Architecture


                          Interaction               Industrial
Communication               Design                   Design
   Design
   UserInterface
    Engineering                              Human Facts


                                    Usability
                                   Engineering

                               Human-Computer
                                  Interface
User Experience Design


     Information
     Architecture


                             Interaction               Industrial
Communication                  Design                   Design
   Design


  UserInterface
   Engineering                                  Human Facts


                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
User Experience Design


     Information
     Architecture


                           Interaction                 Industrial
Communication
   Design                    Design                     Design



      UserInterface
       Engineering                              Human Facts


                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
User Experience Design


     Information
     Architecture


                             Interaction              Industrial
Communication                  Design                  Design
   Design


      UserInterface
       Engineering                             Human Facts

                                       Usability
                                      Engineering
                                  Human-Computer
                                     Interface
User Experience Design


     Information
     Architecture


                             Interaction               Industrial
Communication                  Design                   Design
   Design


      UserInterface
       Engineering                              Human Facts


                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
User Experience Design


     Information
     Architecture


                             Interaction            Industrial
Communication                  Design                Design
   Design


      UserInterface
       Engineering                             Human Facts
                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
User Experience Design


     Information
     Architecture


                             Interaction            Industrial
Communication                  Design
   Design                                            Design

      UserInterface
       Engineering                              Human Facts


                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
User Experience Design


     Information
     Architecture


                             Interaction               Industrial
Communication                  Design                   Design
   Design


      UserInterface
       Engineering                              Human Facts


                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
User Experience Design


     Information


関連する項目が多く、
     Architecture


                             Interaction               Industrial


いきなり全てを改善
Communication                  Design                   Design
   Design




するのは非常に困難。
      UserInterface
       Engineering                              Human Facts


                                       Usability
                                      Engineering

                                  Human-Computer
                                     Interface
Webを介することで
得られる「良い感情」
がUXではなかろうか。
(※オンオフ問わず人が関わる)
(例)
「ぴこさみ」
具体的
Surface:表層

Skeleton:骨格

Structure:構造

 Scope:要件

Strategy:戦略    抽象的
Written Language
  Graphic Design
      Sound
      Motion
Information Design
 Interaface Design
 Interaction Design
   Programming
ユーザビリティルール
第一のルール:アクセス
第二のルール:有効性
第三のルール:進歩
第四のルール:支援
第五のルール:文脈
ユーザインタフェース
設計の原則
・構造の原則
・単純化の原則
・可視性の原則
・フィードバックの原則
・寛容の原則
・再利用の原則
これまでの傾向
人は安くて簡単なもの
   に流れていく
例: スーツ
着る人にあわせて
誂えてもらうから
既製品を買うのが
当たり前となった。

More Related Content

Similar to [DevLOVE]UX語ろうず

UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザインUX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザインTakashi Sakamoto
 
UXD教育の実態と課題
UXD教育の実態と課題UXD教育の実態と課題
UXD教育の実態と課題Masaya Ando
 
hcdvalue紹介(devsumi2013)
hcdvalue紹介(devsumi2013)hcdvalue紹介(devsumi2013)
hcdvalue紹介(devsumi2013)hcdvalue
 
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐためにTakashi Sakamoto
 
IA Workshop, Introduction to Information Architecture (2002)
IA Workshop, Introduction to Information Architecture (2002)IA Workshop, Introduction to Information Architecture (2002)
IA Workshop, Introduction to Information Architecture (2002)Nobuya Sato
 
hcdvalueの紹介
hcdvalueの紹介hcdvalueの紹介
hcdvalueの紹介hcdvalue
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてlychee .
 
Design for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャDesign for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャSatoru MURAKOSHI
 
UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」
UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」
UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」Shigeyuki Kameda
 
20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツ
20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツ20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツ
20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツDaiyu Hatakeyama
 
WebにおけるUI設計 実践編
WebにおけるUI設計 実践編WebにおけるUI設計 実践編
WebにおけるUI設計 実践編shinya tayama
 
Infinity Ventures Summit 2013 Spring
Infinity Ventures Summit 2013 SpringInfinity Ventures Summit 2013 Spring
Infinity Ventures Summit 2013 SpringShigeru Kobayashi
 
エンジニアリングテックとは何なのか.pdf
エンジニアリングテックとは何なのか.pdfエンジニアリングテックとは何なのか.pdf
エンジニアリングテックとは何なのか.pdfYoshiki Tanaka
 
〜100万人から教わったウェブサービスの極意〜
〜100万人から教わったウェブサービスの極意〜〜100万人から教わったウェブサービスの極意〜
〜100万人から教わったウェブサービスの極意〜真一 藤川
 
ユーザインタフェース評価入門
ユーザインタフェース評価入門ユーザインタフェース評価入門
ユーザインタフェース評価入門崚日 中井
 

Similar to [DevLOVE]UX語ろうず (20)

UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザインUX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
 
UXD教育の実態と課題
UXD教育の実態と課題UXD教育の実態と課題
UXD教育の実態と課題
 
hcdvalue紹介(devsumi2013)
hcdvalue紹介(devsumi2013)hcdvalue紹介(devsumi2013)
hcdvalue紹介(devsumi2013)
 
UX Design とは何か?
UX Design とは何か?UX Design とは何か?
UX Design とは何か?
 
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために
 
IA Workshop, Introduction to Information Architecture (2002)
IA Workshop, Introduction to Information Architecture (2002)IA Workshop, Introduction to Information Architecture (2002)
IA Workshop, Introduction to Information Architecture (2002)
 
hcdvalueの紹介
hcdvalueの紹介hcdvalueの紹介
hcdvalueの紹介
 
20130620slide_anysense
20130620slide_anysense20130620slide_anysense
20130620slide_anysense
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
 
Design Confidence | Designship 2018
Design Confidence | Designship 2018Design Confidence | Designship 2018
Design Confidence | Designship 2018
 
Design for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャDesign for Understanding:理解のデザインとしての情報アーキテクチャ
Design for Understanding:理解のデザインとしての情報アーキテクチャ
 
UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」
UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」
UXしくじり先生から学ぼう「AI&RPA開発に必要なUXデザインとは?」
 
20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツ
20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツ20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツ
20190924 沖縄ISCO AI セミナー: AIを自分の糧とするためのコツ
 
WebにおけるUI設計 実践編
WebにおけるUI設計 実践編WebにおけるUI設計 実践編
WebにおけるUI設計 実践編
 
Infinity Ventures Summit 2013 Spring
Infinity Ventures Summit 2013 SpringInfinity Ventures Summit 2013 Spring
Infinity Ventures Summit 2013 Spring
 
エンジニアリングテックとは何なのか.pdf
エンジニアリングテックとは何なのか.pdfエンジニアリングテックとは何なのか.pdf
エンジニアリングテックとは何なのか.pdf
 
User Centered Agile
User Centered AgileUser Centered Agile
User Centered Agile
 
20140515 digital media publishing user interface design
20140515  digital media publishing user interface design20140515  digital media publishing user interface design
20140515 digital media publishing user interface design
 
〜100万人から教わったウェブサービスの極意〜
〜100万人から教わったウェブサービスの極意〜〜100万人から教わったウェブサービスの極意〜
〜100万人から教わったウェブサービスの極意〜
 
ユーザインタフェース評価入門
ユーザインタフェース評価入門ユーザインタフェース評価入門
ユーザインタフェース評価入門
 

More from masashi takehara

中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用
中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用
中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用masashi takehara
 
ビジネスモデルキャンバスのチートシート #bmgworks
ビジネスモデルキャンバスのチートシート #bmgworksビジネスモデルキャンバスのチートシート #bmgworks
ビジネスモデルキャンバスのチートシート #bmgworksmasashi takehara
 
黒曜石イベント「プレゼン講座 メタルの魂編」
黒曜石イベント「プレゼン講座 メタルの魂編」黒曜石イベント「プレゼン講座 メタルの魂編」
黒曜石イベント「プレゼン講座 メタルの魂編」masashi takehara
 
レッツゴーデベロッパー2013「変真」告知スライド
レッツゴーデベロッパー2013「変真」告知スライドレッツゴーデベロッパー2013「変真」告知スライド
レッツゴーデベロッパー2013「変真」告知スライドmasashi takehara
 
ビジネスモデルキャンバスおさらい #bmgworks
ビジネスモデルキャンバスおさらい #bmgworksビジネスモデルキャンバスおさらい #bmgworks
ビジネスモデルキャンバスおさらい #bmgworksmasashi takehara
 
Project Management Fundamentals
Project Management FundamentalsProject Management Fundamentals
Project Management Fundamentalsmasashi takehara
 
BMG Works ピクト図解×キャンバスワークショップの前座」
BMG Works ピクト図解×キャンバスワークショップの前座」BMG Works ピクト図解×キャンバスワークショップの前座」
BMG Works ピクト図解×キャンバスワークショップの前座」masashi takehara
 
DevSumi2013_アンカンファレンス
DevSumi2013_アンカンファレンスDevSumi2013_アンカンファレンス
DevSumi2013_アンカンファレンスmasashi takehara
 
"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)
"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)
"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)masashi takehara
 
DevLove2012「勝手にワークシフト」(公開用)
DevLove2012「勝手にワークシフト」(公開用) DevLove2012「勝手にワークシフト」(公開用)
DevLove2012「勝手にワークシフト」(公開用) masashi takehara
 
DevLove2012「勝手にワークシフト」(宣伝用)
DevLove2012「勝手にワークシフト」(宣伝用)DevLove2012「勝手にワークシフト」(宣伝用)
DevLove2012「勝手にワークシフト」(宣伝用)masashi takehara
 
ヒーローキャンバス(公開用テンプレート)
ヒーローキャンバス(公開用テンプレート)ヒーローキャンバス(公開用テンプレート)
ヒーローキャンバス(公開用テンプレート)masashi takehara
 
「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用
「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用
「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用masashi takehara
 
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶColdfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶmasashi takehara
 
[XP祭2012] GuerrillaLT_public
[XP祭2012] GuerrillaLT_public[XP祭2012] GuerrillaLT_public
[XP祭2012] GuerrillaLT_publicmasashi takehara
 
20120915 xpjug 白熱教室トーク2_public
20120915 xpjug 白熱教室トーク2_public20120915 xpjug 白熱教室トーク2_public
20120915 xpjug 白熱教室トーク2_publicmasashi takehara
 

More from masashi takehara (20)

中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用
中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用
中小企業のマーケティングに採用とアジャイルのプラクティスを取り入れた話_devio用
 
ビジネスモデルキャンバスのチートシート #bmgworks
ビジネスモデルキャンバスのチートシート #bmgworksビジネスモデルキャンバスのチートシート #bmgworks
ビジネスモデルキャンバスのチートシート #bmgworks
 
黒曜石イベント「プレゼン講座 メタルの魂編」
黒曜石イベント「プレゼン講座 メタルの魂編」黒曜石イベント「プレゼン講座 メタルの魂編」
黒曜石イベント「プレゼン講座 メタルの魂編」
 
レッツゴーデベロッパー2013「変真」告知スライド
レッツゴーデベロッパー2013「変真」告知スライドレッツゴーデベロッパー2013「変真」告知スライド
レッツゴーデベロッパー2013「変真」告知スライド
 
ビジネスモデルキャンバスおさらい #bmgworks
ビジネスモデルキャンバスおさらい #bmgworksビジネスモデルキャンバスおさらい #bmgworks
ビジネスモデルキャンバスおさらい #bmgworks
 
Project Management Fundamentals
Project Management FundamentalsProject Management Fundamentals
Project Management Fundamentals
 
BMG Works ピクト図解×キャンバスワークショップの前座」
BMG Works ピクト図解×キャンバスワークショップの前座」BMG Works ピクト図解×キャンバスワークショップの前座」
BMG Works ピクト図解×キャンバスワークショップの前座」
 
DevSumi2013_アンカンファレンス
DevSumi2013_アンカンファレンスDevSumi2013_アンカンファレンス
DevSumi2013_アンカンファレンス
 
"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)
"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)
"Business Model canvas", "Empathy Map", "Lean Canvas" のワークショップのスライド(仮)
 
DevLove2012「勝手にワークシフト」(公開用)
DevLove2012「勝手にワークシフト」(公開用) DevLove2012「勝手にワークシフト」(公開用)
DevLove2012「勝手にワークシフト」(公開用)
 
DevLove2012「勝手にワークシフト」(宣伝用)
DevLove2012「勝手にワークシフト」(宣伝用)DevLove2012「勝手にワークシフト」(宣伝用)
DevLove2012「勝手にワークシフト」(宣伝用)
 
ヒーローキャンバス(公開用テンプレート)
ヒーローキャンバス(公開用テンプレート)ヒーローキャンバス(公開用テンプレート)
ヒーローキャンバス(公開用テンプレート)
 
「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用
「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用
「ビジネスモデルYOU」ワークショップ(BMGとBMYで何かやる #6 )公開用
 
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶColdfusionを活かすシステム企画をリーンスタートアップに学ぶ
Coldfusionを活かすシステム企画をリーンスタートアップに学ぶ
 
[XP祭2012] GuerrillaLT_public
[XP祭2012] GuerrillaLT_public[XP祭2012] GuerrillaLT_public
[XP祭2012] GuerrillaLT_public
 
20120915 xpjug 白熱教室トーク2_public
20120915 xpjug 白熱教室トーク2_public20120915 xpjug 白熱教室トーク2_public
20120915 xpjug 白熱教室トーク2_public
 
Template device wp
Template device wpTemplate device wp
Template device wp
 
Template device iphone
Template device iphoneTemplate device iphone
Template device iphone
 
Template device ipad
Template device ipadTemplate device ipad
Template device ipad
 
Template device android
Template device androidTemplate device android
Template device android
 

[DevLOVE]UX語ろうず