SlideShare a Scribd company logo
UX
UI / UX / IA
       2011.12.07
kchinda@aiming-inc.com
     (a.k.a. @ckazu)
• UI   / UX / IA
 •
 •
• UI    / UX / IA
    •
    •


•
    •
•



•
•                                                 •




    http://www.seiko-watch.co.jp/p_search/detail/do.php?no=SBPG003
                                          http://store.apple.com/us/product/MB829LL/A
•



•
•



•




    →   ,
UX
• UX    (User Experience)     • HI   (Human Interface)
• UI   (User Interface)       • Interactive   Design
• IA                          • Interactive   System
 (Information Architecture)
                              • Man-Machine     Interface
• HCD
                              • Tangible
 (Human Centered Design)
                              • HCI
• Ubiquitous
                                (Human Computer Interaction)
• Usability
                              • etc...
http://www.kickerstudio.com/blog/images/ux.jpg
• UX   (UI)

 •



 •
• UX   (UI)

 •

     ‘design’
• UX   (UI)

 •

     ‘design’
cognition
•

    •
        • http://ja.wikipedia.org/wiki/


    •H.
        • http://ja.wikipedia.org/wiki/
        • http://ja.wikipedia.org/wiki/
•
 •
 • Daniel Dennett, “Cognitive Wheels : The Frame Problem of AI,” The Philosophy of
    Artificial Intelligence, Margaret A. Boden, Oxford University Press, 1984, pp.
    147-170.

    cite: http://www.cs.sfu.ca/~vaughan/teaching/415/papers/dennett-
    cognitivewheels.html
•

•

•
•

•

•
•       R1

    •
•       R1

    •
•       R1

    •
•       R1D1   ※ D = deduce

    •
•       R1D1   ※ D = deduce

    •
•                 R1D1

    •


        •
        •

        •
        •
            ...
•       R2D1

    •
•       R2D1

    •
•       R2D1

    •
•

•

    •

    •
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
•
•


 •
 •
 •
•
 •


 •
•


•


•
affordance
•
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
afford
エンジニアのためのUX入門
エンジニアのためのUX入門
affordance
affordance
•
    •       ...   •       ...   •       ...
        •             •             •
        •             •             •
        •             •
                      •
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
•
    •       ...   •       ...   •       ...
        •             •             •
        •             •             •
        •             •
                      •
•
    •       ...   •       ...   •       ...
        •             •             •
        •             •             •
        •             •
                      •
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
interactive design
•


•
•
 •
 •




•
 •
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
http://www.google.co.jp/search?q=
&hl=ja&prmd=imvns&source=lnms&tbm=isch&ei=cT3mTvnjL67BiQf0lKi2BQ&sa=X&oi=mode_link&ct=mode&cd=2&ved=0CEUQ_
AUoAQ&biw=1366&bih=768




  •
      •
      •
http://www.google.co.jp/search?q=
&hl=ja&prmd=imvns&source=lnms&tbm=isch&ei=cT3mTvnjL67BiQf0lKi2BQ&sa=X&oi=mode_link&ct=mode&cd=2&ved=0CEUQ_
AUoAQ&biw=1366&bih=768




  •
      •
      •
エンジニアのためのUX入門
•
 •
 •
 •
 •
•
•
•

    •


    •
user interface
User Interface


• 1987

 • Knowledge   Navigator
http://video.google.com/videoplay?docid=-5144094928842683632
User Interface


• 1987, Apple   Inc.

 • Knowledge     Navigator

 • Apple
User Interface


• 2011, Apple   Inc.

 • siri

 •
User Interface

• 1996, B. Reeves, C. Nass,
 The Media Equation

  • “Media   = Real Life”

  •
design
•       design

    •            ≠ design

    •
• design


  •


      •
          →

      •
          →                  (design)

      •
          → brain storming
design
エンジニアのためのUX入門
• D. Norman,


• J. J. Gibson,


•                 ,         ―

•          ,            ,   ,

• B. Reeves, C. Nass,


•              , IA
エンジニアのためのUX入門

More Related Content

Viewers also liked (20)

マークアップエンジニアと情報アーキテクチャ by 力也 伊原, has 62 slides with 20102 views.
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
62 slides20.1K views
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう by Sasaki Kouhei, has 33 slides with 271963 views.
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
33 slides272K views
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識 by Tsutomu Sogitani, has 37 slides with 2050953 views.
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
37 slides2.1M views
EC-CUBEプラグイン講義 by ria1201, has 48 slides with 16909 views.
EC-CUBEプラグイン講義EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
48 slides16.9K views
Illustratorのカンプとうまく付き合う方法 by Takuya Nishitani, has 39 slides with 20527 views.
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
39 slides20.5K views
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する by Takashi Uemura, has 57 slides with 111964 views.
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するWordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
57 slides112K views
Photoshopで効率よくデザインしよう! by Marie Suenaga, has 39 slides with 23780 views.
Photoshopで効率よくデザインしよう!Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!
Marie Suenaga
39 slides23.8K views
WordPressで作るポートフォリオサイト by Takuma Nishiyama, has 49 slides with 38449 views.
WordPressで作るポートフォリオサイトWordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
Takuma Nishiyama
49 slides38.4K views
マークアップエンジニアと情報アーキテクチャ by 力也 伊原, has 62 slides with 20102 views.
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
62 slides20.1K views
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう by Sasaki Kouhei, has 33 slides with 271963 views.
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえようノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
33 slides272K views
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識 by Tsutomu Sogitani, has 37 slides with 2050953 views.
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
37 slides2.1M views
EC-CUBEプラグイン講義 by ria1201, has 48 slides with 16909 views.
EC-CUBEプラグイン講義EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
ria1201
48 slides16.9K views
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する by Takashi Uemura, has 57 slides with 111964 views.
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するWordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
57 slides112K views

Similar to エンジニアのためのUX入門 (20)

로봇Ux in the 4th industrial Revolution era by Andy Daeyol Na(나대열), has 30 slides with 198 views.
로봇Ux in the 4th industrial Revolution era 로봇Ux in the 4th industrial Revolution era
로봇Ux in the 4th industrial Revolution era
Andy Daeyol Na(나대열)
30 slides198 views
G so c-2013-preso-np_Nepali Translation by Sovita Dahal, has 17 slides with 341 views.
G so c-2013-preso-np_Nepali TranslationG so c-2013-preso-np_Nepali Translation
G so c-2013-preso-np_Nepali Translation
Sovita Dahal
17 slides341 views
Future of UI by Sean Gerety, has 21 slides with 755 views.
Future of UIFuture of UI
Future of UI
Sean Gerety
21 slides755 views
Introduction to Information Architecture and Design - SVA Workshop 0929 by Robert Stribley, has 125 slides with 2388 views.
Introduction to Information Architecture and Design - SVA Workshop 0929Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929
Robert Stribley
125 slides2.4K views
Introduction to Information Architecture and Design - SVA Workshop 03/23/13 by Robert Stribley, has 116 slides with 2757 views.
Introduction to Information Architecture and Design - SVA Workshop 03/23/13Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Robert Stribley
116 slides2.8K views
สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object by AngAng_ETC, has 119 slides with 272 views.
สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object
สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object
AngAng_ETC
119 slides272 views
Introduction to Information Architecture and Design - SVA Workshop 021613 by Robert Stribley, has 124 slides with 811 views.
Introduction to Information Architecture and Design - SVA Workshop 021613Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613
Robert Stribley
124 slides811 views
Introduction to Information Architecture and Design - SVA Workshop 120812 by Robert Stribley, has 124 slides with 1037 views.
Introduction to Information Architecture and Design - SVA Workshop 120812Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812
Robert Stribley
124 slides1K views
Introduction to Information Architecture and Design - SVA Workshop 0929 by Robert Stribley, has 125 slides with 2388 views.
Introduction to Information Architecture and Design - SVA Workshop 0929Introduction to Information Architecture and Design - SVA Workshop 0929
Introduction to Information Architecture and Design - SVA Workshop 0929
Robert Stribley
125 slides2.4K views
Introduction to Information Architecture and Design - SVA Workshop 03/23/13 by Robert Stribley, has 116 slides with 2757 views.
Introduction to Information Architecture and Design - SVA Workshop 03/23/13Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Robert Stribley
116 slides2.8K views
สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object by AngAng_ETC, has 119 slides with 272 views.
สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object
สร้างสรรค์กิจกรรมการเรียนรู้ที่มีความหมาย ด้วยสื่อ Learning Object
AngAng_ETC
119 slides272 views
Introduction to Information Architecture and Design - SVA Workshop 021613 by Robert Stribley, has 124 slides with 811 views.
Introduction to Information Architecture and Design - SVA Workshop 021613Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 021613
Robert Stribley
124 slides811 views
Introduction to Information Architecture and Design - SVA Workshop 120812 by Robert Stribley, has 124 slides with 1037 views.
Introduction to Information Architecture and Design - SVA Workshop 120812Introduction to Information Architecture and Design - SVA Workshop 120812
Introduction to Information Architecture and Design - SVA Workshop 120812
Robert Stribley
124 slides1K views

More from Kazuyuki CHINDA (7)

Introduction fasttext by Kazuyuki CHINDA, has 13 slides with 417 views.
Introduction fasttextIntroduction fasttext
Introduction fasttext
Kazuyuki CHINDA
13 slides417 views
仮想電子工作のすすめ by Kazuyuki CHINDA, has 10 slides with 381 views.
仮想電子工作のすすめ仮想電子工作のすすめ
仮想電子工作のすすめ
Kazuyuki CHINDA
10 slides381 views
Query selecterの話 by Kazuyuki CHINDA, has 19 slides with 294 views.
Query selecterの話Query selecterの話
Query selecterの話
Kazuyuki CHINDA
19 slides294 views
ウェブエンジニアのための色の話 by Kazuyuki CHINDA, has 17 slides with 12477 views.
ウェブエンジニアのための色の話ウェブエンジニアのための色の話
ウェブエンジニアのための色の話
Kazuyuki CHINDA
17 slides12.5K views
Shinjuku.html5.lunch #11 by Kazuyuki CHINDA, has 42 slides with 1229 views.
Shinjuku.html5.lunch #11Shinjuku.html5.lunch #11
Shinjuku.html5.lunch #11
Kazuyuki CHINDA
42 slides1.2K views
時間をかけて解く FizzBuzz by Kazuyuki CHINDA, has 32 slides with 2200 views.
時間をかけて解く FizzBuzz時間をかけて解く FizzBuzz
時間をかけて解く FizzBuzz
Kazuyuki CHINDA
32 slides2.2K views
typo の傾向と対策 by Kazuyuki CHINDA, has 34 slides with 1490 views.
typo の傾向と対策typo の傾向と対策
typo の傾向と対策
Kazuyuki CHINDA
34 slides1.5K views

Recently uploaded (20)

Artboard 6 fort wall made by duplication and photoshop .pdf by yugandharsanapala5, has 1 slides with 27 views.
Artboard 6 fort wall made by duplication and photoshop .pdfArtboard 6 fort wall made by duplication and photoshop .pdf
Artboard 6 fort wall made by duplication and photoshop .pdf
yugandharsanapala5
1 slide27 views
Business - Pitch Deck Sample Design.pptx by AlbanaNadeem1, has 18 slides with 35 views.
Business - Pitch Deck Sample Design.pptxBusiness - Pitch Deck Sample Design.pptx
Business - Pitch Deck Sample Design.pptx
AlbanaNadeem1
18 slides35 views
Building and Pest Inspections Protecting Your Sunshine Coast Property_compres... by TotalbuildingInspect, has 11 slides with 14 views.
Building and Pest Inspections Protecting Your Sunshine Coast Property_compres...Building and Pest Inspections Protecting Your Sunshine Coast Property_compres...
Building and Pest Inspections Protecting Your Sunshine Coast Property_compres...
TotalbuildingInspect
11 slides14 views
Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation.... by SARAH308244, has 11 slides with 26 views.
Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation....Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation....
Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation....
SARAH308244
11 slides26 views
Studio Square Interior Design And Furniture Company Profile by SeemabJanjua1, has 115 slides with 16 views.
Studio Square  Interior Design And Furniture Company ProfileStudio Square  Interior Design And Furniture Company Profile
Studio Square Interior Design And Furniture Company Profile
SeemabJanjua1
115 slides16 views
D'cynosure Apartments | Lekki | Benyhomes by Okolie Uchechukwu, has 20 slides with 23 views.
D'cynosure Apartments | Lekki | BenyhomesD'cynosure Apartments | Lekki | Benyhomes
D'cynosure Apartments | Lekki | Benyhomes
Okolie Uchechukwu
20 slides23 views
What If You Invited Nature to Your Design Party? by 1508 A/S, has 72 slides with 69 views.
What If You Invited Nature to Your Design Party?What If You Invited Nature to Your Design Party?
What If You Invited Nature to Your Design Party?
1508 A/S
72 slides69 views
Design is Value Neutral, But People Are Not by Paul Sherman, has 50 slides with 27 views.
Design is Value Neutral, But People Are NotDesign is Value Neutral, But People Are Not
Design is Value Neutral, But People Are Not
Paul Sherman
50 slides27 views
Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation.... by SARAH308244, has 11 slides with 26 views.
Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation....Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation....
Colorful Abstract Pattern and Shapes Best Friends Greetings Fun Presentation....
SARAH308244
11 slides26 views
Studio Square Interior Design And Furniture Company Profile by SeemabJanjua1, has 115 slides with 16 views.
Studio Square  Interior Design And Furniture Company ProfileStudio Square  Interior Design And Furniture Company Profile
Studio Square Interior Design And Furniture Company Profile
SeemabJanjua1
115 slides16 views
What If You Invited Nature to Your Design Party? by 1508 A/S, has 72 slides with 69 views.
What If You Invited Nature to Your Design Party?What If You Invited Nature to Your Design Party?
What If You Invited Nature to Your Design Party?
1508 A/S
72 slides69 views

エンジニアのためのUX入門