- Fil d'ariane : Accueil du devBlog
- / Détail du billet (Lien direct)
AJAX, expérience utilisateur et frustrations
Vous lisez certainement le blog de Fred Cavazza et sans être aussi expert que lui en ce qui concerne l'utilisabilité, le e-marketing, le Web 2.0 vous avez assimilé les concepts et enjeux. Ou Pas.
Si je vous dis ça c'est que je trouve que le comportement de l'internaute a véritablement été imprégné ces deux dernières années par les nouvelles possibilités qu'offrent les interfaces utilisateur. Tellement imprégné qu'un réflexe quasi myotatique s'est développé.
En effet, quelle a été votre attitude en voyant le petit indicateur ci-dessus? Quel est votre état d'esprit au moment de lire cette phrase? N'êtes vous pas dans l'attente que quelque chose se passe? Cette petite animation, chez l'internaute expérimenté, amène forcément ces interrogations :
tiens, ça charge longtemps? c'est buggé? je suis sur le site de Nicolas, ça marche pas?
mais très vite vous vous rendez compte que c'est un test auquel je vous invitais et que votre soulagement est à la hauteur de votre sentiment de frustration en voyant que rien ne se passait.
Cette petite animation, est véritablement devenu un témoin indicateur, une accroche visuelle, et un véritable objet de frustration.
Si ce test s'est révélé être un échec chez vous, il n'y a vraiment pas de quoi vous inquieter. La vraie vie c'est bien ausssi!
Commentaires
[#2] Commentaire rédigé le Jeudi 25 Janvier 2007 à 12:40 par caedes
J'ai même essayé de recharger la page en effet...
Rahh! Chuis frustrué la! ;D[#4] Commentaire rédigé le Jeudi 25 Janvier 2007 à 13:09 par Alexandre
Non c'est pas vrai, j'ai rien attendu !Bon ok, j'ai menti
[#5] Commentaire rédigé le Jeudi 25 Janvier 2007 à 13:10 par br1o
lol, je dois être blindé car c'est en lisant la phrase : "voyant le petit indicateur ci-dessus" que je l'ai vu. Faut dire que j'ai commencé la lecture sur un flux rss pour la poursuivre ici, et mes yeux ont carrément zappé le bidule 
[#6] Commentaire rédigé le Jeudi 25 Janvier 2007 à 13:23 par Renaud
Rhalala, j'ai regardé dans firebug si la requête AJAX renvoyait au moins une erreur... Mais non pas de requête...Mais comme tu le dis ça ne concerne probablement qu'une poignée d'utilisateurs aujourd'hui mais demain...
[#7] Commentaire rédigé le Jeudi 25 Janvier 2007 à 13:26 par xuxu
moi je voyais pas de requêtes dans Firebug ... je croyais qu'il buggait 
[#8] Commentaire rédigé le Jeudi 25 Janvier 2007 à 13:40 par Daweb
Pareil que br1o, je ne l'avais pas vu Pour moi il est lié à une action pour signifier quelque chose (un clic...).
Alors que là c'est plus comme la vieille époque des gifs animées, mais en plus classe c'est certain !
[#9] Commentaire rédigé le Jeudi 25 Janvier 2007 à 14:04 par raindrop
ben c la première fois que je suis content de rater qque chose! 
[#10] Commentaire rédigé le Jeudi 25 Janvier 2007 à 14:23 par Thanh
Bon je viens de modifier un peu l'indicateur pour le mettre un peu plus en valeur [#11] Commentaire rédigé le Jeudi 25 Janvier 2007 à 14:40 par wildmary
j'ai attendu que ça charge 
: :lol[#12] Commentaire rédigé le Jeudi 25 Janvier 2007 à 14:41 par wildmary
mais je n'ai pas écrit lol, j'ai juste merdouillé en rajoutant un espace là où il fallait pas entre les smileys 
[#13] Commentaire rédigé le Jeudi 25 Janvier 2007 à 14:43 par alex
lol en effet j'ai cru que qqch chargeait! lol j'ai essayer de cliquer pour voir mais non lol (frustré )c clair que ces gifs animé sont devenus le symbole d'un chargement javascript /ajax , et qu'on est effectivement conditionné ...:/
[#14] Commentaire rédigé le Jeudi 25 Janvier 2007 à 15:58 par Thanh
Désolé wildmary, mon parser qui fait des siennes [#15] Commentaire rédigé le Jeudi 25 Janvier 2007 à 19:26 par Nath
Moi j'ai fait un clic droit pour voir si c'était du flash 
Troublante expérience...[#17] Commentaire rédigé le Jeudi 25 Janvier 2007 à 22:18 par Loïc
Avec sa forme de bouton, j'ai essayez de cliquer dessus pour voir ce qui sa passait... [#18] Commentaire rédigé le Vendredi 26 Janvier 2007 à 08:06 par IndicadesBois
lol.Moi comme c'était lent à venir et qu'on est sur un blog de pro.
Je me suis dit : "bon il à juste mit le gif" et j'ai continué ma lecture.
Voyez commme je fais confiance au Web 2.0 !
[#19] Commentaire rédigé le Vendredi 26 Janvier 2007 à 10:05 par Jérémie
J'ai attendu, mais en parallèle, en lisant le reste du texte, que d’un œil quoi. Et si le texte avait été un de ceux genre Cavazza, je me serais attendu à un truc énorme, un javascript obèse, et j'aurais probablement fermé la page. Mais il m'a rapidement arrêté [#20] Commentaire rédigé le Vendredi 26 Janvier 2007 à 10:10 par Fabien
Bon bah je suis tombé dans le panneau. J'ai même fait un clic droit dessus pour voir si c'était une anim Flash [#21] Commentaire rédigé le Vendredi 26 Janvier 2007 à 10:44 par Etienne
Quid de la légalité de l'utilisation cette image ? Elle viendrait pas de Safari par hasard ?[#22] Commentaire rédigé le Vendredi 26 Janvier 2007 à 11:00 par G.
Mouais... Les pictogrammes sont un code, un signe , un moyen de communiquer. Là, vous l'avez détourné. Vous avez montré la force du sign et sa vacuité.
So, what?
[#23] Commentaire rédigé le Vendredi 26 Janvier 2007 à 11:03 par Aymeric Jacquet
Tellement habitué des sites surchargés d'effets à droite et à gauche (bien que ce ne soit pas le style de la maison je te le concède), j'ai fait ce que je fais toujours... j'ai lu le texte. 
[#24] Commentaire rédigé le Vendredi 26 Janvier 2007 à 11:04 par STE.
Rien de tout ça! En voyant le petit GIF je me suis dit : "tiens, un truc qui va se charger. je vais commencer à lire le texte (car à la base je suis venu pour ça, par pour voir une animation...) ça s'affichera après". Et en lisant j'ai compris qu'il n'y avait rien à attendre.Donc pas de frustration, pas d'engoisse, ... rien de tout ça, car j'étais venu pour lire un article (je pensais à un long débat sur l'utilisabilité et le Web 2.0, j'avais prévu 10 minutes de lecture!), pas pour voir des trucs qui bouge dans tout les sens...
[#25] Commentaire rédigé le Vendredi 26 Janvier 2007 à 11:20 par Arnaud
Ceci n'est que la partie cachée de l'iceberg des interfaces riches.Que dire de la complétion automatique de formulaire?
Je suis persuadé que beaucoup d'entre-vous râle une fois que vous devez taper toutes vos coordonnées (ville, cp, rue...).
Des sites pourtant très agréables perdent un peu de leur intérêt ou de leur prestige lorsqu'ils ne sont pas encore agrémenté de fonctionnalités 'user friendly'. Tout ceci a un coût important, et bien souvent intégrer de l'ajax* dans un système existant n'est pas toujours une chose si simple.
[*]je n'aime pas ce terme, mais au moins tout le monde comprend.
Il faudra un jour ou l'autre que l'utilisation de HttpXMLRequest soit facilitée, en utilisant par exemple une nouvelle balise html façon include. Il serait bon également d'intégrer la gestion d'erreurs et les évènements de chargement au sein des navigateurs pour décharger un peu la tâches des développeurs web.
Peut-êtres que les travaux de la fondation Mozilla et du W3C vont déjà dans ce sens, j'avoue ne pas avoir consulté leur 'To-Do-List'.
[#26] Commentaire rédigé le Vendredi 26 Janvier 2007 à 11:49 par Thomas
C'est fou, au fur et à mesure que je lisais l'article, après chaque fin de mot je jetais un mini coup d'oeil au "loading" et me voilà frustré en effet !Joli coup.
[#27] Commentaire rédigé le Vendredi 26 Janvier 2007 à 13:59 par EzecKiel
Oui on attend forcément quelque chose mais on lit, le billet en dessous pour patienter. Même si c'est un leurre, je trouve çà beaucoup moins "frustrant" (si tant est que çà le soit) car on peut faire autre chose en même temps. On est asynchrone avec la page . Plus sérieusement, je trouve l'expérience très interessante.[#28] Commentaire rédigé le Vendredi 26 Janvier 2007 à 19:28 par Xof
J'ai complètement zappé le p'tit bonhomme qui court ... Désolé. Et comme je n'étais pas figé, que mon Firebug ne disait rien de déplaisant sur cette page, j'ai tranquillement et simplement lu du texte.[#29] Commentaire rédigé le Samedi 27 Janvier 2007 à 02:05 par Loomax
Je dois bien avouer que je me suis fait avoir. J'ai cru à un bug et j'ai fais un clic droit dessus pour voir si c'était du flash. Puis j'ai lu l'article en me disant que ça allait charger ...
Bien joué en tout cas !
[#30] Commentaire rédigé le Samedi 27 Janvier 2007 à 11:00 par Thanh
Arnaud, les développeurs ont déjà pas mal d'outils pour faire de l'AJAX. Ensuite, le plus difficile je dirais ce n'est pas de mettre en pratique une fonctionnalité mais de déterminer quelles sont les fonctionnalités à mettre. L'ergonomie ne passe en effet pas par le tout AJAX Dernière info, le gif animé a été réalisé via : http://www.ajaxload.info/
[#31] Commentaire rédigé le Samedi 27 Janvier 2007 à 11:59 par Gregoire
J'me suis fait eu aussi. Je suis donc définitivement piquousé à l'ajax, au web2.0 et autres joyeusetés du genre.[#32] Commentaire rédigé le Lundi 29 Janvier 2007 à 20:34 par Cyril
Marrant ce test, je me suis fait à moitié piéger. J'ai continué à lire en attendant que ça charge [#33] Commentaire rédigé le Lundi 29 Janvier 2007 à 21:18 par Mogore
***Rien de tout ça! En voyant le petit GIF je me suis dit : "tiens, un truc qui va se charger. je vais commencer à lire le texte (car à la base je suis venu pour ça, par pour voir une animation...) ça s'affichera après". Et en lisant j'ai compris qu'il n'y avait rien à attendre.***Même chose, mais je suis en pleine formation Ajax
donc je visite plein de sites sur le sujet : je n'ai pas été étonnée de voir le chargeur.[#34] Commentaire rédigé le Vendredi 02 Février 2007 à 15:26 par Olivier G.
Pawlov ? C'est qui ça, Pawlov ?[#35] Commentaire rédigé le Samedi 03 Février 2007 à 14:50 par Cookie
J'ai failli fermer la page avant de la lire parce qu'elle ne se chargeait pas [#36] Commentaire rédigé le Mardi 06 Février 2007 à 16:01 par Laurent B
Ca me fait penser à la nouvelle interface Live d'Hotmail , qui est une vraie frustration à chaque utilisation ![#37] Commentaire rédigé le Mardi 06 Février 2007 à 16:05 par Laurent B
@Olivier G. : un détail, en français avec des 'v' à la place des 'w' à Pavlov. Plus d'infos sur le réflexe de Pavlov : http://fr.wikipedia.org/wiki/R%C3%A9flexe_de_Pavlo...
[#38] Commentaire rédigé le Samedi 30 Juin 2007 à 10:33 par Yotsumi
Mince moi aussi j'ai eu le réflexe je jetter un coup d'oeil sur Firebug ... trop accro 
[#39] Commentaire rédigé le Jeudi 23 Août 2007 à 02:27 par franz
Salut, Z'auriez pas un exemple d'un script qui affiche le petit rond qui tourne avant de charger une page ajax ?Moi je fais ça :
function afficher_membre() {
document.getElementById("fiche"
.innerHTML = '<div style="text-align:center;"><br/><br/><br/><img src="/layout/img/wait.gif" alt="Wait"/></div>';var url="/spip.php?page=fiche_membre";
var membre = document.form_membres.liste_membres.value;
xmlHttp = GetXmlHttpObject();
if (xmlHttp == null) {
alert("Votre navigateur ne supporte pas les requetes HTTP."
;return false;
}
xmlHttp.onreadystatechange = function () {
var reponse = xmlHttp.responseText;
document.getElementById("fiche"
.innerHTML = reponse;}
var params = "&id_auteur="+membre;
var cible = url+params;
xmlHttp.open("GET", cible, true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"
;xmlHttp.send(params);
return true;
}
Tout marche bien, sauf le petit rond qui tourne qui n'apparaît pas. Pourtant, si je fais ça :
function afficher_membre() {
document.getElementById("fiche"
.innerHTML = '<div style="text-align:center;"><br/><br/><br/><img src="/layout/img/wait.gif" alt="Wait"/></div>';}
Il apparaît bien.
Merci de votre aide.
[#40] Commentaire rédigé le Jeudi 23 Août 2007 à 11:33 par Thanh
@franz, pour des questions techniques merci de t'adresser làhttp://developpeur.mediabox.fr
ou
http://forum.alsacreations.com
merci
L'ajout de commentaire a été désactivé pour ce billet.
Trackbacks
Pisteurs vers ce billet (trackbacks entrant)
Il n'y a pas encore de pisteurs pour ce billet.
Pistés par ce billet (trackbacks sortant)
Il n'y a pas encore de pisteurs effectué par ce billet.
D'autant plus que si on le remplace par un sablier à l'ancienne, je suis sûr que ce ne sera pas interprété comme un "vrai" chargement, mais bien comme une simple image.