Architecting For Ux

99
UX

description

 

Transcript of Architecting For Ux

Page 1: Architecting For Ux

UX

Page 2: Architecting For Ux

How

Page 3: Architecting For Ux

What

Page 4: Architecting For Ux

Why

Page 5: Architecting For Ux

UX

Page 6: Architecting For Ux

Establish a common vocabulary around user experience

Page 7: Architecting For Ux

User Experience

Page 8: Architecting For Ux

User Experience

User Interface Design

Page 9: Architecting For Ux

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.

Page 10: Architecting For Ux

User Experience

User Interface Design

User Research

Information Design Usability Testing

Design Planning

Page 11: Architecting For Ux

What roles does a designer play?

Page 12: Architecting For Ux

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

Page 13: Architecting For Ux

User Interface DesignUser Research Information Design Usability TestingDesign Planning

Page 14: Architecting For Ux

User Interface DesignUser Research Information Design Usability TestingDesign Planning

Page 15: Architecting For Ux

User Interface DesignUser Research Information Design Usability TestingDesign Planning

Page 16: Architecting For Ux

User Interface DesignUser Research Information Design Usability TestingDesign Planning

Page 17: Architecting For Ux

User Interface DesignUser Research Information Design Usability TestingDesign Planning

Good interaction designers are more than just graphic or visual designers

Page 18: Architecting For Ux

User Experience Roles

Page 19: Architecting For Ux

Summary thoughts

Page 20: Architecting For Ux

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

Page 21: Architecting For Ux

User Experience Phases (Little d design)

Page 22: Architecting For Ux

User Experience Phases (Big D design)

Page 24: Architecting For Ux

Software and design

Page 25: Architecting For Ux

Where have we been?

Page 26: Architecting For Ux
Page 27: Architecting For Ux
Page 28: Architecting For Ux
Page 29: Architecting For Ux
Page 30: Architecting For Ux
Page 31: Architecting For Ux
Page 32: Architecting For Ux
Page 33: Architecting For Ux

UX

Page 34: Architecting For 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

Page 35: Architecting For Ux

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

Josh HolmesRIA Architect [email protected] joshholmes.com

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

Phil WheatArchitect Evangelist [email protected] 512.897.8485blog.austinwheats.net

Clint EdmondsonArchitect [email protected] notsotrivial.net/blog

Brian PrinceArchitect Evangelist [email protected] 614.519.5045brianhprince.blogspot.com

Page 36: Architecting For Ux

www.visitmix.com

Page 37: Architecting For Ux

www.microsoft.com/design

www.microsoft.com/expression

Where to learn more

Page 38: Architecting For Ux

www.microsoft.com/asp.net

www.microsoft.com/silverlight

Where to learn more

Page 39: Architecting For Ux

Where to learn morewpf.netfx3.com/

Page 40: Architecting For Ux

Where to learn more

Page 41: Architecting For Ux

What is user experience?

Page 42: Architecting For Ux
Page 43: Architecting For Ux

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

Page 44: Architecting For Ux

4 Concepts

Page 45: Architecting For Ux

1

Page 46: Architecting For Ux

Function

Page 47: Architecting For Ux
Page 48: Architecting For Ux

It Works Great!

Page 49: Architecting For Ux

Aesthetic

Page 50: Architecting For Ux
Page 51: Architecting For Ux

It Looks Great!

Page 52: Architecting For Ux

3

Page 53: Architecting For Ux

Interaction

Page 54: Architecting For Ux
Page 55: Architecting For Ux

It Relates to You!

Page 56: Architecting For Ux

4

Page 57: Architecting For Ux

Process

Page 58: Architecting For Ux
Page 59: Architecting For Ux
Page 60: Architecting For Ux
Page 61: Architecting For Ux
Page 62: Architecting For Ux
Page 63: Architecting For Ux
Page 64: Architecting For Ux
Page 65: Architecting For Ux
Page 66: Architecting For Ux

Generates Memories

Page 67: Architecting For Ux

Emotional Connection

Page 68: Architecting For Ux

So, what does this have to do with software?

Page 69: Architecting For Ux

Business Principals

Page 70: Architecting For Ux

Technology tries to answer… “What is possible?”

Source: Larry Keeley, Doblin

Page 71: Architecting For Ux
Page 72: Architecting For Ux

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

Source: Larry Keeley, Doblin

Page 73: Architecting For Ux
Page 74: Architecting For Ux
Page 75: Architecting For Ux
Page 76: Architecting For Ux

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

Source: Larry Keeley, Doblin

Page 77: Architecting For Ux
Page 78: Architecting For Ux
Page 79: Architecting For Ux
Page 80: Architecting For Ux
Page 81: Architecting For Ux

UX

Page 82: Architecting For Ux

Understanding digital delivery models for the standards-

based Web, the rich Web and the rich client

Page 83: Architecting For Ux

Consistent design and development story

Expression Web / Visual Studio Web

Expression Blend / Visual Studio

Ubiquity Richness Next Generation

A continuum of experience

Page 84: Architecting For Ux

Formerly Codenamed “Atlas”AJAX based Web applications

Standards Based

ASP.net Ajax

Page 85: Architecting For Ux

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

Silverlight

Page 86: Architecting For Ux

Windows Presentation FoundationWindows Desktop

ApplicationsConnected Applications

WPF

Page 87: Architecting For Ux

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

Page 88: Architecting For Ux

Expression Studio

Page 89: Architecting For Ux

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

Page 90: Architecting For Ux

Expression Studio

Page 91: Architecting For Ux

Expression Web

XHTML, CSS, XML, and XSLT

Collaborate with developers using Visual Studio

Standards, accessibility, cross-browser compatibility

Page 92: Architecting For Ux

Expression Design

Design UI elements for Windows applications

Powerful vector tools and non-destructive effects

XAML workflow ensures design integrity

Page 93: Architecting For Ux

Expression Blend

Design stunning Windows applications

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

Ultimate user experiences

Page 94: Architecting For Ux

Expression Media

Supports over 100 file formats

Version control and folder watching

Rename, convert, tag, batch process and search

Page 95: Architecting For Ux

Expression Media Encoder

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

Cross-browser, cross-platform, cross-device

Command-line encoder

Page 96: Architecting For Ux

Let’s take a deeper look…

Page 97: Architecting For Ux

Web to better Web

Page 98: Architecting For Ux

Desktop to better desktop

Page 99: Architecting For Ux

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

Josh HolmesRIA Architect [email protected] joshholmes.com

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

Phil WheatArchitect Evangelist [email protected] 512.897.8485blog.austinwheats.net

Clint EdmondsonArchitect [email protected] notsotrivial.net/blog

Brian PrinceArchitect Evangelist [email protected] 614.519.5045brianhprince.blogspot.com