Designing a Better User Experience with AJAX and "Atlas"

460 views

Published on

This session explores best practices for designers who are tackling the real challenges of building AJAX-style user experiences on the Web. Learn about designing richer user experiences directly from the Windows Live Local and "Atlas" development teams. Explore how the "Atlas" controls and components remove the complexity from designing rich, interactive experiences, and help you build AJAX-style applications more quickly.

*
Brad Abrams

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
460
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing a Better User Experience with AJAX and "Atlas"

  1. 1. Designing A Better User Experience With AJAX And ATLAS Rick Spencer User Experience Manager Live Local Brad Abrams Group Program Manager UiFx Team NGW052
  2. 2. Introduction <ul><li>AJAX Patterns (Michael Mahemoff) </li></ul><ul><ul><li>Minimize traffic between browser and server </li></ul></ul><ul><ul><li>Be clear on the interaction mode being used </li></ul></ul><ul><ul><li>Borrow from conventions of HTML and desktop applications </li></ul></ul><ul><ul><li>Avoid distractions such as gratuitous animations </li></ul></ul><ul><ul><li>Stick with AJAX wherever possible </li></ul></ul><ul><ul><li>Adopt AJAX for usability </li></ul></ul><ul><li>AJAX Usability Guidelines (Thomas Beakdal) </li></ul><ul><ul><li>Don’t load entire pages </li></ul></ul><ul><ul><li>Know the difference between a web app and a web site </li></ul></ul><ul><ul><li>Do not break what the user is focusing on </li></ul></ul><ul><ul><li>Consider how to handle users that cannot use XMLHttpRequest </li></ul></ul><ul><ul><li>Do use it to eliminate confirmation pages </li></ul></ul><ul><ul><li>Do not use it to eliminate acceptance </li></ul></ul><ul><ul><li>Do not over-use it </li></ul></ul>
  3. 3. Lessons Learned <ul><li>Instant Feedback </li></ul><ul><li>Predict User Actions </li></ul><ul><li>Preserve User State </li></ul><ul><li>Share User State </li></ul><ul><li>Create Controls And APIs </li></ul><ul><li>Separate Presentation and Implementation </li></ul>
  4. 4. Feedback
  5. 5. Predict
  6. 6. Preserve
  7. 7. Share
  8. 8. Controls
  9. 9. Separate
  10. 10. Lessons Learned <ul><li>Instant Feedback </li></ul><ul><li>Predict User Actions </li></ul><ul><li>Preserve User State </li></ul><ul><li>Share User State </li></ul><ul><li>Create Controls And APIs </li></ul><ul><li>Separate Presentation and Implementation </li></ul>
  11. 11. Better User Experiences With Atlas Dice-R-Us
  12. 12. Summary <ul><li>Consumers demand better user experiences </li></ul><ul><ul><li>Predict </li></ul></ul><ul><ul><li>Preserve </li></ul></ul><ul><ul><li>Share </li></ul></ul><ul><ul><li>Control </li></ul></ul><ul><ul><li>Separate </li></ul></ul><ul><li>“ Altas” makes it simple to enable these experiences everywhere </li></ul>
  13. 13. After Mix... <ul><li>Visual Web Developer 2005 </li></ul>Expression Code @ weblogs.asp.net/bleroy Engage @ atlas.asp.net
  14. 14. Atlas At MIX <ul><li>Sessions </li></ul><ul><ul><li>Monday 3:00 – NGW014 - Developing a Better User Experience with &quot;Atlas“ </li></ul></ul><ul><ul><li>Tuesday 1:30 – NGW052 - Designing a Better User Experience with AJAX and “Atlas” </li></ul></ul><ul><ul><li>Tuesday 3:00 – NGW038 - Overview of Live.com Gadgets </li></ul></ul><ul><ul><li>Wednesday 10:00 – NGW002 – Building Components and Services for the Programmable Web </li></ul></ul><ul><li>Labs @ the Sandbox </li></ul>
  15. 15. Discussions [email_address] http://blogs.msdn.com/brada [email_address]
  16. 16. © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

×