UX

How

What

Why

UX

Establish a common vocabulary around user experience

User Experience

User Experience

User Interface Design

User interfaces that are applied after an application and Web site are architected are like pushing icing around on a cake.

They can make something look nice but not fix fundamental problems, they merely hide them.

User Experience

User Interface Design

User Research

Information Design Usability Testing

Design Planning

What roles does a designer play?

A human being should be able to change a diaper, plan an invasion, butcher a hog, conn a ship, design a building, write a sonnet, balance accounts, build a wall, set a bone, comfort the dying, take orders, give orders, cooperate, act alone, solve equations, analyze a new problem, pitch manure, program a computer, cook a tasty meal, fight efficiently, die gallantly. Specialization is for insects.

Robert Heinlein, Author

User Interface DesignUser Research Information Design Usability TestingDesign Planning

User Interface DesignUser Research Information Design Usability TestingDesign Planning

User Interface DesignUser Research Information Design Usability TestingDesign Planning

User Interface DesignUser Research Information Design Usability TestingDesign Planning

User Interface DesignUser Research Information Design Usability TestingDesign Planning

Good interaction designers are more than just graphic or visual designers

User Experience Roles

Summary thoughts

Designers work about ‘what’ to design and also ‘how’

User Experience Phases (Little d design)

User Experience Phases (Big D design)

Software and design

Where have we been?

UX

Agenda• What is user experience?• Understanding the Microsoft UX platforms and the business

value they enable • Choosing the right technology for the job• Demonstrations: From Reach to Experience First

– ASP.NET AJAX– Silverlight– WPF

Your PeepsChris BernardUser Experience Evangelistchris.bernard@microsoft.com630.530.4208designthinkingdigest.com

Josh HolmesRIA Architect Evangelistjosh.holmes@microsoft.com734.323.3543 joshholmes.com

Larry ClarkinArchitect Evangelistlarry.clarkin@microsoft.com262.347.9582larryclarkin.com

Phil WheatArchitect Evangelist phil.wheat@microsoft.com 512.897.8485blog.austinwheats.net

Clint EdmondsonArchitect Evangelistclint.edmondson@microsoft.com314.703.7713 notsotrivial.net/blog

Brian PrinceArchitect Evangelist brprince@microsoft.com 614.519.5045brianhprince.blogspot.com

www.visitmix.com

www.microsoft.com/design

www.microsoft.com/expression

Where to learn more

www.microsoft.com/asp.net

www.microsoft.com/silverlight

Where to learn more

Where to learn morewpf.netfx3.com/

Where to learn more

What is user experience?

Design is Inevitable

43

“Questions about whether design is necessary or affordable are quite beside the point: design is inevitable.

The alternative to good design is bad design, not no design at all.”

Douglas Martindesigner

4 Concepts

1

Function

It Works Great!

Aesthetic

It Looks Great!

3

Interaction

It Relates to You!

4

Process

Generates Memories

Emotional Connection

So, what does this have to do with software?

Business Principals

Technology tries to answer… “What is possible?”

Source: Larry Keeley, Doblin

Business tries to answer… “What is viable in the market place?”

Source: Larry Keeley, Doblin

Experience / Design tries to answer… “What is desirable to users?”

Source: Larry Keeley, Doblin

UX

Understanding digital delivery models for the standards-

based Web, the rich Web and the rich client

Consistent design and development story

Expression Web / Visual Studio Web

Expression Blend / Visual Studio

Ubiquity Richness Next Generation

A continuum of experience

Formerly Codenamed “Atlas”AJAX based Web applications

Standards Based

ASP.net Ajax

Create and Deploy XAML content & Apps Everywhere!Windows, Web, Crossplatform, Devices

Silverlight

Windows Presentation FoundationWindows Desktop

ApplicationsConnected Applications

WPF

Friction free deployment and adoptionDeveloper / Designer productivity and collaboration

Ecosystem – controls, content, solutions integrators, community

Consistent design and development story

.NET

XAML

AJAX + .NET, JavaScript, DL

Support

XAML

HTML + AJAX

CSS / DHTML

Expression Web / Visual Studio Web

Expression Blend / Visual Studio

Web + Standards

Rich Web Ultimate Experience

Where to apply it

Expression Studio

designers & developers: Speak the same language

Designer/developer experience

designers design

designers & developers: Speak different languages

developers add business logic

designer developer

The new way for designers and developers to work together

Expression Studio

Expression Web

XHTML, CSS, XML, and XSLT

Collaborate with developers using Visual Studio

Standards, accessibility, cross-browser compatibility

Expression Design

Design UI elements for Windows applications

Powerful vector tools and non-destructive effects

XAML workflow ensures design integrity

Expression Blend

Design stunning Windows applications

Vector art, pixel images, high quality text, video, and real 3D content

Ultimate user experiences

Expression Media

Supports over 100 file formats

Version control and folder watching

Rename, convert, tag, batch process and search

Expression Media Encoder

Batch convert WMV, AVI, MPEG, QT, and more

Cross-browser, cross-platform, cross-device

Command-line encoder

Let’s take a deeper look…

Web to better Web

Desktop to better desktop

Your PeepsChris BernardUser Experience Evangelistchris.bernard@microsoft.com630.530.4208designthinkingdigest.com

Josh HolmesRIA Architect Evangelistjosh.holmes@microsoft.com734.323.3543 joshholmes.com

Larry ClarkinArchitect Evangelistlarry.clarkin@microsoft.com262.347.9582larryclarkin.com

Phil WheatArchitect Evangelist phil.wheat@microsoft.com 512.897.8485blog.austinwheats.net

Clint EdmondsonArchitect Evangelistclint.edmondson@microsoft.com314.703.7713 notsotrivial.net/blog

Brian PrinceArchitect Evangelist brprince@microsoft.com 614.519.5045brianhprince.blogspot.com