Ajax: User Experience

by Georgi Petrov CSSU 11/14/2007

What you are going to see ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is User Experience? ,[object Object],[object Object],[object Object],“ They're not love handles, just a Rounded Corners Extender.” 

Some UX Goals ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],What content should we put on the presentation layer?

What is Ajax ? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

A little history ,[object Object],[object Object],[object Object],[object Object]

Traditional vs. Ajax Model ,[object Object],[object Object]

Show me Ajax ,[object Object],[object Object],[object Object]

Ajax in the real world ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Google Ajaxified ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ajax Usability ,[object Object],[object Object],[object Object],[object Object]

Ajax issues concerning usability ,[object Object],[object Object],[object Object],[object Object],[object Object]

Looking for workarounds… ,[object Object],[object Object],[object Object],[object Object]

Cross Browser AJAX var req; function loadXMLDoc(url) { req = false; // branch for native XMLHttpRequest object if(window.XMLHttpRequest) { try { req = new XMLHttpRequest(); } catch(e) { req = false; } // branch for IE/Windows ActiveX version } else if(window.ActiveXObject) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { req = false; } } } if(req) { req.onreadystatechange = processReqChange; req.open("GET", url, true); req.send(""); } }

Frameworks and Toolkits ,[object Object],[object Object],[object Object],[object Object]

Recap ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Design Principles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ajax Patterns for better UX ,[object Object],[object Object],[object Object],[object Object]

Display Patterns ,[object Object],[object Object],[object Object]

Interaction Patterns ,[object Object],[object Object],[object Object],[object Object],[object Object]

Coding Patterns ,[object Object],[object Object]

Architectural Patterns ,[object Object],[object Object],[object Object],[object Object],[object Object]

Sources ,[object Object],[object Object],[object Object],[object Object],[object Object]

Ajax: User Experience

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Ajax: User Experience

Similaire à Ajax: User Experience (20)

Dernier

Dernier (20)

Ajax: User Experience