Presentation by John Yesko at the Society for Technical Communication (STC) Annual Summit - User Experience Institute - on May 4, 2009. The presentation addresses the evolving methods for documenting user experiences in the context of Rich Internet Applications (RIAs) and Web 2.0 sites. For the full PPT download with notes, go to http://www.yesko.com/stc

1. Rich User Experience Documentation John Yesko

3. Selected Clients Financial Services Government Consumer Manufacturing Healthcare/ Transportation Media & Communications

4. Select Engagements Strategy, design and implementation for prime brokerage portal; Global Wealth Management web strategy and design; Design & development of Stock Plan Services site and next generation Financial Advisor desktop. Design and development of the 2008 Holiday campaign, as well as ongoing gift-giving related initiatives. Design and implementation of the next generation AVIS site. Includes research, persona development, design, user testing, technical architecture, SEO and implementation. Redesign of Motorola’s B2B and B2C sites; global content management strategy. Currently developing a rich internet application for phone maintenance. Implementation of the historychannel.com and development of a rich timeline with a focus on driving more broadband content usage and broadband advertising. Development of an interactive marketing platform and redesigned website (Hersheys.com and several brand sites) including the development of a promotion platform.

6. The Premise

7. User Experience Shift Page-based Paradigm Static Websites (content) Dynamic Websites (content + applications) Rich Internet Applications and “2.0” Paradigm Shift Roughly one event or content topic per page More complex interactions Motion and transitions Dynamic content (e.g., user-generated) Single state per page RIA Paradigm Multiple states per page

8. User Experience Design Shift Information architecture Final product Visual design and production User experience design Final product All kinds of surprises Then Now Visibility: Good Visibility: ?

10. Typical Team Chris Account management Karl Project management John User experience / IA Gary Technical lead Zach Visual design Rob Visual design Chris HTML / front-end Shailesh Development “ Brazilians” Development Ted Copywriting Unit One Nine Game animation External Resources Scott Creative direction

12. Documentation Practices

15. User Experience Brief

20. Concept Map

22. Concept Map

23. Concept Map

24. Concept Map

25. Concept Map

26. Concept Map

29. Wireframes

47. Wireframes

55. Visual Design

69. Prototypes

70. Prototypes Visual Fidelity Functional Fidelity Paper wireframe prototype Page sketches Image mapped sketch scans Clickable wireframes Paper JPEG prototype (comps) Image mapped JPEGs (“slap & map”) Graphically “skinned” interactive prototype Interactive wireframe prototype Production-ready prototype “ The Dimensions of Fidelity” Fred Beecher, Evantage Consulting Proof of concept