Microsoft UX Platform and Tool Overview By Chris Bernard

Post on 21-Jan-2015

11.242 views 7 download

Tags:

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

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

New APIs

ASP.net Ajax

AJAX based Web applicationsStandards Based

Silverlight

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

WPF

Windows Presentation FoundationWindows Desktop Applicationsp pp

Connected Applications

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

The challenge today…

Developers

Designers

Emotional Connection

Look & Behavior

Usability

Data Visualization

Emotional Connection

Developers

Functional Capabilities

Functional Capabilities

Deployment

Function

Data Connection and Integrity

IT process

Security

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

Concept: Courtesy of Jon Harris, a Microsoft buddy

Concept: Courtesy of Jon Harris, a Microsoft buddy

Concept: Courtesy of Jon Harris, a Microsoft buddy

Concept: Courtesy of Jon Harris, a Microsoft buddy

Concept: Courtesy of Jon Harris, a Microsoft buddy

Concept: Courtesy of Jon Harris, a Microsoft buddy

Concept: Courtesy of Jon Harris, a Microsoft buddy

Concept: Courtesy of Jon Harris, a Microsoft buddy

designing with Expression

Concept: Courtesy of Jon Harris, a Microsoft buddy

application logic

Concept: Courtesy of Jon Harris, a Microsoft buddy

application logic presentation

Concept: Courtesy of Jon Harris, a Microsoft buddy

application logic presentation

Concept: Courtesy of Jon Harris, a Microsoft buddy

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

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentationdeployment

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentationpublishing

systemdeployment

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentationdeployment

Concept: Courtesy of Jon Harris, a Microsoft buddy

applicationapplication logic

result

presentation

Unifying the Design / Development Process

DesignerLook, behavior, brand,

DeveloperFunction, deployment, data, , , ,

and emotional connection security, operational integrity

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

Expression Studio

Expression Web

New Era, New Tool

Beautiful Inside and Out

Passionate About Standards

Expression Blend

Your Sandbox Just Got Bigger

Art, Meet Science

Go Beyond the Browser

Expression Design

Expand Your Portfolio

Designed for Design

Your Vision, Uncompromised

Expression Media

Tame Your Media

Your Workflow, Enhanced

Presentation is Everything

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