« C'est le manque d'ergonomie cognitive dans la conception
qui a conduit à la situation moderne de complexité, de confusion et d'erreur.

La science trouve, la technologie applique, l'homme s'adapte.
En entrant dans le XXI ème siècle, faisons le contraire »

Donald A. Norman, Vice-président, Technologies Avancées, Apple ©

Introduction

Depuis des générations, l’homme cherche à adapter son environnement pour en tirer un meilleur parti. L’homme a élaboré plusieurs machines pour arriver à ses fins. L’une de ses machines est devenue au fil du temps un incontournable de la vie moderne : l’ordinateur.

Avec le temps, l’ordinateur a connu plusieurs modifications pour devenir de plus en plus miniature, rapide et fonctionnel. L’arrivée d’Internet a promu d’avantage l’utilisation de l’ordinateur dans notre vie de tous les jours. Cependant, il n’est pas toujours évident de se retrouver sur la toile et plus souvent qu’autrement nous restons sur notre appétit. L’attrait du Web peut devenir un cauchemar pour bien des gens si aucune identification des besoins et des caractéristiques des utilisateurs finaux n’est fait, mais également l'identification et l'analyse des tâches à réaliser et d'une méconnaissance de leurs environnements de consultation.

Le Web est très attirant pour les compagnies, les organismes, les internautes, etc. qui veulent faire passer un message, donner de l’information ou même vendre leurs produits. Cependant, il peut devenir coûteux de ne pas respecter une certaine méthodologie pour présenter nos informations. La qualité d’un site dépend de l’adéquation entre ce que propose le site et les besoins des utilisateurs potentiels, mais aussi de la facilité d’utilisation tant au niveau de la présentation que du contenu.

Ce travail porte sur l’ergonomie des sites sur Internet qui se veut la pierre angulaire de la réussite d’un site Web. L’ergonomie facilite l’utilisation d’un site en respectant l’utilisateur. La première section portera sur la définition de l’ergonomie. Nous verrons par la suite la charte des utilisateurs, les outils à la disposition des ergonomes. Nous aborderons les motifs pour tester son site et bien sûr les types de tests possibles. Nous dévoilerons les critères ergonomique pour la conception d’un site Web. Ceci nous permettra d’entrer plus en détails sur l’emplacement spécifique de certains types d’informations, la navigation et la structure générale de votre site. Nous conclurons ce travail en relatant les conventions générales pour un site Web à caractère commercial.

Qu’est-ce que l’ergonomie ? 

Pour débuter cette recherche, commençons par une définition générale de l’ergonomie : « Ensemble des études et des recherches sur l’organisation méthodique du travail et de l’aménagement de l’équipement en fonction des possibilités de l’homme. » Petit Larousse illustré 1985

Et une définition plus adaptée provenant de l'Executive Council of the Human Factors Society : « Une des branches de la science et de la technologie qui incorpore ce qui est connu et conceptualisé des caractéristiques biologiques et comportementales de l'homme et qui peut être appliqué de façon valide à la spécification, à la conception, à l'évaluation, à l'utilisation et à la maintenance des produits et systèmes afin d'en assurer la sécurité, l'efficacité et l'usage satisfaisant par des opérateurs individuels, des groupes et des organisations. » Christensen, J.M. (1988). Human Factors definitions.The Human Factors Society Bulletin.

C’est donc dire que l’ergonomie ne se résume pas seulement aux aspects graphiques directement visible, mais elle concerne également :

• L’utilité : c’est-à-dire répondre aux besoins réels des internautes;
• L’usabilité : c’est-à-dire la facilité d’utilisation des caractéristiques du site.

Il s’agit ici d’être en mesure de respecter les attentes de l’internaute qui selon une étude récente, classe au premier rang, la qualité du contenu et en second lieu, la facilité d’utilisation du site comme facteur de retour sur un site. Voici quelques chiffres intéressants provenant d’une étude de « Forrester Research » : 

1. Qualité du contenu : 75% ; 

2. Facilité d'utilisation : 66% ; 

3. Rapidité de téléchargement : 58% ; 

4. Fréquence de mise à jour : 54% ; 

5. Promotions et remises : 14% ; 

6. Marque : 13% ; 

7. Technologie : 12% ; 

8. Jeux : 11% ; 

9. Options d'achat : 11% ; 

10. Personnalisation du contenu : 10% ; 

11. Chat et BBS : 10% ; 

12. Autres : 6%.

L’ergonomie est souvent une facette oubliée par les gestionnaires de site et les divers intervenants. Cependant, il faut se rappeler que le but d’un site est de rejoindre les internautes qui sont les premiers utilisateurs de votre site.

Charte des droits des utilisateurs

Pour bien saisir l’interaction d’un utilisateur avec un site, voici une "Charte des droits des utilisateurs".

• L'utilisateur a toujours raison. S'il existe un problème avec l'utilisation du système, il provient du système, pas de l'utilisateur.

• L'utilisateur a droit à la facilité lors de l'installation de logiciels et d'équipement informatique.

• L'utilisateur a droit à des systèmes faisant exactement ce qu'ils sont censés faire

• L'utilisateur a droit à des instructions claires, simples et précises lui permettant de comprendre et d'utiliser un système assurant l'atteinte de ses objectifs.

• L'utilisateur a droit au contrôle absolu du système, de même qu'à être capable d'obtenir l'attention du système sur demande.

• L'utilisateur a le droit d'être informé par le système sur son état par rapport à la tâche qu'il effectue et par rapport au progrès accompli vers la complétion de la tâche, de façon claire, compréhensible et précise.

• L'utilisateur a le droit d'être informé clairement quant aux spécifications requises pour utiliser pleinement tout système informatique.

• L'utilisateur a le droit de connaître les limites des capacités du système.

• L'utilisateur a le droit de communiquer avec les fournisseurs de technologies et de recevoir des réponses utiles et intelligentes à toutes ses questions.

• L'utilisateur doit être le maître de la technologie, non l'inverse. Tout système doit être intuitif et naturel lors de son utilisation. 

L’ergonomie et ses outils

L’un des outils primordial est sans aucun doute, les tests utilisateurs qui permettent d’obtenir des données réelles et indispensables sur l’utilisation du site par les visiteurs. Il ne faut pas perdre de vue que les utilisateurs Web représente une population très large. Il faut donc prendre en considération ce facteur pour l’élaboration de son site. De plus, un site web est accessible dans le monde entier, il doit donc pouvoir convaincre des utilisateurs de pays différents et de cultures différentes. Les tests utilisateurs sont important puisqu’ils procurent une série de données réelle provenant de l’observation de l’interaction des utilisateurs potentiels avec votre site. Ces observations permettent une analyse visant à améliorer et par le fait même mieux informer, servir et vendre en ligne.

Il s’agit donc de comprendre l’expérience vécue par de véritables utilisateurs et de répondre aux attentes des usagers. Il faut également vérifier la logique d’enchaînement des pages à travers le site qui se doit d’être en relation avec la logique de l’utilisateur et non pas celle du concepteur. Il est impératif de prendre en compte les contraintes du Web, comme par exemple les contraintes d’affichages et les contraintes temporelles pour élaborer son site.

Pourquoi tester son site ?

L’objectif premier d’un site de commerce électronique est d’attirer des consommateurs. Il peut être assez facile d’attirer des consommateurs, mais encore faut-il savoir les retenir et les orienter vers ce qu’ils recherchent. La rétention des internautes sur un site se veut une tâche ardue.

Pour se faire, il faut minimiser les erreurs, surtout au niveau de la prise de commande, moment le plus critique du cycle d’achat d’un client sur le Web. Cependant, tout le cycle d’achat doit être soigner que ce soit au niveau du choix, de la sélection, de la comparaison des produits. Puisque les consommateurs ne peuvent pas palper ou bien sentir le produit, il est important de lui présenter des informations complètes sur les produits.

Quelques types de test :

1- Test utilisateur d’un site

a. Objectifs : Mettre en évidence les principaux dysfonctionnement et les principaux problèmes d’utilisations du site.

b. Méthodes utilisées : Mesurer l’accessibilité de l’information, évaluer la qualité d’apprentissage et analyse du comportement des utilisateurs.

c. Résultats attendus : Un site dynamique et convivial pour les visiteurs.

2- Test d’architecture d’un site

a. Objectifs : Identifier les points faibles de la structure du site ainsi que les problèmes de navigation.

b. Méthodes utilisées : Évaluer de façon qualitative de la structure (arborescence, longueur des menus déroulants, etc.), la disposition des informations et la cohérence / homogénéité globale du site.

c. Résultats attendus : Obtenir un schéma de parcours d’utilisateurs permettant de définir un parcours-type et ainsi d’améliorer la navigation.

Critères ergonomiques

Dans un premier temps, il est important, voire même impératif, d’impliquer les utilisateurs dès les premières étapes de la conception d’un site. De plus, il faut tester les points stratégiques du site avant de le mettre en ligne. Il existe quelques règles pour définir un site ergonomique. Ces guides sont à la base de la compréhension des problèmes ergonomiques. Cette liste permet de faire des choix logiques et d’éviter les pièges de la subjectivité et des goûts personnels en élaborant un cadre de travail neutre et efficace.

1- Le guidage : Moyens mis en place pour conseiller, orienter, informer et conduire l’utilisateur lors de ses interactions avec le site

a. Incitation : Obtenir une action spécifique en fournissant des indices aux internautes

b. Groupement / Distinction entre les items du site : Il s’agit ici d’ordonner de façon cohérente les divers éléments visuels

c. Messages immédiats : Il s’agit d’avoir une interaction immédiate en relation avec les requêtes des utilisateurs

d. Lisibilité

2- Charge de travail

a. Brièveté : Limiter le travail de lecture, d’entrée de données ainsi que les étapes. Il faut se rappeler que la lecture sur ordinateur se fait beaucoup par mode de « scan » plutôt qu’une lecture approfondie.

b. Concision : Réduction de la charge de travail au niveau perceptif et mnésique pour les entrées de données. Comme par exemple, lors de l’utilisation de formulaire, mettre des labels des champs plutôt que de les faire saisir par l’utilisateur

c. Actions minimales : Ne pas demander des informations qui peuvent être déduites par le système.

3- Contrôle explicite : Prise en compte par le système des actions explicites des utilisateurs et le contrôle qu'ont les utilisateurs sur le traitement de leurs actions.

a. Actions explicites : Expliciter la relation entre le fonctionnement de l'application et les actions des utilisateurs (touche « ok » ou « enter » pour la fin de la saisie d’informations)

b. Contrôle Utilisateur : L’internaute doit être en mesure de contrôler le déroulement de ses actions sur le site. Il peut être autorisé à interrompre tout traitement en cours.

4- Adaptabilité : Capacité à réagir selon le contexte et selon les besoins et les préférences des utilisateurs.

a. Flexibilité : Personnalisation de l’interface selon les préférences de l’utilisateur.

b. Prise en compte de l’expérience de l’utilisateur

5- Gestion des Erreurs : Moyens mis en place pour éviter et détecter les erreurs, mais également de les corriger

a. Protection contre les erreurs : Appuis accidentels des touches.

b. Qualité des messages d’erreurs : Message pertinent sur la nature des erreurs commises et les actions à entreprendre pour les corriger.

c. Correction des erreurs : Par exemple, donner la possibilité de corriger une erreur de saisie lors de la prise de commande.

6- Homogénéité et cohérence : Conserver un modèle standard pour chaque page de votre site, c’est-à-dire retrouver votre menu de site toujours au même endroit sur votre site. La même dynamique doit être fait pour les sites à caractère international.

7- Signification des codes et des dénominations : Rendre les règles d’abréviation et l’utilisation de logo explicites.

8- Compatibilité : Utiliser des termes familiers et relatifs à la tâche à réaliser.

Emplacement des informations

De plus en plus, il existe certaines conventions pour l’emplacement d’items spécifiques sur un site Web. Cette section traitera de recherches portant sur l’analyse des présomptions de la part des usagers.

Le résultat de ses recherches démontre que les internautes ont l’habitude de retrouver le menu de navigation du site dans le coin supérieur gauche tandis que des liens vers d’autres sites doit se retrouver en bas à droite de la page ou en bas à gauche.

• Le lien de « retour à la page d’accueil » quant à lui tout se retrouver tout au haut de la page à gauche.

• L’engin de recherche interne doit être placé en haut au centre du site.

• La bannière de publicité, selon les attentes des internautes, doit être placée en haut de la page.

• Si un « login » ou enregistrement est nécessaire sur le site, les usagers aiment le retrouver dans le coin supérieur gauche.

• Le bouton « Shopping cart » ou panier d’achats devrait normalement se retrouver en haut dans le coin droit tandis que le bouton d’aide doit être localisé en haut dans le coin droit.

• Si des liens vers de la marchandise spécifique est nécessaire, il doit être placé dans le centre gauche du site.

• Finalement, le bouton « Commande » est supposé se retrouver dans le centre droit.

Les figures suivantes présentent de façon schématisée ce qui vient d’être décrit plus haut.

Figure 1. Localisation du menu de navigation	Figure 2. Localisation des liens externes au site
Figure 3. Localisation du lien retour à la page d’accueil	Figure 4. Localisation de l’engin de recherche interne
Figure 5. Localisation des bannières de publicité	Figure 6. Localisation du "login" du site
Figure 7. Localisation du bouton "shopping cart"	Figure 8. Localisation du bouton aide
>
Figure 9. Localisation des liens vers de la marchandise spécifique	Figure 10. Localisation du bouton "account/order"

Lors de la conception de votre site Web, il est important de se rappeler que les internautes manquent souvent de l’information importante sur votre site seulement parce qu’il ne la voit tout simplement pas. Les usagers oublient souvent de se déplacer (scroll) dans votre site, surtout au niveau horizontal.

Il est donc primordial de respecter certaines mesures pour être certain de donner accès à toutes les informations se retrouvant sur votre site. Il s’agit d’ajuster la résolution de votre site pour les paramètres de basse résolution. Selon un sondage, 12% des internautes possèdent une résolution de 640 X 480 et pour s’assurer qu’ils puissent visualiser votre site en entier, vous devez fixer vos paramètres à 595 X 295 pixels.

Cependant, la résolution la plus répandue sur le Web est de 800 X 600 ce qui rejoint 31% des internautes. La grandeur pour rejoindre ces usagers est donc de 750 X 425 pixels. Si vous décidez de prendre cette dernière résolution, il est recommandé de placer les informations essentielles dans les endroits accessibles à tous et les informations moins importantes dans l’espace visible à une résolution plus haute.

Une autre note importante est que les informations se retrouvant au bas de votre page sont souvent catégorisées moins importantes par les usagers, c’est pourquoi nous retrouvons souvent les textes de lois dans cet endroit. Un autre conseil est de mettre une bannière de publicité là où les gens ne s’y attendent pas, ça serait peut-être plus bénéfique.

Navigation et structure de site Web

Il arrive régulièrement que les internautes se perdent dans une structure de site. Lors d’une première visite sur un site, l’internaute fait face à une désorientation et quelques minutes sont nécessaires pour se familiariser avec le site.

Il est important également de ne pas trop charger ces pages d’informations et par le fait même, organiser une structure de navigation efficace. Une étude à comparer certaines structures de navigation : hiérarchie pure, hiérarchie non-linéaire et un mélange des deux premières structures.

Selon les recherches effectuées, la hiérarchie pure se veut trop restrictive et le design de la hiérarchie non-linéaire présente beaucoup trop d’informations sur une seule page. Le design mixte semble être plus significatif et les usagers se remémorent plus d’informations sur ce genre de site. Il est important de se rappeler que votre site doit contenir seulement les liens nécessaires à la bonne navigation puisque les liens superflus augmentent la probabilité de confusion de la part des internautes.

La loi de Hick-Hyman résume bien la situation : plus il y a d’options sur un site, plus de temps sera nécessaire pour trouver la bonne information. Une option à ne pas oublier sur un site et qui aide grandement à la navigation, est une carte de navigation (sitemaps). Si cette carte est bien réaliser, elle peut aider grandement au processus cognitif de compréhension du site. Une autre difficulté rencontrée est un problème de structure dans son ensemble. Les concepteurs de site ont souvent tendance à trop chargé les premières pages de navigation au lieu d’y aller en profondeur. La figure 11 présente ce que devrait représenter votre structure de site. Au premier niveau, il s’agit de mettre le sommaire de l’information disponible et sur les pages suivantes, donner des informations plus détaillées.

Figure 11. Structure idéale de site multi-levels

Il ne faut pas oublier que la configuration de votre site Web a un effet marqué sur le temps de recherche. De ce fait, il est plus adéquat de grouper les liens en colonne plutôt qu’une rangée. Il semble également plus effectif de mettre l’ensemble des liens sur un menu tenant sur une page plutôt que de montrer seulement les liens par catégorie.

Présentation des textes sur le site Web

Il est recommandé d’utiliser une grosseur de caractères de 10-, 12- ou bien de 14- points. Avec ses grosseurs de caractères, certains tests de vitesse de lecture ont été effectué avec une résolution de 1024 X 768 et en combinant le style de caractère (Arial, Comic Sans MS, Tahoma, Verdana, Courrier New, Georgia, Century Schoolbook et Times New Roman), aucune différence significative a été observé.

Cependant, la vitesse de lecture pour un type de caractère spécifique donne certains résultats pouvant être observés à la figure 12.

Figure 12. Vitesse de lecture de certains type de caractères

Figure 13. Légitimité des types de caractères (1 = "Pas du tout" et 6 = "Complètement")

La figure 13 nous présente les types de caractères jugés les plus légitimes. Nous nous apercevons que les caractères Arial et Courrier sont les plus légitime tandis que le caractère Comic est le moins légitime.

Nous retrouvons à la figure 14, le sommaire d’analyse des préférences de type de caractère de la part des participants au sondage. Le type de caractère le plus significatif est le Times New Roman.

Figure 14. Préférence de type de caractères

Le prochain graphique (Figure 15) montre les préférences de choix de type de caractères comme nous pouvons le constater le type « Comic » est le premier choix des internautes 

Figure 15. Pourcentage de choix de type de caractère pour le premier et le deuxième choix.

Maintenant que nous connaissons la grosseur et le type de caractères recommandés, nous pouvons analyser la longueur idéale d’une ligne de caractère. La longueur d’une chaîne de caractères doit être de 40 à 60 caractères ce qui représente environ 11 mots par ligne.

Si vous travaillez avec une échelle ceci représente une longueur de 10 cm ou 4 pouces. Le choix de couleur et de texture de l’arrière-plan ont également leurs importances pour la conception d’un site Web. Comme par exemple, une recherche démontre que la lecture sur un site s’effectue plus rapidement sur un fonds d’écran plein. De plus, il semble que le choix de true-color 24 bits soit une norme établie. Il s’agit de choisir un contraste entre la couleur de l’arrière-plan et celui du texte puisqu’il n’y a pas de différence significative.

Quoi que le choix d’une couleur foncé pour le texte sur un fonds pâle soit plus apprécié que le contraire. Il est important de garder en mémoire que ce choix de couleurs doit être respectueux des gens qui sont daltonien, surtout si votre clientèle-cible est composée majoritairement d’hommes. Il s’agit surtout des couleurs rouges, brun, vert ou mauve qui peuvent être mélangées par les daltoniens.

L’utilisation des images sur un site Web

Il est important de savoir que la plupart des usagers vont instinctivement ignorer les images de votre site pour se concentrer sur le texte lors d’une première visite. Cette donnée est appuyé par certains chiffres comme par exemple seulement 22% des annonces et des icônes promotionnels sont vus. Dans le cas des bannières publicitaire, ce chiffre grimpe à 45% et se sont les images qui sont le plus remarqué avec 60%. Il est important de se rappeler que plus il y a d’images sur un site, plus ce site est long à télécharger.

Si vous devez placer une bannière, elle doit être plus large que le texte pour être effective. Ne pensez pas qu’il soit plus justifié de mettre des graphiques animés sur votre site puisque ceux-ci semblent plus agir comme distraction et ils ne sont pas plus significatifs qu’un graphique non-animé. L’usage de bannière animée est souvent utilisé pour de la publicité et c’est donc pour cela que les internautes semblent les ignorer. Autre fait à signaler, les images de couleurs sont plus faciles à se remémorer que les images noires et blanches.

L’usage des cadres

Les cadres ou plus communément appelés « frames » ont un potentiel de confusion du modèle-type qu’ont les internautes. Il faut donc les utiliser à bon escient puisque ceux-ci peuvent nous diriger dans tous les sens. Une bonne utilisation permet de faciliter la navigation, surtout dans le cas d’un frame du menu de navigation du site. Ce cadre menu permet de résoudre le problème de déplacement vertical dans le site. Une autre utilisation vise à garder le visiteur sur son site lorsque celui-ci clique sur un lien externe, dans ce cas l’utilisation du frame permettra de rappeler aux visiteurs d’où ils sont partis.

Le design du site en relation avec les principes d’usages

Dans un premier temps, il s’agit de garder l’interface simple. En second lieu, il faut que le design parle de lui-même, c’est-à-dire que l’internaute doit être en mesure de déterminer en tout temps les actions possibles sur le site. Par exemple, l’utilisation des boutons a un objectif premier d’initier une action, soit de soumettre ou de confirmer. Ces boutons peuvent également servir de liens vers les autres pages du site.

L’utilisation d’icône pour représenter une action ne doit pas nécessairement être envisage comme une solution viable pour votre site. Les icônes sont des schématisation qui ne signifie pas toujours la même chose pour chaque personne. Les icônes laissent place aux erreurs de signification. Si vous choisissez de les utiliser, assurez-vous qu’ils soient simples.

Troisièmement, il faut que votre interface soit balancée et unifiée, c’est-à-dire que vous devez respecter les mêmes dispositions à travers votre site. Cette uniformisation simplifie la navigation sur votre site. Finalement, assurez-vous que pour rejoindre une information spécifique sur votre site, elle soit accessible facilement.

Captiver l’intérêt des visiteurs

Il existe 3 expériences Web désastreuses selon un sondage, la première expérience est celle où l’internaute n’est pas en mesure de trouver l’information spécifique dont il a de besoin. En second lieu, il y a les sites au règne la confusion et finalement, les sites Web qui sont long à télécharger.

Ce facteur de vitesse de transfert aurait coûté environ 4,35 billions de dollars au commerce électronique chaque année. Il faut se rappeler que la vitesse de transfert moyen des internautes est d’environ 5 Kbps, c’est donc dire que page de 40Kb prend 8 secondes à charger. Selon les critères de patience, ce 8 secondes est la limite qu’un internaute est en mesure de patienter pour le téléchargement d’un site.

Les conventions générales du Web

Cette section porte sur les conventions générales que l’on application à la confection de sites Web. L’une des premières conventions porte sur les couleurs relatives au hyperlien. Le bleu est utilisé pour les hyper liens non-visités, le mauve pour signaler que l’hyper lien a déjà été visité et finalement le rouge pour les hyper liens actifs.

Une autre convention est de placer un lien « Retour à la page d’accueil » dans le coin gauche de chaque page du site. Tandis que les liens internes doivent se retrouver à la fin de chaque page. Si des images et du texte doivent être mis sur le site, il faut éviter le déplacement ( « scrolling » ) horizontal pour les plus petites résolution. Il est également intéressant de mettre au bas de chaque page, la dernière fois que celle-ci a été modifiée.

Pour un site commercial réussi

De plus en plus, les gens achètent par le biais d’Internet, cependant il existe encore beaucoup de réticences. Dans un premier temps, les acheteurs ne se sentent pas en sécurité pour acheter des produits en ligne. Le premier critère d’insécurité est sans contredit la divulgation du numéro de carte de crédit. D’autres critères s’ajoutent à cette liste comme par exemple, la politique de retour et d’échange de la marchandise, la description complète des articles proposés, le prix, la sécurité des informations personnelles, les photos des articles et un engin de recherche.

L’utilisation d’un serveur Web sécurisé pour la collecte d’informations sur le client semble être plus rassurant. Il peut être intéressant d’afficher sa politique de vie privée sur chaque page et de la faire apparaître au client lorsque des informations sont demandées. Il peut-être également profitable d’expliquer les bénéfices du partage des informations personnelles. Ceci permet de donner un meilleur service aux clients.

Le manque d’informations relatives au produit, mais aussi sur la compagnie elle-même peut être considérée comme le second facteur de réticences de la part des consommateurs. Il faut se rappeler qu’Internet ne permet pas l’interaction avec le produit acheté, il faut donc bien définir le produit. Malheureusement, plus de 50% des sites de commerce électronique ne présente qu’une description succincte d’environ 3 lignes. Garder en tête qu’Internet est une source d’informations majeures et qu’en plus de la description de vos articles, vous pouvez ajouter des liens vers des revues de livres, ajouter des démonstrations vidéo, etc.

En vous appliquant à donner une information complète sur les produits que vous vendez vous augmenterez le volume de transaction sur votre site. Le tableau suivant présente les éléments qui rendent votre site vendeur.

Caractéristiques et % des internautes qui voient que cette caractéristique augmenteraient les ventes

• Images agrandies du produit : 44%

• Disponibilité du produit : 39%

• Guides de comparaison des produits : 34%

• Fonction de recherche : 30%

• Numéro 1-800 : 25%

• Révision/évaluation de produits : 24%

• Commande par catalogue : 24%

Figure 16. Caractéristiques qui vise l’augmentation des achats sur un site commercial.

Un troisième facteur de réticence est que l’acheteur doit se sentir confortable à la vue de l’article acheté. L’internaute doit pouvoir se renseigner sur les divers produits de votre site sans pour autant avoir à divulguer des informations personnelles. Donc, placer des produits dans un « shopping cart » ne doit pas être une corvée, ceci doit se faire de manière anonyme.

La quatrième réticence provient directement du professionnalisme de votre site. Une recherche sur plus 1400 participants fait ressortir deux éléments qui affectent la crédibilité de votre site : les applications commerciales et l’amateurisme. Les items qui affectaient le plus négativement une application commerciale d’un site, sont :

- Distinction difficile entre le contenu et la publicité;

• - Le « pops up » automatisé de nouvelles fenêtres d’annonce;

• - Le fait d’avoir plusieurs annonces sur une même page;

• - La cotisation à un site pour y avoir accès.
    Cependant, il existe une série de consignes pour rendre votre site commercial plus professionnel :

• - Offrir les informations dans un choix de langages;

• - Donner des réponses rapides aux questions des consommateurs;

• - Pouvoir faire des recherches sur du contenu passé;

• - Avoir un design professionnel;

• - Envoyer un courriel de confirmation d’achat.

L’utilisation de flash

Une autre étude sur le bon usage pour la construction de site Web donne 11 règles de conduite :

• - Créer des liens privilégiant l’usage de texte;

• - Des temps de chargement aussi réduit que possible;

• - Des contenus courts;

• - Un schéma de navigation et un modèle de page cohérent;

• - Une page d’accueil présentant un sommaire des informations contenues sur le site;

• - Éviter l’usage de « plug-ins »;

• - Éviter l’usage de frame;

• - Adapter votre site à vos clients;

• - Proposer un bon moteur de recherche, sinon oublier ça;

• - Utiliser des caractères (fonts et grosseurs) clairs;

• - Simplifier les impressions d’informations sur votre site.

La règle concernant les plug-ins nous oblige à aborder l’usage de Flash dans les sites Web. Dans un premier temps, il faut savoir que la technologie Flash complexifie l’interaction de l’usager avec votre site puisque celle-ci demande de télécharger un « plug-ins ». L’émergence de Flash s’est fait sentir lorsque certains gestionnaires de site voulaient donner une image dynamique de leur compagnie. Ils se sont donc lancer dans cette technologie avec un usage intempestif. Il fallait une image dynamique, un site qui bouge dans tous les sens.

Cependant, il est important de savoir que les animations gratuites gênent l’internaute, rend l’accès au contenu plus difficile, fatigue l’œil et irrite la plupart des utilisateurs. Il faut se rappeler que les visiteurs aiment garder le contrôle de leurs actions sur un site et la plupart du temps, une animation Flash ne peut être contrôlée, elle se déroule à une vitesse décidée par le designer.

Il est donc impératif de permettre à l’utilisateur d’arrêt ou même de passer l’animation en question sur votre site. Cette affirmation est encore plus d’intérêt lorsque l’animation est placée avant la page d’accueil de votre site. Les sites utilisant abondamment la technologie Flash sont moins performants. Flash annihile l’utilisation du bouton « retour » dans le navigateur, il rend inopérant la barre d'adresse pour les pages internes du site, rend difficile voir impossible la mise en favoris (signets) des pages, rend inopérant le moteur de recherche interne, ainsi que l'impression depuis le navigateur... bref, un site intégralement flashé a toutes les chances de fournir à ses visiteurs une bien piètre expérience.

Si la plupart des utilisateurs n’aiment pas attendre pour le téléchargement d’un site (la règle du 8 secondes), ils n’auront certainement pas la patience de télécharger le plug-ins Flash pour visionner votre site.

L’utilisation à bon escient de la technologie de Flash peut-être efficace dans plusieurs cas :

• - La confection de sites pédagogique ;

• - Les sites artistiques ;

• - Les sites humoristiques (séquences animées).

Pour savoir si vous devez utiliser la technologie de Flash dans votre site, posez-vous les deux questions suivantes :

• - Une animation est-elle justifiée pour ce type de contenu ?

• - Pourrait-on obtenir un résultat identique sans animation ?

Donc s’il n’y a aucune valeur ajoutée pour l’utilisation de Flash dans votre site, oubliez son utilisation. Il existe quelques règles pour voir à l’intégration d’une séquence Flash à votre site :

1. Utiliser Flash pour mettre en valeur des contenus interactifs à valeur ajoutée.

2. Votre site doit être accessible sans la technologie Flash. Utiliser Flash pour des séquences animées précises.

3. Il est impératif de proposer une alternative à Flash comme par exemple, une série d’images commentées.

4. N'utilisez pas de script de détection du plug-in flash pour forcer la navigation vers la version flashée de vos animations. Votre page d’accueil doit être accessible sans le plug-ins.

5. Lorsque vos liens font appel à la technologie Flash, indiquez-le clairement ainsi que la version requise. Donnez quelques explications sur ce type de technologie et la possibilité de télécharger l’application.

6. Ne pas utiliser la version la plus récente de Flash. Ceci permet de rejoindre un plus grand nombre d’internautes.

7. Sur la page contenant l’animation, mettre un moyen de quitter celle-ci et un bouton « pause ».

8. N'intégrez pas de séquence "flashée" aux parties de votre site impliquant le plus d'interactivité avec vos visiteurs (panier d'achat, processus de paiement, etc.). Ce serait générateur d'erreurs et d'abandons du site, car beaucoup d'internautes ne voudront ou ne pourront faire l'effort de concentration supplémentaire requis pour utiliser simultanément des functions interactives et des animations.

Ces règles concernent l’utilisation de la part de plug-ins disponibles (Real Player, Quick Time, etc.), mais quand est-il des règles pour réaliser de bonnes animations avec Flash? Il existe des règles de base pour réussir une bonne animation avec Flash :

• - La bande passante : après le téléchargement initial de votre application Flash (la règle du 8 secondes s’applique encore), votre animation doit utiliser un débit de 2 à 3 Ko par seconde pour être fluide.

• - Permet un certain contrôle à l’usager pour qu’il puisse suivre l’animation au rythme désiré (si possible). Du moins permettre l’arrêt de l’animation si désirée.

• - Faites un mélange d’effets spéciaux sans trop charger votre animation.

• - Faites tester votre animation par des utilisateurs.

• Ces petits conseils permettront de faire un site attrayant sans trop de difficultés de navigation de la part des usagers.

Conclusion

Comme nous avons pu le constater, l’ergonomie est une science qui adapte les interfaces machines à l’homme grâce à plusieurs techniques ! Ce travail présentait l’ergonomie des sites Web ainsi que l’utilisation de Flash.

Avant d’entreprendre un projet d’envergure, comme la réalisation de site transactionnel, il est important d’avoir certaines balises puisque le but ultime de ce genre de site est d’attirer les internautes qui ont le potentiel d’acheter. Ne pas se fier aux conseils d’un ergonomiste peut faire que les résultats escomptés ne seront pas atteints.

Donc pour débuter un projet d’envergure, il est impératif de joindre à son équipe de production, une personne connaissant les règles de l’art, mais également les dispositions pour rejoindre sa clientèle. De cette façon, vous serez en mesure de bien réussir votre projet, surtout si celui-ci coûte quelques sous!