If technologies such as AJAX and Flash are powerful flames heating up the Web, then we designers are the glassblowers. It's up to us to create intuitive, engaging interfaces on top of the new possibilities that AJAX and Flash bring. But old skills aren't enough in this age of animated transitions, asynchronous interactivity, and application-like behavior. What does every designer need to know in order to move from static HTML sites to dynamic rich interfaces? This presentation covers effective ways to incorporate user feedback into a dynamic interface, and how timing can be the difference between an interface that works and one that doesn't. We'll also discuss how traditional usability ideals such as discoverability and simplicity take on new meaning when we design rich interfaces. The session will include many examples of successful and failed rich interfaces. Presentation by Steve Mulder.

1. How AJAX Changes Everything Steve Mulder Rich Interface Design & Flash

3. To Richify or Not to Richify?

5. Single-screen checkout

7. Finding stuff: the early years

8. AJAX to the rescue!

9. Wine store proof of concept (wine.molecular.com)

11. adidas miCoach

12. adidas miCoach.com

14. Nikon

15. NikonUSA.com

16. Reebok Run Easy

17. Reebok GoRunEasy.com

18. Elements of Richness

20. Instant feedback

24. Faster processes

25. Endless.com

26. Backpack

27. SSCO

28. More ways to interact

29. Marketwatch

30. Wine demo

31. Etsy

32. Direct manipulation

33. Drag and drop Netflix

34. Google Finance

35. Differentiating experiences

36. Nike ID

38. http://www.backstageataccenture.com/

40. vs.

41. User Experience Challenges

42. There is more same than different Information design challenges are universal

43. Parade of failures

44. Complexity

45. Wine store, version 1

46. What we wanted users to feel

47. What users actually felt

48. First-time vs. regular use

49. Run Easy: Before

50. Run Easy: After

51. adidas miCoach: display and buttons

53. Discoverability

55. Findability = the quality of a known item to be locatable on a web site Discoverability = the quality of a known or unknown item to be noticeable on a web page

56. The Components of Discoverability Position Context User expectations & conventions Design Text & labeling

63. Affordance

67. Timing

68. Slowing it down

70. Control

71. Mouseover overload

72. Override control

73. adidas miCoach: desktop expectations

74. Familiarity

75. If it looks like a drop-down…

78. Design Process Warning: common sense ahead

79. Every web site is becoming less like a site and more like an application

80. The components of the experiences we create are getting smaller

81. The nimble and iterative shall inherit the earth

82. Engineered waterfalls do not inspire

83. We need better visualization tools

84. Adobe “Thermo”

85. Users expect more power and complexity without sacrificing simplicity

86. Steve Mulder [email_address] www.molecular.com/ webdesignworld-chicago