This is the slide deck from the workshop given at UI11 on October 9, 2006. This presentation was given with myself (David Malouf) and Bill Scott (AJAX Evangelist @ Yahoo!). The goal of the course was to teach people the basics of Interaction Design and then how to apply those principles to design using RIA technologies like AJAX and Flash.

1. Designing Powerful Web Applications with AJAX & Other Rich Internet Applications David Malouf & Bill Scott UI 11 Cambridge, MA October 9, 2006

7. What happens to our page? “ There is no [page].” - Neo “ There is no page; only pathways” -- Emily Chang & Max Kiesler of ideacodes A page is a metaphor of a moment of uninterrupted context Kayak

11. Visualizing the AJAX effect JJ Garrett-Ajax: A New Approach to Web Applications (Feb 2005)

23. Section 3: Design Practice Designing and Communicating Design

27. Sketching What do you see here? Rapid & Rough Multiplicity Communicate CONCEPTS

28. Framework and Language Create Structure Navigation Language Object Action Modifiers

29. Refinement Details Behavior

34. The Shift

40. Drag & Drop Matrix

41. my.yahoo Interesting Moments

42. Adaptive Path: Micro States

43. Yahoo!: Micro States

44. Animation with Visio

45. Animation with Photoshop

46. Section 4: Designing an RIA

54. Questions ? Resources: Dave’s Blog: www.synapticburn.com Bill’s Blog: looksgoodworkswell.blogspot.com