1 / 50

Yahoo! User Interface Library

Delve into the evolution of web interfaces, the importance of a robust platform, and commitment to user engagement in the changing web landscape. Learn about Yahoo!'s User Interface Library and its role in shaping the future of web development. Discover the key principles and tools for creating exceptional online experiences.

peta
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 @ PayPal July 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 we areonline…

  8. … and tied to the browser.

  9. So we mustlevelthe playing field. http://www.flickr.com/photos/probek/44480413/

  10. how?

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

  12. We mustimprove our technology

  13. (we need a robust platform!)

  14. andraise expectations

  15. (so users engage and explore with confidence!)

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

  17. Sixcommitmentsto 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) http://developer.yahoo.com/yui/articles/gbs/gbs.html

  22. 5] Support our scale and scope (industrial grade)

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

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

  25. from Implementation Models {design} to Mental Models

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

  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. Beware!Good experiences aren’t plugged in…

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

  33. Developers can provide powerful primitives and 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: ~2200

  39. 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/gbs/gbs.html

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

  41. The Seasons Are Changing

More Related