Définitions

L’utilisabilité est l’étude du comportement des internautes et les facteurs de réussite ou
d’échec d’un site web.

L’utilisabibilité évolue avec le temps :
ainsi le poids des pages web et  donc le temps d’affichage de la page était encore il y a quelques années un facteur d’échec important, cela est moins vrai aujourd’hui avec l’évolution de la technologie et des connexions haut débit.

L’utilisabilité dépend du niveau d’expérience des utilisateurs :
Les utilisateurs ont des niveaux d’expérience différents sur le web, si certains sont ouvert à des présentations, design… novateurs, pensez que pour la plupart des internautes, un site web doit répondre à des standards  (liens soulignés …..) pour un confort optimal.

Taux de rebond
Le taux de rebond est le % des visiteurs d’un site qui ne vont pas au-delà de la page d’accueil d’un site, et donc qui ne souhaitent pas en savoir plus !
Etre bien référencé c’est bien ; attirer des clients sur votre site c’est 50% du travail ; mais si vous n’arriver pas à les maintenir sur votre site, vous avez travaillé pour rien !

Les quelques pistes que nous vous donnons ci-dessous sont loin d’être exhaustives, il existe des études très poussées sur ce sujet, mais nous espérons néanmoins quelles orienterons votre réflexion pour vous permettre de construire un site web plus efficace.

« Un internaute passe en moyenne 35 secondes sur une page d’accueil, vous avez peu de temps pour faire bonne impression et communiquer l’essentiel de votre message »

« ¾ des problèmes d’utilisabilité concernent les objectifs de base de l’utilisateur : trouver, lire et comprendre les informations »

Théorie du butinage
Les internautes butinent, ils optimisent le temps qu’ils passent sur les sites.
Face à une masse d’informations, les utilisateurs doivent pouvoir gérer les priorités, aller à l’essentiel et zapper au besoin.
Pensez à cela, si le compréhension des services que vous proposez demande des efforts insurmontables, les internautes iront voir ailleurs !

Design

 Le logo :
Se trouve en général en haut à gauche de la page, il ne doit pas se confondre avec d’autres éléments graphiques, il doit comporter un lien vers la page d’accueil

 Taille de vos pages :
La résolution d’écran la plus employée aujourd’hui est 1024 X 768 Pixels
Pensez en construisant votre site à le regarder dans cette résolution pour voir si il n’y aurait pas des zones importantes non visibles

 Défilement /Ascenseur (scroll)
Plus de la moitié des utilisateurs ne font pas défiler les pages !
Un défilement vertical est généralement accepté et assez commun, vous devez penser néanmoins à communiquer l’essentiel de votre message sur la partie supérieure de votre site ne nécessitant par de défilement
Le défilement horizontal est à proscrire absolument.

 Graphisme
Les formes lisses et rondes véhicules des sensations douces et agréables
Les formes pointus, abrupt sont agressives, véhicules la peur, le danger 

 Surcharge !
Plus votre page est surchargée, moins elle sera visible

Communication (comment vous adresser vous à vos clients)

 Signature (slogan):
Pensez à dire ce que vous faite, en arrivant sur votre site l’internaute doit le savoir immédiatement sans avoir à parcourir tout votre site. Une signature se met en général proche du logo.

 Choix des  mots:
Utilisez des mots simples et explicites, n’utilisez pas de mots inventés des métaphores, le jargon interne à votre société, les termes trop techniques …
Evitez les déclarations trop vantardes peu appréciées.
Le texte sur le web doit être court, lisible et assimilable. Partez de la conclusion et développez après.

 Densité:
Ne noyez pas vos visiteurs avec des blocs de texte denses, sauf si vous traitez de sujets très pointus pour lesquels vos visiteurs sont demandeurs
Si votre page d’accueil est remplie de texte, le visiteur en arrivant sur le site imagine qu’il va devoir faire beaucoup d’efforts pour obtenir des informations.

 Qui vous êtes ?:
Afficher clairement (dans une page intermédiaire) des informations sur vous, qui vous êtes, comment vous contacter….. Cela rassure les visiteurs

 Lisibilité
. Utiliser des polices (caractères) web classique (arial, verdana, comic, courrier, georgia, impact, times), les textes « sans serif » (sans empâtement) sont plus faciles à lire
. Utiliser des tailles de police entre 10 et 12 pixels (jusqu’à 14 si vous vous adressez à des séniors)
. Limiter le nombre de style de police sur vos pages
. Eviter les mots tout en majuscule
. Utiliser le gras que pour mettre en valeur des points important
. Le texte noir sur fond blanc est le plus lisible, éviter des assemblages (texte/background) illisibles, flashy ou agressifs.

Navigation/orientation

hiérarchisez vos pages :
Vous pouvez utiliser un fil d’Ariane affichant en permanence à quel niveau se trouve l’utilisateur : Accueil >> étape 1>> étape 2  …..

Liens profonds :
N’obligez pas les utilisateurs à revenir systématiquement sur la page d’accueil, offrez leurs les moyens d’accéder à d’autres contenus par des liens directs.

Liens hypertextes:
Distinguer bien les éléments cliquables des autres éléments de votre site
Les liens sont en général soulignés, et changent de couleur après visite

Pages orphelines
Les pages orphelines sont des pages qui n’ont aucun lien vers d’autres pages

Structure
Conserver une structure de navigation cohérente, ne changer pas la navigation d’une page à l’autre ou alors l’utilisateur sera plus concentré sur le « comment naviguer » que sur le contenu de vos pages

A éviter

Les fenêtres type Pop up
La musique (sauf si vous avez un site qui s’y prête)
L’ouverture de nouvelles fenêtres dans le navigateur
Des éléments du design qui ressemble à des pubs
Mauvais fonctionnement du bouton précédent
Poids des pages > 100 ko
Les Frames
Le flash sauf pour des animations ponctuelles et descriptives
Simplifier les url
Eviter le téléchargement de plug-in
Eviter les pages de garde (avec liens entrer)
Les fautes d’orthographe
Les contenus obsolètes
Les demandes prématurées d’information personnelles
Les expressions du type « bienvenue sur notre site »

Cas des boutiques en ligne (quelques règles de base)

 afficher le panier d’achat en permanence en général en haut des pages
 afficher les prix avec les pages produits (au premier niveau), le client doit savoir au premier coût d’œil si le prix d’un article correspondra à son budget
 Permettre aux clients d’acheter (et de voir le prix du panier) avant de s’inscrire
 Si vous mettez un module de recherche, prévoir une taille de champs de 30 caractères, situer les module toujours à la même place, en général en haut à droite
 Offrez à vos clients la possibilité de trouver les informations produits qu’ils peuvent solliciter ; à la différence d’un magasin, les clients ne pourront pas aller voir un vendeur pour obtenir de l’information
 Proposez des images de vos produits (sous plusieurs angles), offrez la possibilité de zoomer