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!
Uh, je m’attendais effectivement à voir apparaitre quelque chose, style une petite galerie photo ou un diaporama, je ne sais pas. C’est dingue ce qu’on peut être conditonné par un simple gif animé.
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.
J’ai même essayé de recharger la page en effet…
Rahh! Chuis frustrué la! ;D
Non c’est pas vrai, j’ai rien attendu !
Bon ok, j’ai menti :p
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
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…
moi je voyais pas de requêtes dans Firebug … je croyais qu’il buggait ::whistle
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 !
ben c la première fois que je suis content de rater qque chose! ::mrgreen
Bon je viens de modifier un peu l’indicateur pour le mettre un peu plus en valeur
j’ai attendu que ça charge
: :lol
mais je n’ai pas écrit lol, j’ai juste merdouillé en rajoutant un espace là où il fallait pas entre les smileys ::lol
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é …:/
Désolé wildmary, mon parser qui fait des siennes
Moi j’ai fait un clic droit pour voir si c’était du flash ::mrgreen
Troublante expérience…
Avec sa forme de bouton, j’ai essayez de cliquer dessus pour voir ce qui sa passait… ::whistle
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 !
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é
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
Quid de la légalité de l’utilisation cette image ? Elle viendrait pas de Safari par hasard ?
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?
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.
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…
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’.
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.
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.
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.
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 !
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/
J’me suis fait eu aussi. Je suis donc définitivement piquousé à l’ajax, au web2.0 et autres joyeusetés du genre.
Marrant ce test, je me suis fait à moitié piéger. J’ai continué à lire en attendant que ça charge ::mrgreen
***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.
Pawlov ? C’est qui ça, Pawlov ?
J’ai failli fermer la page avant de la lire parce qu’elle ne se chargeait pas
Ca me fait penser à la nouvelle interface Live d’Hotmail , qui est une vraie frustration à chaque utilisation !
@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_Pavlov
Mince moi aussi j’ai eu le réflexe je jetter un coup d’oeil sur Firebug … trop accro ^^
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 = ‘
‘;
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 = ‘
‘;
}
Il apparaît bien.
Merci de votre aide.
@franz, pour des questions techniques merci de t’adresser là
http://developpeur.mediabox.fr
ou
http://forum.alsacreations.com
merci