day one keynote

Return on Experience – By Design

Bill BuxtonMicrosoft Research

It’s a Good Time for Design!

Henry Dreyfuss1929

Western Electric Model 3021930 (1937-1950)

Raymond Loewy1929

Studebaker Avanti1962

Walter Dorwin Teague1926

Vanity Kodak 1928

iPod Mini2003

Kodak Vest Pocket Camera, Series II, VPK Special1926

Experience?

My mountain bike …

By Design?

• Draw my phone• Draw my

phone’s interface• Draw the

experience of using my phone

Forget the phone …

Sketching….

$$ $$

$$

$$$ $

$$$

Multiples

Multiples

MultiplesM

ult

iple

sMultiples

Timing?

Ron Bird: http://www.2birds.org/

Time

Invest

men

t

Weig

ht

of

Desi

gn

Cri

teri

a

SketchPrototype

Microsoft?

• When I joined 3 yrs ago, only 1 person in the technical leadership with design b.g. Now ~10.

• Significant growth in senior ranks joining from other companies

• But others promoted from within.• Growth not just at senior level• In less than two years, we have grown UX headcount

almost one and half times• This is almost twice the rate that we are hiring

technologists• We have about 800 designers and user researchers now

Monique Chatterjee is a Lead Designer on the MS Hardware Design Team. She graduated from Rochester Institute of Technology in ’97 and is now 33. She spent 7 years consulting in Boston and Chicago, designing housewares and consumer electronics, before joining Microsoft over 5 years ago.

Audrey Louchart joined the Premium Mobile Experience Group at MS just 7 months ago. She was previously a designer at One and Co, where she collaborated with MS as a consultant on the Arc mouse project. Audrey graduated in ‘04 from Institute Superior of Design in France, and turns 27 this week.

Let’s

make

it perso

nal!

Quick Demo

Six Degrees …

http://silverlight.net/

http://livelabs.com/

Luck is what happens when preparation meets opportunity.

Seneca

Advancing User ExperiencesScott GuthrieCorporate Vice PresidentDeveloper DivisionMicrosoft Corporation

mediaRIA

web

web | media | RIA

What is the Microsoft Web platform?A powerful set of tools and technologies optimized for building and hosting next generation web applications.

web | media | RIA

Expression Web 3• Standards based web authoring• Multi-language targeting• Secure FTP support• CSS Diagnostics• SuperPreview

demoErik SaltwellGroup Program ManagerMicrosoft Corporation

Expression Web 3

SuperPreview: IE 6,7,8

Announcing:

Beta Available Today

web | media | RIA

ASP.NET MVC 1.0• Full Control over HTML markup• SEO friendly with URL routing• Test driven development workflow• Easily extensible

ASP.NET MVC 1.0Announcing:

Shipping Today

web | media | RIA

ASP.NET 4 and VS 2010 ASP.NET 4 improvements• Web Forms• MVC• AJAX• Distributed Caching

Visual Studio 2010 for web development• Code focused improvements• JavaScript / AJAX / jQuery tooling • SharePoint• Publishing and deployment

web | media | RIA

Web ServerExtensions

web | media | RIA

Microsoft Web Platform Installer

Available FREE on Microsoft.com/Web

Install the latest versions of Microsoft Web Platform tools, server, database and framework.Stay up-to-date and explore what’s new. Runs on Windows XP, Windows Vista, Windows Server 2003 and Windows Server 2008

web | media | RIA

Windows Web App Gallery

Get up and running with the most widely used, freely available Web applications for Windows Server.

demoMicrosoft Web PlatformInstaller & App Gallery

Commerce Server 2009

Announcing:

Available Now

web | media | RIA

Azure Services Platform• Preview launched in October last year• User-demand driving new features– Windows Azure: FastCGI/PHP and .NET full

trust– SQL Data Services: Relational database – .NET Services: More Web standards

• On track for commercial release this year

web | media | RIA

Microsoft BizSpark

Designed to provide software entrepreneurs all the resources they need to build successful companies and connect them with a community of experts…

… for free.

support

software

visibility

Stackoverflow.com

Jeff Atwood & Joel Spolsky

Stackoverflow.com


development beginsMay 2008

private betaAug 2008

public betaSep 2008 ~ Jan 2008

Stackoverflow.com


page views per day600,000

unique users per day200,000

# of servers2 (database, web)

Stackoverflow.com


Native Web App

Our user interface: the search engine.

Obsessive web standardsOpenIDjQuery AJAX

Stackoverflow.com


Optimization, Shmoptimization

/questions/12345/post-title/tags/java/search?q=orthogonal/users/811/shog9

Stackoverflow.com


I Feel the Need.The Need for Speed.

Denormalize databaseIIS 7 Cache, Compression64-bit top to bottomjQuery AJAX callbacksMVC = low overhead

Stackoverflow.com


Stackoverflow.com


BizSparkMicrosoft

Stackoverflow.com

Jeff Atwood & Joel Spolsky Why?

Stackoverflow.com


Silverlight

Silverlight By The Numbers


Silverlight launched just 18 months ago


350 million+ Installs


300,000+ Developers & Designers

Silverlight By The Numbers200+ Partners in 30 Countries

Silverlight By The Numbers200+ Microsoft Products & Websites


10,000’s of apps globally

http://www.microsoft.com/casestudies/casestudy.aspx?casestudyid=4000003635








http://www.nationalrail.co.uk/index.html



http://infospaceinc.com/

http://images.google.com/imgres?imgurl=http://bp1.blogger.com/_ND4dPnvkhFc/Rl1--Rkx8TI/AAAAAAAAAF8/Sf72esyLdPg/s320/07-22-04-hsn.gif&imgrefurl=http://ftanews.blogspot.com/&usg=__fWD8sC8xR8Hw8rfmajXvrCaefTk=&h=161&w=175&sz=13&hl=en&start=10&um=1&tbnid=pWB1xq6bpRvaJM:&tbnh=92&tbnw=100&prev=/images?q=hsn&hl=en&sa=N&um=1

Netflix

Kevin McEnteeVice President, Web EngineeringNetflix

Netflix


Streaming To The Mac

Netflix


Streaming To Firefox

Netflix


Cross Platform Reality

Single Netflix Player

Netflix


Installers Are Evil

Single Netflix Player

Netflix


Netflix Out Of The Installer Business

One time install, supported by Microsoft

Netflix


Adaptive Streaming

Netflix


Adaptive Streaming

500 Kbps1000 Kbps

1500 Kbps

More Bits = Better Video

Netflix


Adaptive Streaming - Rebuffer

Netflix


Innovation Requires Iteration

Netflix


Silverlight Is A Research Platform

Innovate Deploy

Netflix


Silverlight 3: Continued Innovation

GPU support for scaling and stretching videoWider range of processors and price points for running video playback

Netflix


Netflix Loves Silverlight

web | media | RIA

Silverlight 3 Media• GPU hardware acceleration• New codec support (H.264, AAC,

MPEG-4)• Raw bitstream Audio/Video API• Improved logging for media

analytics

web | media | RIA

IIS Media Services• On-demand smooth streaming• Live smooth streaming• Edge caching• Web playlists• Bit-rate throttling• Advanced logging

demoSilverlight Media

Sr. VP Digital MediaNBC Sports & Olympics

Perkins Miller

web | media | RIA

Beijing• 1.3 billion page views• 52.1 million unique visitors• 75.5 million videos watched• 9.9 million hours of video consumed (1,126 years)• 27 minutes of viewing per session• 5,000 unique clips viewed per day during the final week• 35 million mobile views• 130,000 peak streams• 3.4 petabytes of video delivered

web | media | RIA

Vancouver• The Online HD Olympics

– 100% Smooth Streaming

– Full 720p HD

• DVR capabilities (pause/rewind live action)• Super slow motion and high resolution frame capture• Metadata overlays • Live video alerts• Real-time feeds of the latest and most popular clips

web | media | RIA

Graphics• GPU Acceleration and hardware

compositing• Perspective 3D • Bitmap & pixel API• Pixel shader effects • Deep Zoom improvements

demoGratuitous Graphics <3

web | media | RIA

Application Development• Deep linking, navigation and SEO• Improved text quality• Multi-Touch support• 100+ controls available• Library caching support

demoDavid AnthonyCo-Founder

Scott StanfieldCEO

web | media | RIA

Workflow: Handle With Care

Let’s do it for the egg.

web | media | RIA

Expression Blend 3• SketchFlow• Adobe Photoshop and Illustrator import• Behaviors• Designing with data• Source code control• XAML, C# and VB code intellisense

demoJon HarrisSr. Product ManagerMicrosoft Corporation

Expression Blend 3

Eclipse Support for Silverlight (on Mac)

Announcing:

web | media | RIA

Data• Data-binding improvements • Validation error templates• Server data push improvements• Binary XML networking support• Multi-Tier REST data support

demoSilverlight Business Apps

SAP NetWeaver® Support

Announcing:

web | media | RIA

Out of Browser Scenarios• Extend media experiences

• Companion applications for your Web site

• Lightweight data snacking applications

web | media | RIA

Out of Browser Capabilities• Simple consumer friendly experience

• Safe, secure, sandboxed environment

• Built-in auto-update support

• Build offline-aware applications

• Integrate with underlying operating system

demoTom Mara & Aaron StarkeyKEXP

Silverlight 3 Download Size• Thousands of new APIs• Hundreds of new features• New codecs • Out of browser support

40k smaller than Silverlight 2

Available today• Silverlight 3 Beta• Expression Blend 3 Preview• Silverlight 3 Tools for Visual Studio

2008• IIS Media Services

• Thanks GoGrid! Use your Go Grid Cloud Card from your attendee bag for a $200 credit toward their cloud based Windows Server 2008 offering.

• Get your FREE copy of Windows Web Server 2008 by stopping by registration

• Use Web PI to make your new Web server ready for development or production

• Download Silverlight 3 today!

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

day one keynote

Technology

web server extensions

year web

deployment web

demo expression web

native web app

generation web applications

web media ria

windows web app galleryget