What’s Next for Web Developers? July, 2006 John Allwright, Developer Tools Product Manager Microsoft UK

Agenda User Experience? Technology for Great User Experiences Demos

Human brains… We struggle to recall things but we are good at recognising things. We have limited short term memory. Capacity: 7+/-2 things. We struggle to “spot the difference” when interfaces update slowly.

The Typical Web Experience – Spot the Difference

Enhanced User Experience – Spot the Difference

Human brains… We spot and pay attention to things that move. We have a powerful parallel processor for simple visual elements: hue, curves and size, depth, …. We can use an object’s position and surroundings to help us locate and remember it.

So you think you know your own brain…

Human brains… We use habits to help us reduce mental effort. We expect communication with computers to follow normal social rules. We “think by doing”. We make predictions based on previous experience.

Beauty makes us think better We feel first, and our thinking is influenced by what we feel. People think beautiful products look more useful and are more inclined to try them. Happy people think more broadly, and have less trouble finding their way through electronic products. Creating mild “negative effect” (stress, worry) causes people to narrow focus and go quickly - also useful, sometimes. Positive: Soft, curved, melodious, gentle, light, bright, shiny Negative: Loud, sharp, sudden, hard, dark, dirty.

We like good User Experience because it improves our lives When people achieve things, they feel happy. When people feel happy, they think better. When people think better, they achieve more. Flow State

Your users will demand better user experiences

BBC Interactive Media Mix

Think on this… “If something is hard to use, I just use it less” --Your Users? “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 —Douglas Martin—Douglas Martin “The design of good houses requires an understanding of both the construction materials and the behavior of real humans.”—Peter Morville —Peter Morville—Peter Morville

Ease of Use Learn ability Performance Reliability Security Optimized form factors Legibility / Readability Relevance / Contextualization Richness Graphics & Media Data Visualization Higher Fidelity Information Globalization Accessibility Hardware & Printing Integration User Experience in software applications? Measuring UX ROI (end user behaviors / benefits) Success Productivity Retention Comprehension Conversion Satisfaction Excitement Repeat Use What is “good design” and does it matter? Coffee?Cars?Consumer Goods? Windows VistaOffice 2007

Windows Ubiquitous, Cross-Platform, Browser Based Degrees of User Experience in the Web/Windows Landscape Enterprise Applications Consumer Applications MSN MailOutlook Web Access (OWA)Office: Outlook MSN PhotosPhoto Site with ASP.NET “Atlas”Digital Image Suite Pro Consumer Applications Less latency Greater interactivity Better information design Greater performance Superior richness Full platform integration Degrees of User Experience StandardRicherRichest Functional…

Superior UX Functional End to end platform for delivering rich web experiences Windows Presentation Foundation Enhanced Browser “WPF/E” + ASP.NET XAML, Managed Code, JavaScript Any Browser ASP.NET “Atlas” Microsoft Web PlatformMicrosoft UX Technologies XAML, Managed Code XBAP XAML /.NET FX Full fidelity & performance Full integration with desktop “Beyond the browser” Full development framework XAML /.NET FX / JScript Graphics, Media, Animation High reach, X-platform Friction Free Lower latency, better UX Fully standards compliant Reach Rich

Company Confidential ToolsMicrosoft Expression A professional illustration, painting, and graphic design tool to create compelling designs for on- screen, web, and application user interfaces. A professional design tool to create modern, standards- based sites which deliver superior quality on the Web. A professional design tool to create engaging, rich user interfaces for desktop applications and the web which deliver next generation user experiences on Windows Vista.

Unifying the Designer Developer Process Designer Emotional Connection Look, behavior, data visualization, usability, brand impact Developer Functional Capabilities Deployment, function, data connection and integrity, IT process, security C++ C# VB.NET Paper JPG / TIFF MOV / WMV PSD PPT XAML XHTML CSS XML / XSLT DHTML “Atlas”

Scope

Availability ASP.NET “Atlas” –RTM Q406 WPF (and.NET 3.0) –Available in Beta form –Release with Windows Vista Expression Tools –CTPs available now –RTM starting late 2006 “WPF/E” –CTPs starting in October 2006 –RTM for Web in first half of 2007 –Device release in second half of 2007