1. 1 Yahoo! User Interface Library Nate Koechley @ Oracle User Experience April 17th, 2006

2. 2 changing seasons on the web http://flickr.com/photos/getthebubbles/107463768/

3. 3 Web 1.0: Browser as Paper

4. 4 Web 2.0: Browser As Platform

5. 5 A Dramatic Transition

6. 6 People expect less online.

7. 7 But we are online…

8. 8 … and tied to the browser.

9. 9 So we must level the playing field. http://www.flickr.com/photos/probek/44480413/

10. 10 how?

11. 11 it takes 2 things http://flickr.com/photos/latitudes/104286031/

12. 12 We must improve our technology

13. 13 (we need a robust platform!)

14. 14 and raise expectations

15. 15 (so users are confident!)

16. 16 Nuts and Bolts http://flickr.com/photos/snood/129758197/

17. 17 Six commitments to the platform

18. 18 1] Meet properties where they are today. Facilitate incremental enhancement (“Transitional Internet Applications”)

19. 19 2] Provide a broad, inclusive platform for Web 2.0’s “Rich Internet Application” development (a la carte, not framework)

20. 20 3] Extensible and adaptive, to meet the needs of our diverse product portfolio (lots of different contexts)

21. 21 4] Support all A-grade browsers – an evolving and still demanding challenge (Graded Browser Support)

22. 22 5] Scale to Yahoo!’s scale and scope (industrial grade)

23. 23 6] Be responsive and accountable to our community of designers and engineers (your P1s are our P1s)

24. 24 http://flickr.com/photos/niznoz/81087641/ DESIGN DEVEL

25. 25 {design} from Implementation Models to Mental Models

26. 26 {development} from Heterogeneous Environments to Compelling and Consistent APIs

27. 27 Alan Cooper’s GUI design canon

28. 28 [primitives] [compounds] [idioms] click, drag, keypress double-click, right-click, select ctrl-c = copy, ctr-z = undo

29. 29 [primitives] [compounds] [idioms] Connection Manager (Ajax) Event Utility Dom Collection Drag & Drop Animation DHTML Windowing Menu Control Slider Tree Control Calendar Control AutoComplete The Yahoo! User Interface Library

30. 30 ½

31. 31 Note! Good experiences aren’t plugged in…

32. 32 … they are crafted by thinking about people, NOT technology

33. 33 Developers can provide powerful primitives and compounds …

34. 34 but designers create idioms and love

35. 35 but designers create idioms and love setting it free… http://www.flickr.com/photos/ck3/98186198/

36. 36 YUI Library Open Source Release Released on YDN under wide-open BSD license 2/06

37. 37 YUI Library Open Source Release Released on YDN under wide-open BSD license 2/06

38. 38 YUI Library Open Source Release Released on YDN under wide-open BSD license 2/06 Good press from key influencers: WaSP, DOM Scripting Task Force, O’Reilly Radar, Slashdot, Boing Boing, many more Top entry on delicious, high profile on Technorati Exponential spike in YDN traffic during release >36K downloads of library in first two weeks YDN-javascript group membership: ~1000

39. 39

40. 40

42. 42

44. 44

46. 46

48. 48 Graded Browser Support 3 Grades of Browser Support A-grade support (advanced support) C-grade support (core support) X-grade support (the X-Factor) http://developer.yahoo.com/yui/articles/gb s/gbs.htmlhttp://developer.yahoo.com/yui/articles/gb s/gbs.html

49. 49 http://developer.yahoo.com/yui/articles/gbs/gbs.html

50. 50 The Seasons Are Changing