Quelques effets intéressants pour votre ergonomie

applications internet utilitaires

Ce site ne sera plus alimenté de contenu après août 2014. Tous les nouveaux articles seront redigés pour www.waitingforcode.com
L'ergonomie de votre application web, surtout quand elle doit vous rapporter de l'argent, est un élément crucial pour attirer l'internaute. L'internaute qui est quotidiennement confronté aux plusieurs possibilités offertes par la Toile.

Cet article présentera quelques pratiques qui, au moins, méritent d'être pris en considération pendant la conception de l'interface de votre système.

1. Actions visibles de partout
Une manœuvre très intéressante a été utilisée par les développeurs du Magento. Grâce à la fixation du block avec des boutons du formulaire, l'internaute voit tout le temps ce qu'il peut faire. Même si le formulaire fait 1024px de hauteur. C'est illustré par l'image ci-dessous :

Juste une petite remarque : dommage qu'on ne puisse pas valider le formulaire avec la touche Entrée.

Le même effet a trouvé son utilité dans les sites des médias, comme dans celui de "L'Express" (www.lexpress.fr). Très utile, surtout si l'on permet la connexion dynamique, sans chargement de la page. On peut alors connecter l'utilisateur dynamiquement et, par exemple, lui permettre d'effectuer une action réservée à des internautes identifiés. Cela peut être l'ajout d'un commentaire - l'affichage du formulaire sans obliger le visiteur à faire les allers-retours entre des pages de connexion et de l'article qu'il veut commenter. Or, même si l'on peut automatiser ce processus, au final il peut s'avérer plus fatiguant.



2. La pagination
Parfois (et pour que cela arrive le plus souvent !) on est confronté à des bases de données contenants plusieurs milliers d'objets. Quand on doit les présenter sur une page web, on se pose la question sur la forme de pagination. Quelle solution utiliser pour que l'internaute ne doive pas faire 100 clicks avant de tomber sur le numéro qu'il cherche ? Voici l'exemple d'une pagination qui carrément puise dans les ressources des internautes :



Le développeur pourrait envisager ici d'utiliser la solutin proposé dans jQuery Grid. Il devrait alors mettre un input texte pour que l'internaute ait la possibilité d'indiquer le numéro de la page sur laquelle il veut aller.



3. Annulation d'une action
Quand on permet à l'utilisateur de charger un fichier dynamiquement, on devrait également lui laisser la possibilité d'annuler son action. Il se peut que,
par exemple, le transfert soit très lent. L'internaute pourra alors vouloir annuler l'action et peut-être, envoyer un autre fichier, plus petit cette fois.

Cette utilité est parfaitement implémentée dans le plugin jQuery, uploadify, qui sert à transférer les fichiers (un ou plusieurs d'un seul coup) dynamiquement.

Dans le cas d'un transfert dynamique des fichiers, il est aussi important d'afficher la progression. L'internaute c'est d'habitude une personne qui a déjà installé un logiciel ou un jeu vidéo sur son ordinateur personnel. Il a donc pris l'habitude de voir une barre de progression. Si elle est absente, l'internaute peut s'inquiéter de voir pendant 30 secondes le libellé "transfert en cours". Dans le meilleur des cas il va nous signaler qu'il y a un "bug" sur le site. Dans le pire des cas il ne va jamais retourner sur le site et va le déconseiller à son entourage.



4. Un pour tous et tous pour un
Trois questions inséparables, tout comme les mousquetaires d'Alexandre Dumas, doivent accompagner chaque conception de l'interface d'une application web.

Tout d'abord, il faut que l'internaute puisse facilement répondre à la question "Où suis-je ?". Il y a plusieurs moyens de lui indiquer son emplacement. On peut utiliser pour cela le breadcrumb et/ou un style spécial sur l'élément actif du menu.

Ensuite l'internaute doit savoir ce qu'il peut faire sur la page. Cette question est liée à l'interrogation suivante : "Que devrais-je faire ici ?". L'objectif de chaque application web est de provoquer une action chez l'utilisateur. Sous le mot "action" peut se cacher, par exemple, l'acte d'achat, de recommandation, de participation. Une action qu'il peut et devrait faire.

L'article écrit en rythme de:
Philip' Metura - A Cent à Lè
Bartosz KONIECZNY 07-06-2011 17:11 applications web
Un conseil MySQL

Comment importer un fichier SQL depuis la console ?

L'importation des fichiers .sql se déroule avec la commande suivante :

mysql -u root --password=root -h 127.0.0.1 -D myDatabase < tab_to_import.sql