Ajax: conseils pour développer avec Ajax
Pour le Journal Du Net, l’utilisation de la technologie Ajax doit être mesurée:
La technique Ajax, qui combine les usages de technologies connues (JavaScript et XML) au sein d’une appellation facilement reconnaissable, demande une certaine familiarité de ses composantes pour être efficace et utile au plus grand nombre.
8 conseils sont ainsi proposés:
- Utiliser Ajax à bon escient: est-ce que Ajax apporte réellement une plus-value?
L’intérêt d’Ajax est avant tout d’améliorer l’expérience de l’utilisateur face au produit, pas de le surprendre avec des effets graphiques gratuits.
- Limiter Ajax au nécessaire
le véritable apport d’Ajax se fera avant tout dans le saupoudrage de fonctionnalités là où elles prouvent leur utilité. De la même manière que les usages de Flash se sont considérablement assagis depuis les premières années, il est probable qu’Ajax servira principalement à l’avenir à dynamiser une partie d’une interface autrement “statique”.
- Eviter des casser les conventions
Dans une application Web chargeant toutes ses données via Ajax, le clic sur Retour ne renverrait pas sur l’affichage précédent, mais plus probablement sur la page d’accueil du site (avant le lancement de toute requête Ajax), voire sur le site précédent dans l’historique.
- Conserver les ressources
même si l’avantage fondamental d’Ajax est sa possibilité de lancer des chargements asynchrones, il faut veiller à ne pas charger trop de données en même temps. Le risque alors serait grand de voir le navigateur étouffer sous le poids du fichier JavaScript chargé, ou le serveur sous les requêtes répétées.
- Indiquer les changements: les utilisateurs se sont habitués à la règle suivante: un clic charge une nouvelle page. Avec Ajax, un clic modifie un contenu à un endroit de la page. Comment dès lors rendre attentif l’utilisateur que quelque chose se passe à quelque part. Gmail a résolu ce problème en affichant un petit bouton rouge “Loading” et un message de confirmation sur fond jaune, les deux se trouvant au sommet de la page. Une autre technique en vogue: Yellow Fade Technique dont l’originalité est d’afficher la modification de la page sur un fond coloré qui disparaît en quelques secondes (il me semble d’ailleurs que WordPress l’utilise dans la partie administration).
- Proposer des alternatives: hummm.. cela me rappelle étrangement une autre technologie.. ah oui Flash! Et comme pour Flash, le conseil est de ne pas développer une application entièrement ajaxée mais seulement quelques parties.
Tout le monde n’est pas en mesure d’utiliser Ajax : entre ceux qui ne disposent pas d’un navigateur compétent, ou d’autres dont les réglages de sécurité bloquent JavaScript, la partie des visiteurs ne pouvant ou ne voulant se servir de JavaScript (nécessaire pour Ajax) peut être dangereusement grande. Il faut alors leur offrir un moyen d’accéder au service sans se reposer sur cette technique.
- Offrir un accès direct: cf. commentaire du point précédent
Ajax ne modifie par l’URL lors du chargement et de l’affichage de nouvelles données. Il faudra donc proposer, à la manière de GMaps, un lien sur lequel récupérer une URL valide, qu’un correspondant pourra utiliser directement.
- Ne pas réinventer la roue: faire ses tests avec ses propres XMLHttpRequest puis utiliser des framworks, scripts et applications déjà prêts (pour se reposer sur un outil complet de gestion d’appels Ajax)
Source: JDN développeurs > 8 conseils pour le développement Ajax
Tags: ajax
Vous aimez ce type de contenu?
Alors suivez-ce blog par RSS ou par email!