Ergonomie-Web.com

14 décembre 2005

Vous pouvez retrouver ce dossier de 8 pages en suivant le lien suivant : voir le dossier Accessibilité et e-commerce : quels bénéfices ? [PDF].

Sommaire :

1. Introduction
2. Intérêt et place de l’accessibilité Web aujourd’hui
3. Qu’est-ce que l’accessibilité appliquée à un site de vente en ligne ?
4. Positionnement actuel des sites de e-commerce
5. Quels sont les bénéfices ?
6. Moyens de mise en place d’une politique d’accessibilité
7. Comment vérifier que mon site est accessible
8. Conclusion

Pour tout retour, suggestion, désaccord, vous pouvez me contacter.

Média : Ergonomie-Web.com | Lien permanent

07 novembre 2005

En bref

Comment le référencement et l'ergonomie / accessibilité sont techniquement associés au moment de la création d'une page Web.

L'article

L’ergonomie Web et le référencement sont des thèmes qui n’ont a priori rien à voir. L’une traite de l’organisation de l’espace d’une page Web, et l’autre de la façon d’assurer sa promotion. Cependant, en s’y penchant d’un peu plus près, les techniques d’optimisation d’un site Internet pour les moteurs de recherche conduisent souvent à une amélioration de l’accessibilité et pour cause.

Optimisation du référencement = Structuration de la page

L’optimisation de son référencement se fait par une hiérarchisation des informations d’une page, donnant ainsi la priorité à certains mots clé qui sont ainsi mis en évidence. On va ainsi techniquement préférer les balises de type H1, H2, H3 en HTML pour créer des titres au lieu de simples balises DIV auxquelles on va adjoindre un style. Un titre reflétant généralement le contenu des paragraphes suivant, c’est à lui que l’on donne la priorité aux robots des moteurs de recherche qui, eux, font abstraction des feuilles de style et ne voient que le code HTML.

Robots des moteurs = même fonctionnement que les logiciels adaptés aux non-voyants

On se rend ainsi compte du fait que les robots fonctionnent de la même façon que les logiciels de synthèse vocale ou adaptés aux malvoyants, qui privilégient les textes à l’apparence.

Alors, pour prêcher pour ma paroisse et dans l’ordre : pourquoi tout simplement ne pas intégrer à chaque fois une bonne politique d’accessibilité lors de la conception des sites Internet, optimisant ainsi ce même site pour le référencement ? Un bon argument de vente de l’accessibilité, non ?

Média : http://ergonomie-audit.blogspot.com | Lien permanent

04 novembre 2005

Internet, un média populaire et contemporain

Les priorités des entreprises vis-à-vis de leurs clients n’ont cessé d’évoluer en même temps que les avancées technologiques. Cette évolution est rendue plus rapide sur le média Web du fait du nombre croissant et de la diversification des usagers. Cela est dû également à de nombreuses études portant sur cet intriguant support qui font prendre conscience de certaines erreurs lors de la définition des cibles ou dans la conception d’un site Internet.

Quelques données

On note que 20% des français sont atteints d’une forme de déficience visuelle plus ou moins prononcée.

Comment s'adapter à un large public ?

Cela nécessite des dispositifs particuliers et des contraintes techniques : différencier les éléments de contenus (appelés items) de façon à ce qu’ils soient clairement identifiables, donner la possibilité d’agrandir ou de rétrécir la police via le navigateur (en ne spécifiant pas la taille de la police, mais plutôt en pourcentage par rapport à la taille par défaut) et contraster au maximum le contenu et le contenant (en évitant par exemple les images de fond).

Quels sont les publics à conquérir ?

On sait de plus que le Web peine à trouver sa place chez les jeunes retraités qui en auraient pourtant grande utilité, mais également chez les néophytes technologiques ou technophobes du fait notamment de la non compréhension du mode de fonctionnement de ce système : « Mais comment ça je clique ? ».

Que faut-il faire pour mieux répondre à leurs attentes ?

On peut retirer de cette information un besoin essentiel : faciliter la navigation à nos internautes. Pour cela, il faut que les liens soient mis en évidence (couleur différente, taille, espacement, soulignement) et si possible regroupés par orientation. Exemple : plusieurs liens exerçant une action sur un produit peuvent être regroupés dans un cadre établi.

Orienter le visiteur

On sait qu’un internaute ne s’éternise en moyenne pas plus de 4 secondes sur une page d’accueil et ne va pas effectuer plus d’un scroll (faire défiler la page qu’une seule fois).

Et cela me paraît un point plus qu’intéressant, et qui mérite réflexion. Si l’on regarde la plupart des sites et portails d’aujourd’hui, les pages d’accueil sont surchargées. On essaie de mettre un maximum d’information dans un minimum de place, cela impliquant un rubriquage qui peut être réussi parfois, mais qui ne sert cependant à rien.

Deux solutions : soit l’internaute sait ce qu’il vient chercher et il faut lui donner les moyens d’arriver en peu de clics à ce qu’il cherche (moteur de recherche, liens thématiques,…), soit il ne sait pas et il faut lui indiquer clairement quel(s) service(s) offre le site et ce qu’il va pouvoir y trouver. Dans ce dernier cas, il faut lui proposer quelques liens qui vont le faire se diriger vers les produits qui l’intéressent.

Les internautes lisent en diagonale

75% des internautes lisent en diagonale sur Internet selon J. Nielsen...

Dans le cas d’un site éditorial, de façon à faciliter la lecture en diagonale d’un article, il faut mettre certains mots ou groupes de mots en exergue de façon à ce qu’en regroupant ces mots on se fasse une idée globale du contenu du texte.

Beaucoup d'internautes ne vont pas au bout de leurs intentions d'achat

Un trop fort pourcentage de prospects ne vont pas au bout de leur commande, créant ainsi un manque à gagner considérable. À quoi bon mettre toutes les meilleures techniques marketing pour acquérir un client s’il ne passe pas commande ? Prendre soin de lui et s’adapter à ses problèmes, peurs ou incompréhensions est donc véritablement important.

Fidéliser, c'est générer du trafic intéressé

Dans un aspect purement marketing, on se souvient qu’il est 5 fois plus coûteux d’acquérir un nouveau client que de le fidéliser et on notera qu’un euro investi dans une démarche qualité en amène soixante de ROI (retour sur investissement).

Il est plus qu’important d’adopter la politique du zéro mépris, chaque client étant bon à prendre, et considérant qu’un client satisfait est un client fidélisé. Dans cette intention, il faut se mettre dans une attitude « user-centric », et adapter le site de façon à ce qu’il puisse permettre à un maximum de personnes de s’y retrouver. C’est une technique marketing comme une autre.

Média : http://ergonomie-audit.blogspot.com | Lien permanent

02 novembre 2005

En bref

L'ergonomie, c'est l'art d'améliorer l'"utilisabilité" d'Internet. C'est faciliter la navigation à l'utilisateur, quelque soit son matériel, son profil, son âge. C'est également lui faciliter l'accès à l'information ou au produit recherché.

L'article

Rendre un site accessible, ce n'est pas seulement faire en sorte qu'il soit visible par les non-voyants qui consulteront un jour votre site, c'est également une problématique commerciale intéressante et un défi pour l'ouverture du Web à un maximum d'usagers.

Faciliter l'usage aux malvoyants (personnes agées,...)

Les populations visées ne sont donc pas majoritairement les non-voyants, mais le grand nombre de déficients visuels (qui peuvent l'être plus ou moins par ailleurs) dont beaucoup ont un grand potentiel pécunier qu'il serait intéressant de mettre à profit...

Ergonomie = fidélisation ?

Car oui, l'intérêt de l'ergonomie et de l'accessibilité est bien de faire en sorte que chacun se retrouve et puisse être guidé sur votre site Internet. C'est un moyen de fidélisation comme un autre et également une façon de guider votre utilisateur... vers la validation du panier !

Comment conduire le prospect à l'achat ?

La problématique actuelle d'un grand nombre de sites de e-commerce qui se retrouvent confrontés à un sérieux souci : trop d'usagers remplissent leur panier et quittent le site au moment de la validation de celui-ci.

D'où vient ce souci ? Les usagers ne se sentent parfois pas en sécurité, ou pire : ils ne savent tout simplement parfois pas où cliquer. D'autres se demandent encore comment le prix qui était affiché sur la fiche produit se retrouve incrémentée de la sorte, et parfois multipliée pour peu qu'ils aient cliqué plusieurs fois sur le bouton "Ajouter au panier"...

Comment y remédier ? Il me semble personnellement nécessaire pour ces entreprises qui sont "le nez dans le guidon" de faire intervenir une personne extérieure pour avoir une vision autre et nouvelle sur l'interface et déceler les erreurs de conception de l'interface voire certaines inepsies.

Comment révéler des problèmes liés à l'ergonomie des interfaces Web ?

Il peut être également intéressant de faire des tests sur des utilisateurs comme celui nommé "eye tracking" qui permet de voir le déplacement des yeux des utilisateurs sur l'interface et de voir quelles sont les réactions par rapport aux items de la présentation. Iil peut être intéressant également de suivre une personne néophyte ou agée qui navigue sur votre site en recueillant les questions qu'elle se pose.

Vous l'aurez compris, l'intérêt de la problématique de l'accessibilité et de l'ergonomie de vos pages Web - qui devrait faire partie intégrante de toutes les démarches qualité des sites Internet - comporte des intérêts économiques certains et non-négligeables et a le mérite, outre le fait de suivre les lois européennes et bientôt françaises, de vous faire une bonne publicité et d'améliorer votre image de marque auprès de vos prospects.

Média : http://ergonomie-audit.blogspot.com | Lien permanent

01 novembre 2003

Même si l'architecture et le développement d'un site Web sont primordials dans la réussite d'un siteweb, le choix des couleurs est une étape importante qu'il ne faut surtout pas négliger dans la réalisation d'une charte graphique...

Vous qui créez des sites, vous vous êtes évidemment déjà posé la question : "bon, et là maintenant, je mets quelle couleur ?". Beaucoup malheureusement se disent : "ben là, ch'uis chaud pour le rouge, ça va faire bien". Evitez ce genre de réflexion, car cela vous mènera indubitablement à un truc qui n'a pas de sens.

Comment choisir la bonne couleur, prenons la question autrement, quelles couleurs ne pas choisir ? Les couleurs dites "pétantes" sont d'ores et déjà à proscrire, elle ne font que fatiguer les yeux du visiteur, et sont en général réservées aux sites warez, qui sont plus contenu que design. Le jaune est aussi à éviter car il est difficilement visible notamment sur les écrans LCD...

Il faut savoir que d'après des études, un visiteur placé dans une pièce aux couleurs chaudes (rouge, orange, etc.) donne une température de 4° plus élevée que lorsqu'on le met dans une pièce aux couleurs froides à la même température pourtant (source : www.admirabledesign.com). Les couleurs froides ont l'habitude d'amener plus de calme et de confort, cela explique pourquoi elles sont le plus souvent utilisées, cela dit, un peu de chaleur ne fait pas de mal et s'intègre bien parfois.

Ensuite, il faut accentuer les contrastes au maximum, ne pas hésiter sous photoshop® à utiliser des ombres très opaques, des contours d'1px d'épaisseur ou dupliquer le calque et réduire l'opacité de façon à faire un effet d'ombre très agréable.

Contrastes, oui, mais surtout éviter de mélanger certaines couleurs ensemble. le jaune et le rouge par exemple, mais cela, vous le verrez par vous-même de toutes façons. Nous vous mettrons en bas des exemples de couleurs qui peuvent aller ensemble, ce peut être pour vous une bonne source d'inspiration...

Pensez à définir une charte graphique et une ligne de conduite à suivre tout le long de la création de votre site, sans quoi celui-ci pourrait paraître incohérent et... rebuter le visiteur...

Média : Interview-Webmaster.com | Lien permanent