RÈGLES. Communication Web en Wallonie. Avril 2013

Transcription

1 RÈGLES Communication Web en Wallonie Avril 2013

2 Introduction Contenu du document Ce document comporte deux parties, avec des objectifs complémentaires. La première est consacré aux différents principes de l ergonomie web. La deuxième partie pose les fondations pour les sites wallons. Cette charte permet de connaître les caractéristiques ergonomiques essentielles. Les éléments obligatoires sont mentionnés en rouge. Ce document va de pair avec la charte graphique, il est donc essentiel que ces deux documents soient considérés comme un ensemble, et que les règles et recommandations inscrites dans les deux documents soient prises en compte. 2

3 3

4 Les lois de la Gestalt Loi de proximité Par réflexe mental, nous considérons que deux éléments proches physiquement entretiennent des points communs et que l éloignement des deux objets témoigne d un manque de lien entre eux. Les espaces dans la navigation délimitent clairement les différentes sections. Les onglets qui sont accollés entre eux appartiennent à la même catégorie. Les catégories sont accentuées par des icones et des parenthèses situées juste audessus séparent chaque famille de produits. Le manque de prise en compte de la loi de proximité fait qu il est difficile de savoir si le lien Ajouter à mes favoris concerne le film Snow cake ou Les gens normaux n ont rien d exceptionnel. 4

5 Les lois de la Gestalt Loi de similarité Nous regroupons les choses qui se ressemblent. De nombreux attributs peuvent nourrir la similarité entre deux éléments : la taille, la forme, la couleur, le contenu et le comportement. Voici un bon exemple de la loi de similarité par la couleur. Sur le site Apple, lorsque l on survole le bouton Select correspondant à l Ipod turquoise, le bouton devient lui aussi turquoise. Sur le site de la fnac, la couleur jaune n est pas utilisée à bon escient. Elle sert à mettre en avant les gammes de produit mais elle est aussi utilisée lorsque l on survole et sélectionne les onglets supérieurs. Ainsi, par similarité de couleur, le site semble indiquer qu il existe des spectacles de jeux vidéo ou de voyages. 5

6 La loi de Fitts Loi de Fitts Une cible est d autant plus rapide à atteindre qu elle est proche et grande. Il faut dès lors essayer d augmenter la taille des éléments cliquables et réduire leur éloignement vis à vis du point de départ du mouvement. L importance que vous devez accorder à faciliter la cliquabilité des éléments découle principalement de leur fréquence d utilisation supposée. Il est beaucoup plus important d optimiser la cliquabilité des éléments de navigation principaux que celle d un lien hypertexte isolé au sein du contenu. P.S : Les différents objets cliquables pouvant être soumis à cette loi : logos, barres de navigation, icônes, images, boutons, liens hypertextes La loi de Fitts est ici bien appliquée. Sur le site MAAF, la cliquabilité des éléments de la barre de navigation est étendue : les liens et icones associées sont cliquables. Ces cibles sont donc d autant plus faciles à atteindre. Sur meteobelgique, le menu principal est constitué de 4 liens textuels de petite taille. Ils seront donc très difficiles à atteindre depuis une large majorité de la surface de la page. 6

7 Les lois de Miller et Hick Lois de Miller et Hick Loi de Miller : Miller a défini, sur la base d expériences scientifiques, un seuil maximal de notre mémoire de travail. Ce nombre est de 5, plus ou moins 2 éléments. Notre capacité mentale est donc limitée à un empan de 3 à 7 éléments. Ce nombre de Miller doit vous servir à ne pas surcharger votre interface et à limiter le nombre d éléments dont un seul doit être sélectionné. Loi de Hick : Dans le même ordre d idées, Hick démontre que le temps nécessaire pour prendre une décision croît proportionnellement au nombre et à la complexité des options proposées. En d autres termes, il est plus facile de décider parmi un nombre réduit d éléments. Electrabel a réussi à limiter les informations communiquées sur sa page d accueil. La navigation possède 5 blocs distincts contenant chacun 2 ou 3 liens. La recherche est simplifiée et la prise de décision plus rapide. Sur le site de Free, les rubriques de la navigation principale (à gauche de la page) ont un nombre trop important d items. De même, il y a trop de zones de contenu d informations. Ceci surcharge la page et impose une importante charge mentale chez les utilisateurs. 7

8 Le principe de Yarbus Le principe de Yarbus Yarbus nous apprend que nous dirigeons notre regard vers certaines zones selon ce que nous voulons faire. Cela signifie que certains éléments doivent avoir des caractéristiques similaires pour être efficacement reconnus et utilisés On parle de topicalité ou de topicité. La similarité et la symétrie entre les zones de la page dirigent efficacement le regard des utilisateurs, favorisent l activité de lecture et de scan visuel, et une comparaison aisée des éléments. Le site Boursorama est caractérisé par un bruit visuel très important procurant une impression de désorganisation (peu de symétrie et de similarité entre les zones). De ce fait, l utilisateur ne peut pas se construire un modèle mental de la structure de la page et la recherche de l information souhaitée sera beaucoup plus difficile. 8

9 Les principes sémantiques et lexicaux Les principes sémantiques et lexicaux La sémantique représente les aspects de sens, de signification des mots, ou de groupes de mots. Les lexiques sont les mots eux-mêmes, les phonèmes utilisés. L exemple le plus significatif est celui des rubriques du site qui s appuient d abord sur la sémantique. Il faut que les groupes créés soient logiquement irréprochables. Plus ces groupes sont cohérents, plus facile il sera de les nommer par la suite avec un lexique approprié. Cependant, il faut prêter attention aux mots employés dès que vous voulez communiquer une information aux utilisateurs. Message d erreurs compréhensible, contenu d une page adapté au vocabulaire de la cible... Illustration : le groupe canari moineau merle se nomme facilement par oiseaux car il est sémantiquement très fortement lié. Le groupe canari moineau merle crocodile force à élargir le lexique vers animaux, car le lien entre les éléments est plus éloigné. Le groupe canari moineau merle crocodile tracteur devient quasi impossible à nommer car il a perdu sa cohérence sémantique. 9

10 10

11 Liste des modules de la charte ergonomique Modules d'identification En-tête Pied de page Modules de navigation Navigation Primaire Navigation Secondaire et tertiaire Navigation Secondaire alternative Liens Contextuels Fil d Ariane Module? Un module répond à 2 critères en termes de contenu et de forme. Au niveau du contenu : Un module est un ensemble d éléments groupés selon une logique fonctionnelle. Au niveau de la forme : Un module est une entité visuelle distincte en vision périphérique des autres modules. Modules d information Page de contenu Accès par format Liste Services spécifiques Modules d interaction Bouton d action Formulaire de recherche simple Formulaire de recherche avancée 11

12 Modules d'identification 12

13 En-tête générique à tous les sites wallons Contexte L en-tête générique permet aux utilisateurs de reconnaître la marque wallonne sur le site où ils se trouvent. Il est obligatoire. Eléments spécifiques d ergonomie Identité Il convient de renseigner sur la marque du site et des liens les plus pertinents de l'institution. Ceci est d autant plus important qu il n est pas rare d atteindre 50% du traffic entrant dans le site par une autre page que la page d accueil. Conventions de localisation Tous les sites tendent à placer les éléments primordiaux aux mêmes endroits car, lorsqu un internaute arrive sur un site, il en a déjà visité d autres et en a tiré des connaissances sur leurs fonctionnements. Priorité visuelle Le lien vers le portail Wallonie.be est facilement identifiable. C'est un repère pour l'usager. Le lien vers l'espace Personnel favorise l'adoption des services transactionnels de la Wallonie par l'usager. Application des règles sur ce module Géométrie L en-tête est le premier élément des pages et il occupe une largeur équivalente à celle de l ensemble du contenu. Degré de liberté Il n'y a aucun degré de liberté sur cet en-tête générique. Celui-ci est téléchargeable sur chartegraphique.wallonie.be Ce qui est possible Intégrer au centre des liens vers d autres sites de premier niveau institutionnel (voir charte graphique) 13

14 En-tête spécifique à chaque site wallon Contexte L en-tête spécifique permet aux utilisateurs d identifier la nature du site sur lequel ils se trouvent. Eléments spécifiques d ergonomie Identité Il convient de renseigner sur la nature du site institutionnel ainsi que ses atours. Ceci est d autant plus important qu il n est pas rare d atteindre 50% du traffic entrant dans le site par une autre page que la page d accueil. Conventions de localisation Tous les sites tendent à placer les éléments primordiaux aux mêmes endroits car, lorsqu un internaute arrive sur un site, il en a déjà visité d autres et en a tiré des connaissances sur leurs fonctionnements. Par exemple: Le logo : en haut à gauche Le moteur de recherche : en haut à droite Priorité visuelle Dans le cas où le site possède déjà un logo propre, les deux logos (Wallonie + logo propre) sont placés côte à côte Le titre du site (exemple : Portail de la Wallonie ) doit posséder un fort contraste et se démarquer fortement des autres éléments. Application des règles sur ce module Géométrie L en-tête est le premier élément des pages et il occupe une largeur équivalente à celle de l ensemble du contenu. Degré de liberté Les couleurs (de fond et de font et de lien hypertexte) peuvent être modifiés d un site à l autre mais doivent permettre le contraste et la lisibilité. La présence d un moteur de recherche n est pas obligatoire. Le titre du site peut être présenté sur un arrière-plan coloré, ou une image. L essentiel est de conserver les priorités visuelles, notamment par les contrastes. Ce qui est possible Supprimer les éléments serviciels présentés dans l exemples ci-desus (recherche, langue); et/ou rajouter d autres éléments serviciels (voir charte graphique) Ce qui n est pas possible Afficher la barre de langues si le site n est disponible que dans une seule 14

15 Pied de page Contexte Le pied de page a pour objectif de permettre à l utilisateur de comprendre qu il est à la fin de la page. Il peut aussi lui rappeller des éléments pertinents tels que liens ou points de contact. Il est obligatoire. Eléments spécifiques d ergonomie Identité Ce le petit logo Wallonie rappelle la marque du site. Les 4 liens «mentions légales, Vie privée, Médiateur et Accessibilité» sont obligatoires. Des exemples de contenu pour ces 4 pages sont disponibles dans la charte graphique Web. Logo AnySurfer Ce logo ne peut être affiché que si et seulement si le site a fait l objet d un audit spécifique et a obtenu la labellisation. Toutes les informations sont disponibles sur le site Icônes médias sociaux Ces icônes renvoient vers les pages ou flux spécifiques aux sites sur les médias sociaux. Elle sont optionnelles. Application des règles sur ce module Géométrie Le pied de page occupe l ensemble de la largeur de la page. Degré de liberté Le pied de page peut reprendre des formes et des couleurs présentes dans l en-tête. Il est conseillé de personnaliser les liens mentionnés pour répondre au mieux aux besoins des Usagers prioritaires du site. Ce qui est possible Le logo anysurfer doit être affiché seulement si le site a fait l objet d un audit spécifique et a obtenu la labellisation Ce qui n est pas possible Modifier la liste des 4 liens obligatoires. Labellisation Anysurfer Elle est obligatoire pour les sites institutionnels et thématiques. Il en va de même pour certains sites d'oip dont le public est porteur d'un handicap ou de difficultés de navigation sur le Web. 15

16 Pied de page Eléments constitutifs du pied de page 4 Liens génériques Liens permanents Les 4 liens «Mentions légales», «Vie privée», «Médiateur» et «Accessibilité» sont obligatoires. Si le site respecte les normes d'accessibilité et a obtenu le label, le logo «AnySurfer» se place à droite du lien «Accessibilité». Le logo Anysurfer est cliquable et pointe sur le site Il est strictement interdit de placer ce logo si le site n'est pas labellisé. Logo Coq wallon en miniature Le logo de la Wallonie en miniature est aligné sur la gauche. Pour les sites co-financés par l Union européenne et la Wallonie, il est recommandé d utiliser le logo «Toujours Plus Haut» (avec la double flèche) qui comprend déjà les éléments obligatoires que sont le logo européen, le logo wallon et la phrase «L Union européenne et la Wallonie investissent dans votre avenir». Ces logos sont disponibles sur le site : Icônes médias sociaux Les icônes menant vers la présence du site sur les médias sociaux sont alignés sur la droite. Cet élément de design est optionnel. 16

17 Modules de navigation 17

18 Navigation Primaire Contexte La navigation primaire permet de se diriger vers les pages plus profondes du site, de revenir vers les pages de niveau supérieur mais aussi d englober l ensemble du contenu d un point de vue catégoriel. Eléments spécifiques d ergonomie Cohérence des rubriques Les rubriques proposées doivent être cohérentes entre elles, en proposant des accès du même type, par exemple par audience (citoyens, entreprises, etc.) ou par thématique (thèmes). Exclusivité des rubriques Les sujets abordés par chaque rubrique sont spécifiques et ne se recoupent pas d une rubrique à l autre. Exhaustivité des rubriques L ensemble des rubriques couvre l entièreté du site. Priorité visuelle La rubrique sélectionnée est l élément le plus contrasté du menu. L ensemble du menu possède un contraste fort dans la page. Application des règles sur ce module Géométrie La navigation primaire est présente sur toutes les pages. Elle est formellement différencié des autres éléments qui composent la page et possède un contraste fort. Degré de liberté Tant que les contrastes sont conservés, la couleur d arrière-plan peut être modifiée afin d être en accord avec le design du site. Ce qui est possible Positionner des pictogrammes représentatifs de chaque rubrique Former 2 ou 3 groupes visuels pour séparer les items du menu. Dans ce cas, il est possible d avoir plus de 7 éléments dans le menu Ce qui n est pas possible Modifier l ordre des rubriques d une page à l autre 18

19 Navigation Secondaire et tertiaire Contexte Les navigations secondaires et tertiaires donnent la possibilité aux utilisateurs de se diriger vers les pages plus profondes du site. Eléments spécifiques d ergonomie Convention de localisation Le titre est associé spatialement au contenu auquel il se rapporte. Les éléments groupés visuellement par colonne doivent avoir un lien thématique entre eux. Alléger la charge mentale et visuelle des utilisateurs Les libellés doivent être assez concis pour ne pas augmenter inutilement la charge visuelle et la charge mentale. En fonction de leur nombre, les liens sont également organisés en colonne de 3 à 7 éléments et sur 1 à 3 colonne maximum. Application des règles sur ce module Géométrie Ce module est formellement différencié des autres éléments qui composent la page. Degré de liberté Tant que les contrastes sont conservés, la forme et les couleurs d arrière plan peuvent être modifiées afin d être en accord avec le design du site. Ce qui est possible La navigation secondaire peut faire partie du menu principal, voir une alternative à la page 29 Ce qui n est pas possible Utiliser des intitulés nécessitant plus de 3 lignes Placer plus de 7 rubriques par colonne 19

20 Navigation Secondaire alternative Contexte La navigation secondaire peut être présentée en même temps que la navigation primaire pour permettre un accès plus rapide vers les pages plus profondes du site. Cette solution pourra être utilisé lorsque l entièreté des rubriques doit être visible de cette manière. Eléments spécifiques d ergonomie L ensemble des éléments présentés pour la navigation pimaire reste valable Cohérence des rubriques et sous-rubriques Les rubriques proposées doivent être cohérentes entre elles, en proposant des accès du même type, par exemple par audience (citoyens, entreprises, etc.) ou par thématique (thèmes). Exclusivité des rubriques et sous-rubriques Les sujets abordés par chaque rubrique sont spécifiques et ne se recoupent pas d une rubrique à l autre. Exhaustivité des rubriques et sous-rubriques L ensemble des rubriques couvre l entièreté du site. Priorité visuelle La rubrique sélectionnée est l élément le plus contrasté du menu. L ensemble du menu possède un contraste fort dans la page. Application des règles sur ce module Géométrie Cette navigation secondaire alternative est présente sur toutes les pages. Elle est formellement différencié des autres éléments qui composent la page et possède un contraste fort. Degré de liberté Tant que les contrastes sont conservés, la couleur d arrière-plan peut être modifiée afin d être en accord avec le design du site d accueil. Ce qui est possible Positionner des pictogrammes représentatifs de chaque rubrique Ce qui n est pas possible Modifier l ordre des rubriques et sous-rubriques d une page à l autre Proposer seulement une sélection de sous-rubriques 20

21 Liens contextuels Contexte Les liens contextuels accompagnent un contenu de manière à compléter l information reçue. Eléments spécifiques d ergonomie Caractéristiques sémantiques Il est intéressant pour les utilisateurs de connaître à l avance le format et le poids des documents à télécharger. La signification des icônes doit être univoque. Priorité visuelle les titres sont plus visibles que les contenus les liens doivent être facilement identifiables dans la page. Application des règles sur ce module Géométrie Les liens contextuels peuvent se positionner à différents endroits d une page. Cependant, ils doivent être clairement associés au contenu auquel ils se rapportent. Degré de liberté Associer ces liens avec le contenu auxquel ils se rapportent peut s effectuer de manière visuelle (en utilisant des formes et des couleurs similaires) et/ou spatiale (en positionnant les éléments proches les uns des autres). La largeur de ce module est variable en fonction de sa position dans la page. Ce qui est possible Associer des icônes au format des documents à télécharger (pdf, doc, xls, etc...) La forme et les couleurs des titres ainsi que les puces et les couleurs des liens sont libres tant que les contrastes (priorités visuelle) sont respectés Ce qui n est pas possible Utiliser des liens de plus de trois lignes 21

22 Fil d Ariane Contexte Le fil d Ariane, ou chemin de navigation, a pour objectif de faire savoir aux utilisateurs où ils sont et d où ils viennent, ainsi que de naviguer dans l arborescence du site (pour revenir aux niveaux supérieurs). Eléments spécifiques d ergonomie Convention de localisation Le fil d Ariane se trouve soit dans l en-tête, en haut de page, soit au début du contenu. Feedback sur la position des utilisateurs Le fil d ariane est un élément très important car il permet à l utilisateur de ne pas être désorienté dans le site qu il parcourt. Priorité visuelle Le fil d Ariane doit être un élément facilement repéré par les utilisateurs, par un fort contraste et/ou des écarts importants avec les éléments qui lui sont adjacents. Application des règles sur ce module Géométrie Le fil d Ariane occupe une position centrale et présente plus de contraste que les autres composants de l en-tête ou du dessus de page. La position de la page que consulte l utilisateur est distincte des autres éléments du chemin de navigation : pas cliquable, pas soulignée et en gras. Degré de liberté Ce module peut également être sorti de l en-tête pour être le 1er élément du contenu. Dans ce cas, il est important de conserver des espaces suffisants entre le fil d Ariane et le début du contenu, en particulier en présence d un menu secondaire. Ce qui est possible Lorsqu un titre est très long, il est possible de le raccourcir à une trentaine de caractères suivi de points de suspension Ce qui n est pas possible Placer un lien sur le titre de la dernière page (page actuelle) Utiliser un intitulé différent du titre de la page 22

23 Modules d informations 23

24 Page de contenu Contexte L objectif de ce module est de fournir aux utilisateurs l information voulue (texte + image), les différentes manières d exploiter cette information (imprimer, ajouter au pfd, etc...) et les informations connexes (les liens contextuels). Eléments spécifiques d ergonomie Convention de localisation Les boutons d exploitation forment un ensemble distinct. Ceux-ci sont composés de libellés associés au besoin à des icônes signifiantes. Caractéristiques visuelles Les sous-titres et les paragraphes d information constituent le coeur du contenu. L essentiel, pour conserver la lisibilité du texte, est de proposer des lignes constituées au maximum d environ 100 caractères (soit 12 à 15 mots). Caractéristiques formelles Chaque page de contenu correspond à un type d'information (actualité, agenda, description d'un ministère, ect) et comporte donc une série de champs obligatoires pour constituer, in fine, l'umi ou Unité Minimale d'information correcte de ce type d'information. Application des règles sur ce module Géométrie Ce contenu est essentiellement composé de texte (titre + sous-titre + paragraphes + accroche ou résumé) et éventuellement d images ou de schémas. Degré de liberté L agencement des différents types de contenu (texte, illustration, liens) reste relativement libre, bien qu il convienne de respecter les règles générales d écriture pour le web. Il peut être utile de répéter certains éléments comme les boutons d exploitation en bas de page. Ce qui est possible Supprimer une partie ou la totalité de la boîte de liens et documents relatifs. Positionner la boite de lien relatif en fin de contenu et plus large. Supprimer certains boutons d exploitation ou en ajouter d autres. Ce qui n est pas possible Proposer des images qui ne concernent pas le contenu Modifier la position ou l ordre des boutons sur les différentes pages du site. 24

25 Liste Contexte Ce module permet de présenter une liste de contenu aux utilisateurs. L ensemble des éléments présentés possède une propriété commune (actualité, évènement, focus, résultats de recherche, etc.). Eléments spécifiques d ergonomie Convention de localisation Ce module peut être appliqué à divers types de contenus présentés sous forme de liste. Chaque élément de la liste constitue un ensemble distinct des autres éléments de cette liste. Chaque élément est constitué d un lien et peut contenir une image (icône, illustration, schéma), une date et un texte d introduction. Caractéristiques fonctionnelles La liste présente 10 à 15 éléments et propose (le cas échéant) un système de navigation spécifique pour afficher les éléments suivants (système parfois appelé paging ). Application des règles sur ce module Géométrie La liste de contenus propose sous forme de liste verticale une sélection du type de contenu choisi par l utilisateur. Degré de liberté La manière de séparer chaque ligne est assez libre, l essentiel restant de pouvoir les distinguer clairement les unes des autres. La composition du contenu des lignes reste également libre, mais doit être cohérente sur l ensemble de la page. Ce qui est possible Modifier les formes et arrières plans Modifier l ordre des éléments de chaque ligne Proposer d afficher par 25 éléments (par exemple) si cela répond à un besoin des utilisateurs Ce qui n est pas possible Fournir des types d informations différents d un élément à l autre 25

26 Modules d interaction 26

27 Bouton d action Contexte Le bouton d action est un élément qui permet aux utilisateurs d interagir avec le site. Il est présent dans divers cas et permet de multiples actions telles que des recherches, des connexions, des inscriptions, des validations, etc. Eléments spécifiques d ergonomie Caractéristiques visuelles Visuellement, les boutons d action doivent être immédiatement identifiés comme permettant d effectuer une action par rapport aux autres éléments qui composent les pages. Les couleurs et/ou les pictogrammes utilisés pourront véhiculer un jugement sur l action en question. C est pourquoi il est important de conserver une adéquation entre l action et la couleur ou le pictograme qui accompagne le bouton. Exemples non exhaustifs : vert pour valider, rouge pour annuler, une disquette pour sauvegarder, etc. Caractéristiques fonctionnelles L action associée doit être immédiate après le clic. Caractéristiques sémantiques L action à effectuer est donnée par un verbe à l infinitif. Exemples non exhaustifs : Rechercher, Soumettre, Me connecter, M inscrire, Commander, Imprimer, Valider, Continuer, Annuler, etc. Si nécessaire, l action peut être précisée par l objet concerné par l action. Exemples : Choisir le fichier, Obtenir un mot de passe, etc. Application des règles sur ce module Géométrie Le bouton d action est associé spatialement à l élément auquel il se rapporte. C est pourquoi il est plus proche de lui que de tout autre élément. Degré de liberté Il est obligatoire de garder une cohérence sur l ensemble du site. Mais, en restant cohérent, la forme et les couleurs restent libres. Il est également possible d associer un pictogramme au bouton, de manière à permettre des meilleures reconnaissance et mémorisation de la part des Usagers. Ce qui est possible Modifier la couleur du bouton d action Associer un pictogramme au bouton d action Utiliser les termes suivant et précédent dans le cas des processus Ce qui n est pas possible Utiliser des libellés différents pour une même action au sein du site Associer une couleur qui véhicule une information contradictoire (exemple : valider sur un bouton rouge) 27

28 Formulaire de recherche simple Contexte La recherche simple, par mot-clé, est une stratégie de recherche qui permet à l utilisateur de trouver Une information sans passer par l arborescence du site. Eléments spécifiques d ergonomie Convention de localisation Le formulaire de recherche appartient à l en-tête des sites et se situe en haut et à droite de la page. Le bouton d action Rechercher est associé spatialement au champ auquel il se rapporte. Caractéristiques sémantiques L action du bouton est donnée par un verbe à l infinitif. Application des règles sur ce module Géométrie La recherche est composée au minimum d un champ et d un bouton d action. Degré de liberté Il est possible d associer un lien vers une recherche avancée. Ce qui est possible Associer un libellé (exemple mot-clé ) au champ. Ce qui n est pas possible Disposer la recherche à un autre endroit de la page. 28

29 Formulaire de recherche avancée Contexte La recherche avancée est une stratégie plutôt réservée aux utilisateurs expérimentés qui leur permet d effectuer une recherche sur plusieurs critères de leur choix et ou d afficher les résultats de façon personnalisée. Eléments spécifiques d ergonomie Convention de localisation La recherche avancée est proposée sur une page spécifique. L accès à cette page peut être proposé directement à proximité d une recherche simple et/ou sur une page de résultats de recherche simple. Caractéristiques fonctionnelles Cette recherche doit proposer des options supplémentaires par rapport à la recherche simple. Caractéristiques visuelles Les différents critères sont associés par groupe logique. Caractéristiques sémantiques L action du bouton est donnée par un verbe à l infinitif. Application des règles sur ce module Géométrie Cette recherche est composée de libellés, des différents champs associés et d un bouton d action. Degré de liberté Les composants de cette recherche dépendent du site et de ses fonctionnalités. Le nombre de champs peut être élevé, l important dans ce cas, est de proposer un groupement logique de ces champs. Ce qui est possible Proposer un calendrier interactif pour renseigner une date 29