Microsoft UX Platform and Tool Overview By Chris Bernard

51

description

This is a high-level overview of the Microsoft UX platform and tools, it fills out our 'egg' story a bit and how we're trying to impact designer and developer workflow.

Transcript of Microsoft UX Platform and Tool Overview By Chris Bernard

Page 1: Microsoft UX Platform and Tool Overview By Chris Bernard
Page 2: Microsoft UX Platform and Tool Overview By Chris Bernard

How can UX platforms help us create How can UX platforms help us create the next GREAT user experience

Page 3: Microsoft UX Platform and Tool Overview By Chris Bernard

New APIs

Page 4: Microsoft UX Platform and Tool Overview By Chris Bernard
Page 5: Microsoft UX Platform and Tool Overview By Chris Bernard

ASP.net Ajax

AJAX based Web applicationsStandards Based

Page 6: Microsoft UX Platform and Tool Overview By Chris Bernard

Silverlight

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

Page 7: Microsoft UX Platform and Tool Overview By Chris Bernard

WPF

Windows Presentation FoundationWindows Desktop Applicationsp pp

Connected Applications

Page 8: Microsoft UX Platform and Tool Overview By Chris Bernard

Where to apply it

Web + Standards Rich Web Ultimate Experience

AJAX + NET .NET

XAML

AJAX + .NET, JavaScript, DL Support

XAML

HTML + AJAX

CSS / DHTML

Consistent design and development story

Expression Web / Visual Studio Web

Expression Blend / Visual Studio

Friction free deployment and adoptionDeveloper / Designer productivity and collaboration

Ecosystem – controls, content, solutions integrators, community

Page 9: Microsoft UX Platform and Tool Overview By Chris Bernard

The challenge today…

Page 10: Microsoft UX Platform and Tool Overview By Chris Bernard

Developers

Page 11: Microsoft UX Platform and Tool Overview By Chris Bernard

Designers

Page 12: Microsoft UX Platform and Tool Overview By Chris Bernard

Emotional Connection

Page 13: Microsoft UX Platform and Tool Overview By Chris Bernard

Look & Behavior

Page 14: Microsoft UX Platform and Tool Overview By Chris Bernard

Usability

Page 15: Microsoft UX Platform and Tool Overview By Chris Bernard

Data Visualization

Page 16: Microsoft UX Platform and Tool Overview By Chris Bernard

Emotional Connection

Page 17: Microsoft UX Platform and Tool Overview By Chris Bernard

Developers

Page 18: Microsoft UX Platform and Tool Overview By Chris Bernard

Functional Capabilities

Page 19: Microsoft UX Platform and Tool Overview By Chris Bernard

Functional Capabilities

Page 20: Microsoft UX Platform and Tool Overview By Chris Bernard

Deployment

Page 21: Microsoft UX Platform and Tool Overview By Chris Bernard

Function

Page 22: Microsoft UX Platform and Tool Overview By Chris Bernard

Data Connection and Integrity

Page 23: Microsoft UX Platform and Tool Overview By Chris Bernard

IT process

Page 24: Microsoft UX Platform and Tool Overview By Chris Bernard

Security

Page 25: Microsoft UX Platform and Tool Overview By Chris Bernard
Page 26: Microsoft UX Platform and Tool Overview By Chris Bernard

Designer/developer experienceThe new way for designers and developers to work together

Designer/developer experiencedesigner developer

designers & developers: Speak different languages

designers design developers add business logic

Page 27: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

Page 28: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

Page 29: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

Page 30: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

Page 31: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

Page 32: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

Page 33: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

Page 34: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

designing with Expression

Page 35: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

application logic

Page 36: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

application logic presentation

Page 37: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

application logic presentation

Page 38: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

C# VB <XAML>C#, VB <XAML>application logic presentation

Page 39: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentationdeployment

Page 40: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentationpublishing

systemdeployment

Page 41: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentationdeployment

Page 42: Microsoft UX Platform and Tool Overview By Chris Bernard

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentation

Page 43: Microsoft UX Platform and Tool Overview By Chris Bernard

Unifying the Design / Development Process

DesignerLook, behavior, brand,

DeveloperFunction, deployment, data, , , ,

and emotional connection security, operational integrity

Page 44: Microsoft UX Platform and Tool Overview By Chris Bernard

Unifying the Design / Development Process

DesignerExpression

DeveloperVisual Studio

PaperC++C#

VB NET

PaperJPG / TIFF

PSDPPT

XAML

N St d d

VB.NETMOV / WMV

XHTMLCSS / XSLTNon Standards‘Dirty Code’

Mockups

Non Standards‘Dirty Code’

Mockups

CSS / XSLTXML

ASP.NETJavascriptJavascript

AJAX

Page 45: Microsoft UX Platform and Tool Overview By Chris Bernard

Expression Studio

Page 46: Microsoft UX Platform and Tool Overview By Chris Bernard

Expression Web

New Era, New Tool

Beautiful Inside and Out

Passionate About Standards

Page 47: Microsoft UX Platform and Tool Overview By Chris Bernard

Expression Blend

Your Sandbox Just Got Bigger

Art, Meet Science

Go Beyond the Browser

Page 48: Microsoft UX Platform and Tool Overview By Chris Bernard

Expression Design

Expand Your Portfolio

Designed for Design

Your Vision, Uncompromised

Page 49: Microsoft UX Platform and Tool Overview By Chris Bernard

Expression Media

Tame Your Media

Your Workflow, Enhanced

Presentation is Everything

Page 50: Microsoft UX Platform and Tool Overview By Chris Bernard

Where to apply it

Web + Standards Rich Web Ultimate Experience

AJAX + NET .NET

XAML

AJAX + .NET, JavaScript, DL Support

XAML

HTML + AJAX

CSS / DHTML

Consistent design and development story

Expression Web / Visual Studio Web

Expression Blend / Visual Studio

Friction free deployment and adoptionDeveloper / Designer productivity and collaboration

Ecosystem – controls, content, solutions integrators, community

Page 51: Microsoft UX Platform and Tool Overview By Chris Bernard