Les résultats sont là : nous sommes passés de 3 inscriptions par jour en moyenne, à 12 inscriptions / jour, soit quatre fois plus !

Cela conforte mon point de vue sur l’ergonomie : c’est aujourd’hui bel et bien un des points clés de la réussite d’un projet informatique (et pas seulement de ceux destinés au grand public).

Nos utilisateurs préfèrent aujourd’hui un service proposant moins de fonctions, mais plus abouties : c’est une règle que nous nous fixons donc dans l’évolution du site web.

Les futurs développements seront travaillés au maximum afin de vous proposer des outils les plus simples et les plus agréables à utiliser possible.

“La perfection est atteinte, non pas lorsqu’il n’y a plus rien à ajouter, mais lorsqu’il n’y a plus rien à retirer.” Antoine de Saint-Exupéry

Tout comme le formulaire d’inscription sur le site n’était pas très ergonomique, nous trouvions que le fait de ne pouvoir poster que un avatar dans son profil n’était pas très agréable. Il est tellement mieux, pour que vos amis en sachent plus sur vous, que vous puissiez poster plusieurs photos …

C’est donc ce que nous avons fait avec la galerie photos. Chaque utilisateur possède maintenant une galerie, donc l’adresse est http://ircube.org/users/galerie/votre pseudonyme

Chaque utilisateur inscrit sur le site peut, par défaut, poster un maximum de 15 photos. Mais cette limite est extensible individuellement pour chaque utilisateur. Donc, attendez vous à pouvoir gagner des rallonges dans des animations futures !!

Vous constaterez également que la toute première image est encadrée en bleu alors que les autres le sont en rose. Cela signifie que cette image est utilisée comme avatar sur votre fiche profil. Rendez vous sur votre profil, et vous constatez que l’image qui s’affiche est la première de votre galerie.

Vous pouvez très simplement déplacer chacune de ces images simplement en cliquant dessus, et en les placant à l’endroit que vous désirez. Aucun clic sur un bouton n’est requis. Les changements sont pris en compte immédiatement (merci à ZeoX notre professionnel Ajax)

Et bien sur, vous pouvez également supprimer dynamiquement une image. En plaçant votre souris dessus, une icone de suppression s’affiche. Cliquez, validez, disparaisser

Il y a quelques mois, grâce à un travail important de Cesar et kazhar, nous avions pu migrer le système d’authentification du site vers l’authentification SCoderz (Z), qui vous permet dorénavant de n’avoir qu’un seul login/mot de passe pour vous connecter sur le site ET sur le réseau.

Cette évolution est un réel pas en avant pour la communauté, mais malheureusement la page d’inscription s’en était retrouvée complexifiée (gestion des erreurs peu explicite, resaisie des données, ordre du formulaire pas forcément logique …). Le nombre d’inscriptions au site avait chuté de 7 en moyenne par jour, à une moyenne de 3 par jour.

Nous avons donc pris le taureau par les cornes, et sommes repartis à zéro pour cette page, avec 2 mots d’ordre : simplicité et ergonomie.

Les 3 étapes

Nous avons supprimé tous les éléments non primordiaux, afin que notre utilisateur ait le moins d’informations à saisir. Nous n’avons gardé que le login, le mot de passe et l’adresse email de l’utilisateur. 3 champs à saisir : nous avons donc créé trois zones de saisie comportant un titre vraiment explicite, des informations sur le format autorisé, et des outils d’aide à la saisie.

Nous avons fait le choix de représenter ces trois zones horizontalement. Nous n’aurions pas pu le faire s’il y avait eu plus de trois zones.

Outils d’aide à la saisie

Nous avons implémenté deux outils que l’on retrouve habituellement sur les grands sites : la vérification de la disponibilité de son login en amont de l’inscription, et la vérification du niveau de sécurité du mot de passe.

Pour la vérification du login, rien de bien complexe : un petit appel Ajax lorsqu’on part du champ login (pour éviter de surcharger la base nous ne l’avons pas fait à chaque lettre tapée), et on affiche un petit message sous le champ pour informer l’utilisateur de la disponibilité du pseudo qu’il a choisi.

Concernant le test du niveau de sécurité du mot de passe, ca a été un peu plus compliqué : nous n’avons pas trouvé de script réellement performant sur le net (tous ne prenaient pas suffisament de paramètres en compte pour que ca contente notre cher Cesar ). Nous avons donc élaboré un système de points et de pénalités, en fonction des critères suivants :

• longueur du mot de passe
• présence de majuscules
• présence de chiffres
• présence de caractères spéciaux

Ce script sera rendu libre sous peu, et diffusé sur ce blog.

Messages d’erreur explicites

Enfin, et c’est le dernier point, nous avons ajouté des messages d’erreur explicites aux champs de saisie, afin d’aider au maximum l’utilisateur à corriger les erreurs. Les champs devant être modifiés ont été mis en valeur de la façon suivante :

Toutes ces modifications ont été mises en ligne hier : il ne nous reste plus qu’à suivre l’évolution du nombre d’inscriptions / jour pour savoir si notre travail simplifie réellement l’inscription … Résultats dans quelques jours

N’hésitez pas à nous transmettre vos remarques ici ou sur le forum, que ce soit d’ordre esthétique, fonctionnel ou ergonomique !