社内勉強会@aiming の資料

1. UX
UI / UX / IA
2011.12.07
kchinda@aiming-inc.com
(a.k.a. @ckazu)

2. • UI / UX / IA
•
•

3. • UI / UX / IA
•
•
•
•

4. •
•

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

6. •
•

7. •
•
→ ,

8. 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...

9. http://www.kickerstudio.com/blog/images/ux.jpg

10. • UX (UI)
•
•

11. • UX (UI)
•
‘design’

12. • UX (UI)
•
‘design’

13. cognition

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

15. •
•
• 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

16. •
•
•

17. •
•
•

18. • R1
•

19. • R1
•

20. • R1
•

21. • R1D1 ※ D = deduce
•

22. • R1D1 ※ D = deduce
•

23. • R1D1
•
•
•
•
•
...

24. • R2D1
•

25. • R2D1
•

26. • R2D1
•

27. •
•
•
•

36. •
•
•
•
•

37. •
•
•

38. •
•
•

39. affordance

40. •

44. afford

47. affordance

48. affordance

49. •
• ... • ... • ...
• • •
• • •
• •
•

54. •
• ... • ... • ...
• • •
• • •
• •
•

55. •
• ... • ... • ...
• • •
• • •
• •
•

62. interactive design

63. •
•

64. •
•
•
•
•

68. 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
•
•
•

69. 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
•
•
•

71. •
•
•
•
•

72. •

73. •

74. •
•
•

75. user interface

76. User Interface
• 1987
• Knowledge Navigator

77. http://video.google.com/videoplay?docid=-5144094928842683632

78. User Interface
• 1987, Apple Inc.
• Knowledge Navigator
• Apple

79. User Interface
• 2011, Apple Inc.
• siri
•

80. User Interface
• 1996, B. Reeves, C. Nass,
The Media Equation
• “Media = Real Life”
•

81. design

82. • design
• ≠ design
•

83. • design
•
•
→
•
→ (design)
•
→ brain storming

84. design

86. • D. Norman,
• J. J. Gibson,
• , ―
• , , ,
• B. Reeves, C. Nass,
• , IA