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

82,087 views

Published on

社内勉強会@aiming の資料

0 Comments
138 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
82,087
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
330
Comments
0
Likes
138
Embeds 0
No embeds

No notes for slide

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

  1. 1. UXUI / UX / IA 2011.12.07kchinda@aiming-inc.com (a.k.a. @ckazu)
  2. 2. • UI / UX / IA • •
  3. 3. • UI / UX / IA • •• •
  4. 4. ••
  5. 5. • • http://www.seiko-watch.co.jp/p_search/detail/do.php?no=SBPG003 http://store.apple.com/us/product/MB829LL/A
  6. 6. ••
  7. 7. •• → ,
  8. 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. 9. http://www.kickerstudio.com/blog/images/ux.jpg
  10. 10. • UX (UI) • •
  11. 11. • UX (UI) • ‘design’
  12. 12. • UX (UI) • ‘design’
  13. 13. cognition
  14. 14. • • • http://ja.wikipedia.org/wiki/ •H. • http://ja.wikipedia.org/wiki/ • http://ja.wikipedia.org/wiki/
  15. 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. 16. •••
  17. 17. •••
  18. 18. • R1 •
  19. 19. • R1 •
  20. 20. • R1 •
  21. 21. • R1D1 ※ D = deduce •
  22. 22. • R1D1 ※ D = deduce •
  23. 23. • R1D1 • • • • • ...
  24. 24. • R2D1 •
  25. 25. • R2D1 •
  26. 26. • R2D1 •
  27. 27. •• • •
  28. 28. •• • • •
  29. 29. • • •
  30. 30. •••
  31. 31. affordance
  32. 32.
  33. 33. afford
  34. 34. affordance
  35. 35. affordance
  36. 36. • • ... • ... • ... • • • • • • • • •
  37. 37. • • ... • ... • ... • • • • • • • • •
  38. 38. • • ... • ... • ... • • • • • • • • •
  39. 39. interactive design
  40. 40. ••
  41. 41. • • •• •
  42. 42. 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 • • •
  43. 43. 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 • • •
  44. 44. • • • • •
  45. 45.
  46. 46.
  47. 47. • • •
  48. 48. user interface
  49. 49. User Interface• 1987 • Knowledge Navigator
  50. 50. http://video.google.com/videoplay?docid=-5144094928842683632
  51. 51. User Interface• 1987, Apple Inc. • Knowledge Navigator • Apple
  52. 52. User Interface• 2011, Apple Inc. • siri •
  53. 53. User Interface• 1996, B. Reeves, C. Nass, The Media Equation • “Media = Real Life” •
  54. 54. design
  55. 55. • design • ≠ design •
  56. 56. • design • • → • → (design) • → brain storming
  57. 57. design
  58. 58. • D. Norman,• J. J. Gibson,• , ―• , , ,• B. Reeves, C. Nass,• , IA

×