Download - Exposing the Web’s Biggest (Free) Billboard
Exposing the Web’s Biggest (Free) BillboardMicah Laaker | Big (D)esign Conference2009.05.30
•Who?• Director of User
Experience, Yahoo! Open Strategy (Y!OS)
• Work for 3rd-party Developers and Publishers
• APIs, Web Services, Applications, and RSS
COMMENTS: I’m Micah Laaker, Director of User Experience for Yahoo!’s Open Strategy, which basically means I lead a team of tremendously talented designers and prototypers on our efforts to support 3rd-party developers and publishers (a.k.a. people like you, who create interesting and innovative Web-connected products). Yahoo! offers over 40 services and APIs to the world, ranging from Data (think: content) to Services (think: Mail and Search). Last, but maybe most important of all, I’m from Omaha. You can ask anyone I work with back in the Bay Area; they hear it over and over again: I’m proud to be from Omaha, and love the creative spark here that kick-started what I’ve done to date.
Agenda• Overview of Yahoo!’s reach
• Review open components
• Profile, Social Graph, Activity Stream, Open Canvases
• Updates sources and experiences
• How to leverage
Total time spent online
13%
Total time spentat Yahoo!
COMMENTS: Of that usage, more than 10% of that time is spent on Yahoo.com pages and applications.
Yahoo! has audience.
Yahoo! Home Page
300m
Yahoo! Mail
300m
Yahoo! Messenger
90m
My Yahoo!
40m
Y!OS• Open Canvases
• Activity streams
• Foundational elements:
• Profile
• Social Graph
Profile
1 Single Profile for the networkConsistent user reflection everywhere
Social Graph
Connections Graph2-way confirmed relationships
Open Canvases
SearchYahoo! SearchUse microformats to alter display
Yahoo! MailApps can use Mail-specific features
My Yahoo!
My Yahoo!Modules allow quick App dashboard with profile and social user data
YAP
Cody I
Matt L
Yahoo! Canvas ViewFull-page App experience with rich interaction, profile, and social data
COMMENTS: From Pipes, I began working on one of Yahoo!’s recent efforts. Our Application Platform allows anyone to take content and experiences from their product and launch them into a Yahoo! canvas. Think of our “Apps” as your site inside of Yahoo!... i.e. meeting your users where they already are. Users can add any apps they wish to places like My Yahoo!, where millions of users start (and end) each day. Here, for example, you can see one of Watercooler’s (a great company down the road from us in Mountain View) TV-themed Apps for Arrested Development both on its own full canvas page and as a widget on My Yahoo!.
Addicted to…Trivia, quizzes, and quotes about TV
COMMENTS: From Pipes, I began working on one of Yahoo!’s recent efforts. Our Application Platform allows anyone to take content and experiences from their product and launch them into a Yahoo! canvas. Think of our “Apps” as your site inside of Yahoo!... i.e. meeting your users where they already are. Users can add any apps they wish to places like My Yahoo!, where millions of users start (and end) each day. Here, for example, you can see one of Watercooler’s (a great company down the road from us in Mountain View) TV-themed Apps for Arrested Development both on its own full canvas page and as a widget on My Yahoo!.
What’s Cookin’Find great dinner and drink pairings
COMMENTS: From Pipes, I began working on one of Yahoo!’s recent efforts. Our Application Platform allows anyone to take content and experiences from their product and launch them into a Yahoo! canvas. Think of our “Apps” as your site inside of Yahoo!... i.e. meeting your users where they already are. Users can add any apps they wish to places like My Yahoo!, where millions of users start (and end) each day. Here, for example, you can see one of Watercooler’s (a great company down the road from us in Mountain View) TV-themed Apps for Arrested Development both on its own full canvas page and as a widget on My Yahoo!.
Mint.com Personal FinanceTrack your bank & investment accts.
COMMENTS: From Pipes, I began working on one of Yahoo!’s recent efforts. Our Application Platform allows anyone to take content and experiences from their product and launch them into a Yahoo! canvas. Think of our “Apps” as your site inside of Yahoo!... i.e. meeting your users where they already are. Users can add any apps they wish to places like My Yahoo!, where millions of users start (and end) each day. Here, for example, you can see one of Watercooler’s (a great company down the road from us in Mountain View) TV-themed Apps for Arrested Development both on its own full canvas page and as a widget on My Yahoo!.
LexulousHead-to-head Scrabble game
COMMENTS: From Pipes, I began working on one of Yahoo!’s recent efforts. Our Application Platform allows anyone to take content and experiences from their product and launch them into a Yahoo! canvas. Think of our “Apps” as your site inside of Yahoo!... i.e. meeting your users where they already are. Users can add any apps they wish to places like My Yahoo!, where millions of users start (and end) each day. Here, for example, you can see one of Watercooler’s (a great company down the road from us in Mountain View) TV-themed Apps for Arrested Development both on its own full canvas page and as a widget on My Yahoo!.
Gas Prices by GasBuddy.comFind the lowest prices for fuel
COMMENTS: From Pipes, I began working on one of Yahoo!’s recent efforts. Our Application Platform allows anyone to take content and experiences from their product and launch them into a Yahoo! canvas. Think of our “Apps” as your site inside of Yahoo!... i.e. meeting your users where they already are. Users can add any apps they wish to places like My Yahoo!, where millions of users start (and end) each day. Here, for example, you can see one of Watercooler’s (a great company down the road from us in Mountain View) TV-themed Apps for Arrested Development both on its own full canvas page and as a widget on My Yahoo!.
Mafia WarsRaise and run your own Mafia
COMMENTS: From Pipes, I began working on one of Yahoo!’s recent efforts. Our Application Platform allows anyone to take content and experiences from their product and launch them into a Yahoo! canvas. Think of our “Apps” as your site inside of Yahoo!... i.e. meeting your users where they already are. Users can add any apps they wish to places like My Yahoo!, where millions of users start (and end) each day. Here, for example, you can see one of Watercooler’s (a great company down the road from us in Mountain View) TV-themed Apps for Arrested Development both on its own full canvas page and as a widget on My Yahoo!.
Apps publish to UpdatesChoose which activities fire Updateswhich then drive others to your App
Activity Stream
Where do Updates come from?
Inputs• Network properties
• Services from around the Web
• 3rd-party Applications
• Open Applications
• OAuth Apps
Yahoo! Services publishing Updates
events
3rd-party products publishing Updates
events
Easily link your Web accounts to Yahoo!
Updates
Link up off-network servicesAdd 21 services in one fell swoop
MyBlogLog offers additional feedsmybloglog.com/buzz/e_profile_serv.php
JS-Kit integration800k blogs allow Yahoo! sign-in and Updates publishing
JS-Kit integration resultsCross-web comments shared with friends (and world)
Blog Posts publish to UpdatesIncrease distribution of your content
Blog Posts publish to UpdatesYou control icon, link, and language around your Updates posts
Updates Everywhere
Aggregate
Front PageMost recent Updates from around Yahoo! and the Web
Yahoo! MailConstant stream of friends’ Yahoo! and Web activity
iGoogle gadgetSame content, different environment
Contextual
Yahoo! SportsSports-only filter of friends’ actions
Yahoo! SportsAlso see what others are doing
Yahoo! BuzzWhat content my friends find hot
Yahoo! MusicFriend-filtered ratings/reviews
WP sidebar3rd-party IntegrationUser-specific Updates easy to share
Wrap it up, B.
COMMENTS: Just as an example of how powerful this platform is for getting your content in front of Yahoo! users, this is an App I created with some others in our group in about 10 hours for our recent Hack Day (an event we throw quarterly to quickly try out ideas by building working prototypes within 24 hours). It takes what Apps my friends have installed, subtracts the Apps I’ve installed, and gives me back a recommendation for which Apps I should consider installing (as my friends are already active therein). 10 hours. That’s it... and most of that time was just spent on the CSS and layout. Instantly deployed and available to any Yahoo! user for installation.
Bringing it all togetherapps.yahoo.com/-octyip6g
YQL (Yahoo! Query Language)Easy means to collect + filter Updates
COMMENTS: Just as an example of how powerful this platform is for getting your content in front of Yahoo! users, this is an App I created with some others in our group in about 10 hours for our recent Hack Day (an event we throw quarterly to quickly try out ideas by building working prototypes within 24 hours). It takes what Apps my friends have installed, subtracts the Apps I’ve installed, and gives me back a recommendation for which Apps I should consider installing (as my friends are already active therein). 10 hours. That’s it... and most of that time was just spent on the CSS and layout. Instantly deployed and available to any Yahoo! user for installation.
Updates as Content MineExtract meaningful info from friends’ events to highlight relevant content
Use Open Apps to Publish UpdateApp clicks result in events others can see, driving more traffic to your content
COMMENTS: Just as an example of how powerful this platform is for getting your content in front of Yahoo! users, this is an App I created with some others in our group in about 10 hours for our recent Hack Day (an event we throw quarterly to quickly try out ideas by building working prototypes within 24 hours). It takes what Apps my friends have installed, subtracts the Apps I’ve installed, and gives me back a recommendation for which Apps I should consider installing (as my friends are already active therein). 10 hours. That’s it... and most of that time was just spent on the CSS and layout. Instantly deployed and available to any Yahoo! user for installation.
Common ComponentsOpen Apps leverage pre-built components like Sharing
How to Leverage Yahoo!
Lay the foundation
Create/update your Profileprofiles.yahoo.com
Add Connectionsprofiles.yahoo.com/contacts.php?p=1
Add Outside Servicesprofiles.yahoo.com/share_more.php
Add Applicationsapps.yahoo.com
Download SDKs
Mac OS X and iPhone integrationcoming very soon
Grab our existing APIs/servicesdeveloper.yahoo.com/everything.html
Build App(s)
Build an Applicationdeveloper.yahoo.com/dashboard
Open Application (on Yahoo!)developer.yahoo.com/yap
OAuth Application (on your site)developer.yahoo.com/yap
Benefits• Free
• Large, engaged, & diverse audience
• 1 point of engagement, with multiple endpoints
• Complementary, not contrary, to Web standards
Summary• Lay the foundation profiles.yahoo.com
• Get the SDKs developer.yahoo.com/social
• Build an App developer.yahoo.com/yap
• Use YQL developer.yahoo.com/yql
• Publish to Yahoo! Updates developer.yahoo.com/updates
COMMENTS: To try out the different products I just shared, be sure to go to developer.yahoo.com. Specifically, be sure to try each of these (YUI, BOSS, YAP, YQL, and Updates) to use our latest and greatest products. By doing so, you’ll save yourself the need to learn (the hard way) the same lessons I learned before (about recreating services and reaching users where they’re already at). Instead, *you* can dive into building cool, innovative products that solve problems you want to tackle.
In Conclusion• Learn more about the
Yahoo! Open Strategy: developer.yahoo.com/yos/
• Contact:Micah Laakerlaaker.com/[email protected]: @mlaaker