Designing A Better User Experience With AJAX And ATLAS Rick Spencer User Experience Manager Live Local Brad Abrams Group Program Manager UiFx Team NGW052

Introduction AJAX Patterns (Michael Mahemoff) Minimize traffic between browser and server Be clear on the interaction mode being used Borrow from conventions of HTML and desktop applications Avoid distractions such as gratuitous animations Stick with AJAX wherever possible Adopt AJAX for usability AJAX Usability Guidelines (Thomas Beakdal) Don’t load entire pages Know the difference between a web app and a web site Do not break what the user is focusing on Consider how to handle users that cannot use XMLHttpRequest Do use it to eliminate confirmation pages Do not use it to eliminate acceptance Do not over-use it

AJAX Patterns (Michael Mahemoff)

Minimize traffic between browser and server

Be clear on the interaction mode being used

Borrow from conventions of HTML and desktop applications

Avoid distractions such as gratuitous animations

Stick with AJAX wherever possible

Adopt AJAX for usability

AJAX Usability Guidelines (Thomas Beakdal)

Don’t load entire pages

Know the difference between a web app and a web site

Do not break what the user is focusing on

Consider how to handle users that cannot use XMLHttpRequest

Do use it to eliminate confirmation pages

Do not use it to eliminate acceptance

Do not over-use it

Lessons Learned Instant Feedback Predict User Actions Preserve User State Share User State Create Controls And APIs Separate Presentation and Implementation

Instant Feedback

Predict User Actions

Preserve User State

Share User State

Create Controls And APIs

Separate Presentation and Implementation

Feedback

Predict

Preserve

Share

Controls

Separate

Lessons Learned Instant Feedback Predict User Actions Preserve User State Share User State Create Controls And APIs Separate Presentation and Implementation

Instant Feedback

Predict User Actions

Preserve User State

Share User State

Create Controls And APIs

Separate Presentation and Implementation

Better User Experiences With Atlas Dice-R-Us

Summary Consumers demand better user experiences Predict Preserve Share Control Separate “ Altas” makes it simple to enable these experiences everywhere

Consumers demand better user experiences

Predict

Preserve

Share

Control

Separate

“ Altas” makes it simple to enable these experiences everywhere

After Mix... Visual Web Developer 2005 Expression Code @ weblogs.asp.net/bleroy Engage @ atlas.asp.net

Visual Web Developer 2005

Atlas At MIX Sessions Monday 3:00 – NGW014 - Developing a Better User Experience with "Atlas“ Tuesday 1:30 – NGW052 - Designing a Better User Experience with AJAX and “Atlas” Tuesday 3:00 – NGW038 - Overview of Live.com Gadgets Wednesday 10:00 – NGW002 – Building Components and Services for the Programmable Web Labs @ the Sandbox

Sessions

Monday 3:00 – NGW014 - Developing a Better User Experience with "Atlas“

Tuesday 1:30 – NGW052 - Designing a Better User Experience with AJAX and “Atlas”

Tuesday 3:00 – NGW038 - Overview of Live.com Gadgets

Wednesday 10:00 – NGW002 – Building Components and Services for the Programmable Web

Labs @ the Sandbox

Discussions [email_address] http://blogs.msdn.com/brada [email_address]

© 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.