Download What`s Next for Web Developers?

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.
Flow
State
When people
think better,
they achieve more.
When people
feel happy,
they think better.
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”
--Your Users?
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
Learn ability
Performance
Reliability
Security
Optimized form factors
Legibility / Readability
Relevance / Contextualization
Windows Vista
Success
Productivity
Retention
Comprehension
Conversion
Satisfaction
Excitement
Repeat Use
Richness
Graphics & Media
Data Visualization
Higher Fidelity Information
Globalization
Accessibility
Hardware & Printing Integration
Office 2007
Degrees of User Experience in the Web/Windows Landscape
Degrees of User
Experience
Ubiquitous, Cross-Platform, Browser Based
Standard
Functional…
Consumer
Applications
MSN Photos
Richer
Richest
Less latency
Greater interactivity
Better information design
Greater performance
Superior richness
Full platform integration
Photo Site with ASP.NET “Atlas”
Digital Image Suite Pro
Consumer
Applications
MSN Mail
Enterprise
Applications
Windows
Outlook Web Access (OWA)
Office: Outlook
End to end platform for delivering rich web experiences
Microsoft UX Technologies
Full development framework
Full integration with desktop
XAML / .NET FX / JScript
Enhanced Browser
“WPF/E” + ASP.NET
High reach, X-platform
Friction Free
Graphics, Media, Animation
XAML, Managed Code,
JavaScript
Functional
Lower latency, better UX
Windows Presentation Foundation
XAML, Managed Code
Full fidelity & performance
Fully standards compliant
Superior UX
“Beyond the browser”
Rich
XAML / .NET FX
Reach
Microsoft Web Platform
Any Browser
ASP.NET “Atlas”
JavaScript
Tools
Microsoft Expression
A professional illustration,
painting, and graphic
design tool to create
compelling designs for onscreen, web, and application
user interfaces.
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.
A professional design tool to
create modern, standardsbased sites which deliver
superior quality on the Web.
Company Confidential
Unifying the Designer Developer Process
Designer
Developer
Emotional Connection
Functional Capabilities
Look, behavior, data visualization, usability,
brand impact
Deployment, function, data connection and
integrity, IT process, security
Paper
JPG / TIFF
MOV / WMV
PSD
PPT
XAML
XHTML
CSS
XML / XSLT
DHTML
“Atlas”
C++
C#
VB.NET
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