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

2 changing seasons on the web

3 Web 1.0: Browser as Paper

4 Web 2.0: Browser As Platform

5 A Dramatic Transition

6 People expect less online.

7 But we are online…

8 … and tied to the browser.

9 So we must level the playing field.

10 how?

11 it takes 2 things

12 We must improve our technology

13 (we need a robust platform!)

14 and raise expectations

15 (so users are confident!)

16 Nuts and Bolts

17 Six commitments to the platform

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

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

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

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

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

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

24 DESIGN DEVEL

25 {design} from Implementation Models to Mental Models

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

27 Alan Cooper’s GUI design canon

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

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 ½

31 Note! Good experiences aren’t plugged in…

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

33 Developers can provide powerful primitives and compounds …

34 but designers create idioms and love

35 but designers create idioms and love setting it free…

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

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

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

40

42

44

46

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) s/gbs.htmlhttp://developer.yahoo.com/yui/articles/gb s/gbs.html

49

50 The Seasons Are Changing