エンジニアのためのUX入門
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 61,233 views

社内勉強会@aiming の資料

社内勉強会@aiming の資料

Statistics

Views

Total Views
61,233
Views on SlideShare
18,201
Embed Views
43,032

Actions

Likes
126
Downloads
319
Comments
0

44 Embeds 43,032

http://creive.me 33718
http://blog.kjapps.com 2758
http://developer.aiming-inc.com 2520
http://it-ch.net 1873
http://bikkuri.me 704
http://commte.net 513
http://cloud.feedly.com 231
http://w3q.jp 213
http://narupeko.soup.io 121
http://192.168.12.31 69
http://sizm.tumblr.com 33
http://be-de.tumblr.com 30
http://ss.dotbranch.com 28
http://a0.twimg.com 26
http://www.ckazu.info 26
http://sc.dotbranch.com 23
https://twitter.com 23
http://localhost 20
http://www.feedspot.com 16
http://webcache.googleusercontent.com 10
http://192.168.11.161 8
http://rhizome5.tumblr.com 8
http://us-w1.rockmelt.com 7
http://reader.aol.com 7
https://www.google.co.jp 6
http://digg.com 6
http://tweetedtimes.com 4
http://moodle.axis.co.jp 3
http://pinterest.com 3
http://b.hatena.ne.jp 3
http://safe.tumblr.com 3
http://translate.googleusercontent.com 2
http://hatebutv.com 2
http://www.twylah.com 2
http://slide.yoshiday.net 2
http://133.242.3.32 2
http://safe.txmblr.com 2
http://feedly.com 1
http://www.tumblr.com 1
https://si0.twimg.com 1
https://www.google.nl 1
http://s.deeeki.com 1
http://www.inoreader.com 1
http://www.be-de.tumblr.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 1. UXUI / UX / IA 2011.12.07kchinda@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. •• • •
  • 28. •• • • •
  • 29. • • •
  • 30. •••
  • 31. affordance
  • 32. •
  • 33. afford
  • 34. affordance
  • 35. affordance
  • 36. • • ... • ... • ... • • • • • • • • •
  • 37. • • ... • ... • ... • • • • • • • • •
  • 38. • • ... • ... • ... • • • • • • • • •
  • 39. interactive design
  • 40. ••
  • 41. • • •• •
  • 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. 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. • • • • •
  • 45. •
  • 46. •
  • 47. • • •
  • 48. user interface
  • 49. User Interface• 1987 • Knowledge Navigator
  • 50. http://video.google.com/videoplay?docid=-5144094928842683632
  • 51. User Interface• 1987, Apple Inc. • Knowledge Navigator • Apple
  • 52. User Interface• 2011, Apple Inc. • siri •
  • 53. User Interface• 1996, B. Reeves, C. Nass, The Media Equation • “Media = Real Life” •
  • 54. design
  • 55. • design • ≠ design •
  • 56. • design • • → • → (design) • → brain storming
  • 57. design
  • 58. • D. Norman,• J. J. Gibson,• , ―• , , ,• B. Reeves, C. Nass,• , IA