狠狠撸

狠狠撸Share 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
    Arti?cial 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

    ?
?

?

    ?

    ?
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
?
?


 ?
 ?
 ?
?
 ?


 ?
?


?


?
affordance
?
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
afford
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
affordance
affordance
?
    ?       ...   ?       ...   ?       ...
        ?             ?             ?
        ?             ?             ?
        ?             ?
                      ?
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
?
    ?       ...   ?       ...   ?       ...
        ?             ?             ?
        ?             ?             ?
        ?             ?
                      ?
?
    ?       ...   ?       ...   ?       ...
        ?             ?             ?
        ?             ?             ?
        ?             ?
                      ?
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
interactive design
?


?
?
 ?
 ?




?
 ?
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
エンジニアのための鲍齿入门
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




  ?
      ?
      ?
エンジニアのための鲍齿入门
?
 ?
 ?
 ?
 ?
?
?
?

    ?


    ?
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
エンジニアのための鲍齿入门
? D. Norman,


? J. J. Gibson,


?                 ,         ―

?          ,            ,   ,

? B. Reeves, C. Nass,


?              , IA
エンジニアのための鲍齿入门

More Related Content

エンジニアのための鲍齿入门