1 / 58

Yahoo! User Interface Library

Yahoo! User Interface Library. Nate Koechley @ Oracle User Experience April 17th, 2006. changing seasons. on the web. http://flickr.com/photos/getthebubbles/107463768/. Web 1.0: Browser as Paper. Web 2.0: Browser As Platform. A Dramatic Transition. People expect less online.

rene
Télécharger la présentation

Yahoo! User Interface Library

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. Web 1.0: Browser as Paper

  4. Web 2.0: Browser As Platform

  5. A Dramatic Transition

  6. People expect lessonline.

  7. But people areonline…

  8. … and tied to the browser.(for the most part)

  9. so, lets levelthe playing field. http://www.flickr.com/photos/probek/44480413/

  10. how?

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

  12. improve our technology

  13. (need a robust platform!)

  14. andraise expectations

  15. (so users are confident!)

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

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

  18. from Implementation Models {design} to Mental Models

  19. Sixcommitments to aplatform

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

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

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

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

  24. 5] Thrive under Yahoo!’s scale and scope (industrial grade)

  25. 6]Beresponsiveandaccountabletoour community ofdesigners&engineers(your P1s are our P1s)

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

  27. Alan Cooper’s GUI design canon

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

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

  30. ½

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

  32. … they are crafted by thinking about people, NOTtechnology

  33. Developers can provide powerful primitivesand sophisticated compounds…

  34. but designers create idioms and love

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

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

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

  38. 2/06 YUI Library Open Source Release Released on YDN under wide-open BSD license • 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

More Related