Rechercher :         

LE CHOIX DES WEB AGENCIES
Le web-design est un point crucial pour le succès d'un site. Simplicité, convivialité, intuitivité, autant de règles incontournables.

Pierre Santa Maria, directeur de l'agence Colombus spécialisée dans les architectures et le design des sites web et Wap, nous explique concrètement comment y parvenir.

Propos recueillis par Alexandra Bissé le 4 octobre 2000

Quelles sont vos recommandations en terme de navigation ? Pierre Santa Maria : "Un certain nombre de standards du web doivent être respectés. Par exemple, les fonctions essentielles d'orientation, les principales actions de recherche ou transactionnelles doivent se trouver sur la colonne de gauche. Ce sont des rubriques fondamentales, sans commentaires où la personne clique "sans réfléchir". Les fonctions spécifiques qui sortent un peu des standards classiques imposant un nouveau comportement sur le Web, seront placées de préférence sur la droite ou sur une page spécifique du site. Il faut également prévoir différents chemins pour aboutir à une même information outre la barre de navigation qui obéit à une logique rationnelle. Des liens annexes favorisent une personnalisation du parcours selon son intuition. En revanche pour la partie passation de commande, il faut être directif et imposer un chemin unique en travaillant particulièrement la cinétique de la démarche. En terme de couleur, le blanc s'impose comme fond d'écran standard avec une forte tendance (bénéfique) au style épuré et dépouillé. En vue d'optimiser le temps de chargement des pages, le décor graphique doit être chargé une seule fois et resté unifié le long du site pour fluidifier la navigation."

Que pensez-vous des animations graphiques et des plug-in? "Quitte à paraître rabat-joie, je ne suis pas fan ! Selon moi les animations de type flash sont davantage un vecteur de communication (dans un cadre institutionnel ou de plaquette) qu'un vecteur de service. Une notion fondamentale en ergonomie. En ce qui concerne les plug-in, j'estime que les technologies sont arrivées à peu près à maturité sur le PC. Pour preuve, les dernières versions des navigateurs (et je pense en particulier à la version 6 de Netscape) n'incluent pas de plug-in supplémentaires comme au début. On observe une certaine stabilité dans les fonctions. En attendant le haut débit, le plug-in n'apporte pas de fonction primordiale dans la navigation sur Internet."

Quels sont les éléments graphiques incontournables à trouver sur la home page  ? "Tout d'abord le logo de la marque ainsi que la promesse du site. On doit être capable en 3 secondes maximum de comprendre l'objectif du site. Un lien vers la home page doit être présent sur toutes les pages du site. Par ailleurs cette première page doit tenir compte de la cible du site et créer une atmosphère graphique en adéquation avec celle-ci au niveau de la tonalité des couleurs et du style (professionnel, grand public, décalé...). Enfin cette page a en quelque sorte un rôle de boussole du site (je suis assez contre les pages "plans de site" rarement consultés et peu intuitives). Il doit être possible depuis ce point central d'aboutir en 3 clics à l'information voulue. Enfin, un peu d'originalité (dans une certaine mesure) peut être un bon point pour se différencier des concurrents et capter l'attention."

Quelles sont vos méthodes de travail  ? "Notre métier initial est l'architecture et la conception de systèmes d'information. Cet héritage nous donne une très grande acuité quant à la compréhension du besoin et sa traduction en terme fonctionnel. Ainsi notre travail repose sur la mise en place d'une arborescence pour situer les fonctions et dégager l'arborescence et les cinématiques de chaque fonction du site. L'élaboration de ce squelette se fait sur le papier de façon indépendante du graphisme ou de l'éditorial. Il faut être capable de se projeter très rapidement dans un schéma de raisonnement propre au site. A partir de là, nous élaborons un cahier des charges transmis aux designers qui pourront procéder à l'habillage graphique de ce squelette. Ainsi, l'ergonomie ne relève pas selon moi de la compétence des designers ou des créatifs. D'ailleurs en leur demandant de se pencher sur ses problématiques, on bride souvent leur créativité."

Quels outils utilisez-vous ? "En terme de technologie de développement, nous privilégions les techniques à base de HTML ou DHTML ou encore les combo box qui présentent l'avantage d'être plus universels pour les menus à plusieurs étages que le DHTML (en terme de temps de chargement ou de compatibilité avec les navigateurs). En ce qui concerne les contraintes d'affichage, nous disposons d'une plate-forme de tests de 10 postes nous permettant de tester les différentes versions de navigateurs de windows, 95/98/2000. Le plus difficile reste d'effectuer des tests hors réseau local avec un modem. Les tests utilisateurs pourtant indispensables sont souvent esquivés par les sites. Si on nous le demande, nous nous basons sur un panel de 15 à 20 internautes pour identifier les principales difficultés de compréhension du site."

Selon diverses études plus de la moitié des internautes abandonneraient le processus d'achat avant son terme. Comment optimiser cet aspect primordial pour un site marchand ? "La problématique de la cinétique transactionnelle est directement liée à la structure du système d'information. Et c'est cet aspect que les web agencies traditionnelles ont du mal à traiter. Ainsi la cinétique transactionnelle répond à une logique métier précise. Divers détails ont leur importance, comme la possibilité de laisser différentes adresses e-mail de contact (personnelle et professionnelle) ou encore ne pas penser l'adresse de livraison comme rattachée à un profil d'identité mais par rapport à une commande (cela impacte directement la structure du back office). Je préconise une commande sous la forme d'un formulaire (cases à cocher) même long. La fonction de scrolling étant préférable à plusieurs écrans qui se succèdent. L'idéal serait aussi de prévoir des formulaires dynamiques se personnalisant selon la nature de l'article commandé. Enfin, les modes de paiement doivent être indiqués en amont du processus. L'internaute ne doit pas les découvrir en fin de prise de commande."

Pouvez vous citer des exemples de sites réussis sur le plan de l'ergonomie ? "Le site de Dell est un très bon exemple pour la partie passation de commande. Celle-ci tient complètement compte de l'article demandé. la présentation des produits est également très bien pensée contrairement à IBM par exemple. ils ont su raisonner en terme de besoin et non d'article. On a une configuration de départ que l'on peut personnaliser et non pas un listing volumineux de tous les articles disponibles. Dans un autre genre, le site due.fr, pour les déclarations uniques d'embauche auprès de l'URSSAF. C'est brutal mais efficace ! En 3 minutes, on fait sa déclaration et on reçoit une confirmation par fax."

Du côté des mauvais élèves, qui citeriez-vous ? "Hormis le site d'IBM que je viens d'évoquer, je dirai WStore toujours dans la commande de matériel informatique. J'ai du appeler leur service commercial pour comprendre la navigation du site ! En fait, je ne parvenais pas à placer plusieurs articles dans un même caddy... Par ailleurs leurs intitulés ne sont pas très explicites."

Retour au sommaire