L’usabilité d’un site web est sa capacité à être utilisé de manière simple et efficace. Elle s’attache à rendre la navigation au sein d’un site la plus intuitive possible.
L’accessibilité d’un site web est un aspect particulier de son usabilité prenant en considération les visiteurs ayant des handicaps ne leur permettant pas de profiter du web comme la majorité des internautes.
La problématique actuelle du web, vis-à-vis de ces deux enjeux avant tout fonctionnels, est que si des normes ont été définies pour y répondre, elles ne sont pas toujours évidentes à mettre en œuvre, bien souvent à cause des limites des navigateurs utilisés.
L’utilisation d’outils de gestion de contenus web peut permettre de résoudre ses problématiques en amont s’ils sont conçus et utilisés en les prenant en compte. L’effort à fournir est alors mieux maîtrisé car concentré lors de la conception des sites, et non plus réparti au jour le jour.
Objectifs de la formation :
Ce séminaire présente les règles générales d’usabilité et d’accessibilité, organisées autour de différents thèmes : la page d’accueil, la structure standard d’une page, les formulaires, quelques pages particulières, les éléments spécifiques d’accessibilité.
_ Ces règles, si elles traitent de points précis, restent générales et applicables dans la très grande majorité des cas, ce que des exemples concrets illustreront tout au long de la session.
_ Pour chacun des thèmes, les apports et contraintes des outils de gestion de contenus web sont présentés, avec mise en évidence concrète de certains éléments via l’utilisation de l’outil de gestion de contenus logiciel libre SPIP-Agora(1) .
_ (1) http://www.agora.gouv.fr/
Les enjeux de l’usabilité
La problématique d’usabilité est générale, non limitée au web. On trouve tous les jours dans la vie courante des erreurs flagrantes de conception qui rendent difficile l’usage d’objets ou services.
_ Cette problématique générale se décline dans le monde web où des services et contenus créés bien souvent par des techniciens sont mis à disposition d’un public plus large, composé potentiellement de non techniciens. Un objectif particulier de l’usabilité est justement de répondre à des besoins d’accessibilité.
– Quels sont les enjeux de l’usabilité ?
– Et plus particulièrement de l’accessibilité ?
– Quelles sont les contraintes d’accessibilité officielles ou de fait en France, en Europe et ailleurs ?
– Quels sont les risques à ne pas en tenir compte ?
– Quels sont les mécanismes de base pour assurer une bonne usabilité ?
– Quels enjeux pour les outils de gestion de contenus web ?
La page d’accueil, un concentré digeste du site
La page d’accueil d’un site web est bien souvent la plus importante, puisqu’elle doit présenter de façon la plus efficace possible des informations pertinentes pour introduire le site.
- Quel est l’objectif du site ?
- * Quelle est l’image de marque à véhiculer ?
- * Comment sont organisés les contenus et services proposés ?
- * Quelles sont les modalités générales de navigation ?
- Quels sont les différents types de pages d’accueil selon le type de site web considéré et quelles sont les différences de fond et de forme entre ces différents sites ?
- * Site “corporate”
- * Site catalogue de produits, e-commerce
- * Intranet d’entreprise
- * Portail d’intégration
La structure standard d’une page
Les règles les plus simples d’usabilité s’appuient sur des principes généraux de standardisation de la composition des pages d’un site.
- Quels sont les éléments de navigation devant être systématiquement présents ?
- * Menu principal,
- * menu secondaire éventuel,
- * localisation dans le site,
- * titre de page,
- * liens hypertextes,
- * etc.
- Quelles sont les règles à respecter pour que la compréhension et l’usage du site soit le plus intuitif possible ?
- * La typographie,
- * les couleurs,
- * les images,
- * les tableaux de données,
- * les listes,
- * les acronymes,
- * la gestion de l’impression,
- * etc.
- Quelles sont les règles à respecter pour assurer la meilleure accessibilité ?
- * La différence entre la structure sémantique des contenus et leurs représentations possibles
- * L’élasticité du design
- * Des éléments spécifiques d’accessibilité invisibles aux utilisateurs de navigateurs courants : liens invisibles, raccourcis clavier, etc.
- Quelle est donc la structure idéale d’une page web accessible ?
- Comment prendre en compte les différences d’interprétation des normes par les navigateurs ?
- Comment respecter ces contraintes avec un outil de gestion de contenus web ?
- * Pour ou contre le WYSIWYG ?
- * Quels automatismes peuvent être mis en œuvre ?
Les pratiques courantes pouvant porter préjudice à l’usabilité et/ou l’accessibilité
De nombreuses fonctionnalités offertes par le Web et ses standards à l’heure actuelle ont été initialement mises en avant par les éditeurs de logiciels pour répondre soit à des problématiques techniques réelles, soit à des besoins plus marketing de différentiation.
Certaines de ces fonctionnalités ne sont plus justifiées à l’heure actuelle et peuvent même porter préjudice à l’usabilité d’un site web, mais d’autres ont toujours un sens.
– Faut-il utiliser des frames ou iframes ?
– Faut-il ouvrir automatiquement d’autres fenêtres de navigateur ?
– Faut-il utiliser des applets java, des ActiveX, des animations Flash, d’autres plug-ins particuliers ?
Le cas particulier des formulaires
Outre les pages simples des sites Web principalement orientées contenu, les formulaires permettent de faire du visiteur passif un acteur, ce qui implique des règles particulières d’usabilité.
- Quels sont les éléments incontournables ?
- Quelle doit être la composition générale d’un formulaire pour qu’il ait une usabilité optimale ?
- Quels sont les différents éléments des formulaires et leurs principes de fonctionnement ?
- * Champs de saisie libre,
- * listes de sélection,
- * cases à cocher,
- * boutons et images d’action.
- Quelle doit être la mise en page d’un formulaire ?
- Comment signaler les formats de données attendus et les champs obligatoires ?
- Quels messages d’erreur et d’alerte afficher, où et comment ?
Quelques pages courantes particulières
Outre la page d’accueil, un site Web propose souvent des pages particulières dont la composition doit être envisagée autrement que pour une page de contenu.
_ Quelques exemples de pages particulières
– Une page de contact,
– les pages de recherche et de résultat de recherche,
– le plan du site,
– une page présentant la politique d’accessibilité du site,
– etc.
Le futur
L’évolution des standards actuels permettra dans le futur de simplifier la prise en compte des problématiques d’usabilité et d’accessibilité, surtout si leur adoption dans les principaux outils concernés (navigateurs, outils de conception et de développement) est rapide.
– Quelles sont les évolutions techniques prévues à court et moyen terme pour favoriser l’usabilité ?
– Faut-il adopter au plus vite les nouvelles normes ou recommandations ?
Ressources
Pour ne pas se perdre au milieu de toutes ces normes et recommandations en perpétuelle évolution, et garder le contact avec les dernières nouveautés en terme d’accessibilité, le meilleur moyen est de connaître les quelques sites et communautés de développeurs incontournables à ce sujet.
Pré requis :
Connaissance générale des problématiques web.
Profil des participants :
Directeurs informatiques, architectes techniques, directeurs de projet, chefs de projet fonctionnel / technique, développeurs, intégrateurs HTML, graphistes.
Mise en pratique :
Exemples et contre-exemples.
_ Mise en pratique dans SPIP-Agora.