Architecting For 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 Design User Research Information Design Usability Testing Design Planning

Good interaction designers are more than just graphic or visual designers User Interface Design User Research Information Design Usability Testing Design Planning

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?

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 Peeps Chris Bernard User Experience Evangelist [email_address] 630.530.4208 designthinkingdigest.com Josh Holmes RIA Architect Evangelist [email_address] 734.323.3543 joshholmes.com Larry Clarkin Architect Evangelist [email_address] 262.347.9582 larryclarkin.com Phil Wheat Architect Evangelist phil.wheat@microsoft.com 512.897.8485 blog.austinwheats.net Clint Edmondson Architect Evangelist [email_address] 314.703.7713 notsotrivial.net/blog Brian Prince Architect Evangelist brprince@microsoft.com 614.519.5045 brianhprince.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 more wpf.netfx3.com/

Where to learn more

What is user experience?

Design is Inevitable “ 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 Martin designer

4 Concepts

Function

It Works Great!

Aesthetic

It Looks Great!

Interaction

It Relates to You!

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?”

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

Consumers try to answer… “Where can I be part of the conversation? How can I control my participation? My voice?”

Communities try to answer… “What is sustainable?”

Understanding digital delivery models for the standards-based Web, the rich Web and the rich client

A continuum of experience Consistent design and development story Ubiquity Richness Next Generation Expression Web / Visual Studio Web Expression Blend / Visual Studio

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 Foundation Windows Desktop Applications Connected Applications WPF

Where to apply it Consistent design and development story Web + Standards Rich Web Ultimate Experience Friction free deployment and adoption Developer / Designer productivity and collaboration Ecosystem – controls, content, solutions integrators, community .NET XAML AJAX + .NET, JavaScript, DL Support XAML HTML + AJAX CSS / DHTML Expression Web / Visual Studio Web Expression Blend / Visual Studio

Expression Studio

Designer/developer experience
designers & developers:
Speak the same language
designers design
designers & developers:
Speak different languages
developers add business logic The new way for designers and developers to work together designer developer

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 Peeps Chris Bernard User Experience Evangelist [email_address] 630.530.4208 designthinkingdigest.com Josh Holmes RIA Architect Evangelist [email_address] 734.323.3543 joshholmes.com Larry Clarkin Architect Evangelist [email_address] 262.347.9582 larryclarkin.com Phil Wheat Architect Evangelist phil.wheat@microsoft.com 512.897.8485 blog.austinwheats.net Clint Edmondson Architect Evangelist [email_address] 314.703.7713 notsotrivial.net/blog Brian Prince Architect Evangelist brprince@microsoft.com 614.519.5045 brianhprince.blogspot.com

Architecting For Ux

by Josh Holmes

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 10

Statistics

Architecting For Ux Presentation Transcript