What’s Next for Web Developers?
Developer Tools Product Manager
•Technology for Great User Experiences
• We struggle to recall things but we are good at
• We have limited short term memory. Capacity: 7+/-2
• We struggle to “spot the difference” when interfaces
The Typical Web Experience – Spot the Difference
Enhanced User Experience – Spot the Difference
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
• 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
they feel happy.
they think better.
they achieve more.
Your users will demand better user experiences
BBC Interactive Media Player @ Mix
Think on this…
“The design of good houses requires an understanding of
both the construction materials and the behavior of real
humans.” —Peter Morville
“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
“If something is hard to use, I just use it less”
What is “good design” and does it matter?
Coffee? Cars? Consumer Goods?
User Experience in software applications?
Measuring UX ROI
(end user behaviors / benefits)
Ease of Use Richness
Learn ability Success Graphics & Media
Performance Productivity Data Visualization
Reliability Retention Higher Fidelity Information
Security Comprehension Globalization
Optimized form factors Conversion Accessibility
Legibility / Readability Satisfaction Hardware & Printing Integration
Relevance / Contextualization Excitement
Windows Vista Office 2007
Degrees of User Experience in the Web/Windows Landscape
Ubiquitous, Cross-Platform, Browser Based Windows
Degrees of User
Standard Richer Richest
Less latency Greater performance
Functional… Greater interactivity Superior richness
Better information design Full platform integration
MSN Photos Photo Site with ASP.NET “Atlas” Digital Image Suite Pro
MSN Mail Outlook Web Access (OWA) Office: Outlook
End to end platform for delivering rich web experiences
Microsoft Web Platform Microsoft UX Technologies
XAML / .NET FX
Full development framework
Full integration with desktop
Windows Presentation Foundation
“Beyond the browser”
Full fidelity & performance XAML, Managed Code
XAML / .NET FX / JScript
High reach, X-platform
“WPF/E” + ASP.NET
XAML, Managed Code,
Graphics, Media, Animation
Fully standards compliant
Lower latency, better UX ASP.NET “Atlas”
Tools Microsoft Expression
A professional illustration, A professional design tool to A professional design tool to
painting, and graphic create engaging, rich user create modern, standards-
design tool to create interfaces for desktop based sites which deliver
compelling designs for on- applications and the web superior quality on the Web.
screen, web, and application which deliver next
user interfaces. generation user experiences
on Windows Vista.
Unifying the Designer Developer Process
Emotional Connection Functional Capabilities
Look, behavior, data visualization, usability, Deployment, function, data connection and
brand impact integrity, IT process, security
JPG / TIFF C++
MOV / WMV XAML C#
XML / XSLT
• ASP.NET “Atlas” • “WPF/E”
– RTM Q406 – CTPs starting in October 2006
• WPF (and .NET 3.0) – RTM for Web in first half of
– Available in Beta form 2007
– Release with Windows Vista – Device release in second half
• Expression Tools of 2007
– CTPs available now
– RTM starting late 2006