YUI Theater — Bill Scott: “Designing the Rich Web Experience: Principles and Patterns for Rich Interaction Design on the Web”

October 15, 2007 at 7:01 am by Eric Miraglia | In Development |

For the past two years, Bill Scott worked at Yahoo in a variety of capacities: Ajax Evangelist, Design Pattern Librarian, Engineering Manager for Yahoo! Teachers, and more. Bill set sail earlier this month for Netflix, where he is now the Director of UI Engineering. His incisive mind, sharp wit, and generous heart are already missed here. Everyone associated with the YUI project joins me in wishing Bill the best of luck in his new venture, where we know he’ll bring equal measures of deep thought and user empathy to the challenges awaiting him at Netflix.

Before he left, I asked Bill to reprise for Yahoo a talk he’s been giving for a couple of years at conferences like AjaxWorld, the Rich Web Experience, the Ajax Experience, ETech, and WebVisions. The talk categorizes a variety of interaction patterns that are characteristic of DHTML-enabled web applications. Bill begins the talk with an important anectdote about a friend who learned about this great tree, the Joshua Tree, and went out looking for it, only to discover that there was one growing in her own backyard. The naming and analysis of the object gave her the power to recognize it even in contexts where it was otherwise overlooked. The point Bill makes is that by naming the patterns available to us we become smarter at recognizing and implementing them. Bill was generous enough to let us shoot video of the talk and put it up on YUI Theater for public consumption. While this 51-minute version is somewhat compressed from what you may have seen at conferences, I think you’ll agree that Bill’s taxonomies are phenomenally useful when it comes to thinking through the work we do in frontend design and engineering.

This video is available in Flash format on Yahoo! Video and as an MPEG-4, iPod-compatible (and iPhone-compatible!) download (change the extension from .m4v to .mp4 if your video software doesn’t recognize the extension). (Slides, in Apple Keynote format, can be downloaded here [253MB].)

In Case You Missed…

Some other recent videos from the YUI Theater series:

Subscribing to YUI Theater:

Share and extend: Bookmark with Yahoo! My Web | Bookmark with del.icio.us | digg it! | reddit!

6 Comments »

RSS feed for comments on this post. TrackBack URI

  1. While “no” this comment does not relate directly to the post, I have a question: Why would Yahoo! design a flash video player with a button that looks almost exactly like a STOP button, but functions as a resizer? Perhaps Bill you could create a design pattern for media control buttons. :)

    Comment by Steve Nolte — October 15, 2007 #

  2. […] לאנשי הממשק של יאהו יש בלוג. זה גם שמו. קישרתי כאן פוסט שהיה לי תענוג לקריאה, אבל בעיקר תענוג אמיתי של צפייה בסרט וידאו בן 50 ומשהו דקות של אחד מהמעצבים שלהם, ביל סקוט, שבדיוק עוזב אותם לחברה אחרת. מומלץ בחום ונותן גישה להמון רעיונות בעיקר כי הוא מקבץ אותם בהרצאה אחת. בעיה אחת: הנגן של יאהו חמוד, אבל אי אפשר לפתוח אותו על חלון שלם. […]

    Pingback by חומר קריאה על ממשק משתמש וחוויית משתמש | Connected — October 16, 2007 #

  3. […] YUI blog has posted a video of Bill’s lecture: YUI Theater — Bill Scott: “Designing the Rich Web Experience: Principals and Patterns for Rich I…. This is a great opportunity to learn from one of the finest developers […]

    Pingback by Storyboard your DHTML interactions at Advanced CSS Design Resources - last-child.com — October 17, 2007 #

  4. […] YUI Theater — Bill Scott: “Designing the Rich Web Experience: Principles and Patterns for Rich I… Bill Scott leaves Yahoo. Their loss - the guy is a leader. (tags: yahoo) […]

    Pingback by James Governor’s Monkchips » links for 2007-10-23 — October 23, 2007 #

  5. Thanks for sharing this presentation, quite a few interesting points in there…I noticed that the ‘interesting moments’ matrix for drag and drop (@19mins 20secs) is slightly different to the Excel spreadsheet that is shared on the drag and drop page as it contains images showing the moment…is this available to download at all?

    Comment by Carlton Dickson — October 25, 2007 #

  6. […] (@19mins 20secs) is slightly different to the Excel spreadsheet that is shared on the drag … yuiblog.com/blog/2007/10/15/video-scott/#comment-216793 Comments for Yahoo! User Interface Blog […]

    Pingback by eraser’s blog » Blog Archive » Comment on YUI Theater — Bill Scott: “Designing the Rich Web … — October 25, 2007 #

Leave a comment

Note: Comments are moderated for first-timers. Spam deleted.

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Hosted by Yahoo!

Copyright © 2007 Yahoo! Inc. All rights reserved. Privacy Policy - Terms of Service

Powered by WordPress on Yahoo! Web Hosting.