UXUI / UX / IA       2011.12.07kchinda@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     ...
••
••    →   ,
UX• UX    (User Experience)     • HI   (Human Interface)• UI   (User Interface)       • Interactive   Design• IA          ...
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.o...
• • • Daniel Dennett, “Cognitive Wheels : The Frame Problem of AI,” The Philosophy of    Artificial Intelligence, Margaret ...
•••
•••
•       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=mod...
http://www.google.co.jp/search?q=&hl=ja&prmd=imvns&source=lnms&tbm=isch&ei=cT3mTvnjL67BiQf0lKi2BQ&sa=X&oi=mode_link&ct=mod...
• • • • •
•
•
•    •    •
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,•              ,...
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
エンジニアのためのUX入門
Upcoming SlideShare
Loading in...5
×

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

71,424

Published on

社内勉強会@aiming の資料

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

No Downloads
Views
Total Views
71,424
On Slideshare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
329
Comments
0
Likes
135
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×