Site de communication et d'échange d'informations (techniques & pédagogiques) entre les formateurs E.I.Te et les clients ou prospects
Contribuant à simplifier la navigation, Ajax fait désormais partie depuis 3 ans, des usages. Quelques bonnes pratiques permettent d'y avoir recours en restant en phase avec l'expérience
utilisateur et les besoins fonctionnels réels.
......
S'il est très facile de se tromper, il existe pourtant des endroits assez génériques où ajouter une pointe d'Ajax par dessus le fonctionnement normal du site améliore l'expérience de navigation,
simplifie l'utilisation du site, et rend la vie bien plus agréable.
1– Vérifier la disponibilité d'un identifiant à l'inscription
Dans le cas où vous choisiriez de ne pas privilégier l'adresse email comme identifiant des
utilisateurs de votre application, vous pouvez vérifier en temps réel la disponibilité de ce dernier. Vous évitez ainsi une première validation du formulaire, et un retour à la case départ des
plus frustrants. Sans compter que vous risquez de devoir retaper le mot de passe et sa vérification. ......
2– Faire de la saisie prédictive
La saisie prédictive vous propose de compléter pour vous votre saisie en fonction de ce que vous êtes en train de taper
au clavier. Elle fonctionne exactement comme la barre d'URL de votre navigateur, mais sur un site Web.
3– Vérifier les champs d’un formulaire
La vérification des champs d'un formulaire diffère de la validation de l'unicité d'un login, et c'est la raison pour laquelle
j'ai souhaité traiter ce point à part. Le premier vérifie la possibilité pour un utilisateur d'obtenir ce qu'il souhaite, tandis que le second contrôle la conformité des informations à un certain
nombre de règles. Le premier est là pour valider, le second pour permettre une correction à priori des données fausses.
4– Live search
La recherche dynamique, ou live search, est une extension de la saisir prédictive dont nous avons parlé un peu plus haut. Simplement, au
lieu d'aider l'utilisateur à remplir son formulaire, l'application lui affiche les résultats de le recherche au fur et à mesure de la saisie. ...
5– Remplir dynamiquement les champs d'un formulaire
S'il existe un domaine dans lequel l'utilisation massive d'Ajax se justifie, je crois que c'est celui la. ....
6– Sauvegarder des contenus pendant la saisie
De même qu'on n'imagine plus un traitement de textes sans sauvegarde automatique, je vois mal aujourd'hui
un outil de saisie de contenu Web ne proposant pas la même chose.
Évidemment, on imagine mal une sauvegarde automatique qui obligerait l'utilisateur à interrompre son travail, afin d'attendre le rechargement de la page, et là, Ajax s'impose de lui-même.
Cependant, comme nous l'avons rappelé plus haut, certaines personnes ne sont pas équipées de JavaScript. La présence d'un bouton "sauver et continuer" est obligatoire, et doit même précéder la
mise en place d’une sauvegarde automatique.
7– Modifier dynamiquement l'affichage de résultats
La possibilité de modifier dynamiquement l'affichage de résultats en fonction des changements des
critères sélectionnés par l'utilisateur a révolutionné les configurateurs de produits. Ces outils qui permettent de choisir les options d'un produit et de voir directement le résultat (et le
prix) ont connu un boom important avec l'arrivée des interfaces riches, et notamment de la combinaison Flash + XML.
Le détail sur le Journal du Net :
http://www.journaldunet.com/developpeur/client-web/tutoriel-pratique/08/0123-bonnes-pratiques-ajax.shtml