WDE08 Designing for interaction with Ajax

2,021 views
1,963 views

Published on

Web Directions East08 presentation sildes
Presentation by Jeremy Keith

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,021
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

WDE08 Designing for interaction with Ajax

  1. 1. designing for interaction Ajax with
  2. 2. Ajax
  3. 3. Communicating with the server without refreshing the whole page.
  4. 4. speed
  5. 5. frames
  6. 6. frames iframe
  7. 7. frames iframe Flash
  8. 8. frames iframe Flash XMLHttpRequest
  9. 9. XMLHttpRequest
  10. 10. Microsoft XMLHttpRequest
  11. 11. Microsoft IE5 XMLHttpRequest
  12. 12. Microsoft IE5 Mozilla Safari Opera XMLHttpRequest
  13. 13. Microsoft IE5 Mozilla Safari Opera W3C XMLHttpRequest
  14. 14. asynchronous
  15. 15. asynchronous
  16. 16. asynchronous
  17. 17. asynchronous XMLHttpRequest
  18. 18. thin client browser « » server
  19. 19. thin client browser « » server storage
  20. 20. thin client browser « » server storage processing
  21. 21. thin client browser « » server display storage processing
  22. 22. rich client browser server
  23. 23. rich client browser « »XHR« » server
  24. 24. rich client browser « »XHR« » server storage
  25. 25. rich client browser « »XHR« » server display storage
  26. 26. rich client browser « »XHR« » server display storage processing
  27. 27. progressive enhancement
  28. 28. content
  29. 29. structure content
  30. 30. presentation structure content
  31. 31. behaviour presentation structure content
  32. 32. behaviour presentation structure HTML content
  33. 33. behaviour presentation CSS structure HTML content
  34. 34. behaviour JavaScript presentation CSS structure HTML content
  35. 35. behaviour presentation CSS structure HTML content
  36. 36. behaviour presentation structure HTML content
  37. 37. progressive enhancement
  38. 38. progressive enhancement XMLHttpRequest
  39. 39. Hijax
  40. 40. browser server
  41. 41. browser server storage
  42. 42. browser server storage processing
  43. 43. browser server display storage processing
  44. 44. browser « »XHR« » server display storage processing
  45. 45. deceptively rich client browser « »XHR« » server display storage processing
  46. 46. browser server
  47. 47. { navigation search main content browser log on form shopping cart footer
  48. 48. navigation search main content browser XHR log on form shopping cart footer
  49. 49. paradox?
  50. 50. paradox? plan for Ajax from the start
  51. 51. paradox? plan for Ajax from the start implement Ajax at the end
  52. 52. pattern recognition
  53. 53. pattern recognition sign up
  54. 54. pattern recognition sign up add to cart
  55. 55. pattern recognition sign up rate this add to cart
  56. 56. pattern recognition sign upadd a comment rate this add to cart
  57. 57. pattern recognition sign upadd a comment rate this add to cart search results?
  58. 58. pattern recognition sign upadd a comment rate this add to cart search results? pagination?
  59. 59. feedback
  60. 60. feedback what is happening?
  61. 61. feedback what is happening? what just happened?
  62. 62. conventions
  63. 63. conventions status indicators
  64. 64. conventions status indicators yellow fade
  65. 65. conventions status indicators yellow fade drag’n’drop
  66. 66. beyond the browser
  67. 67. beyond the browser the back button
  68. 68. beyond the browser the back button bookmarking
  69. 69. user testing
  70. 70. adactio.com http://flickr.com/photos/julianbleecker/3867804/ http://flickr.com/photos/ferricide/501816333/ http://flickr.com/photos/mollyeh11/13664426/ http://flickr.com/photos/chuckbiscuito/161971512/
  71. 71. thank you adactio.com http://flickr.com/photos/julianbleecker/3867804/ http://flickr.com/photos/ferricide/501816333/ http://flickr.com/photos/mollyeh11/13664426/ http://flickr.com/photos/chuckbiscuito/161971512/

×