エンジニアのためのUX入門
•
140 likes•75,761 views
This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thinkers that have influenced design such as Norman, Gibson, and Reeves/Nass's work on how users interact with media.
エンジニアのためのUX入門
- 1. UX UI / UX / IA 2011.12.07 [email protected] (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...
- 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. • • ... • ... • ... • • • • • • • • •
- 63. • •
- 64. • • • • •
- 71. • • • • •
- 72. •
- 73. •
- 74. • • •
- 75. user interface
- 76. User Interface • 1987 • Knowledge Navigator
- 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