ADELE 126 : Charte graphique et ergonomique des téléprocédures publiques



Documents pareils
Exemple de Plan d Assurance Qualité Projet PAQP simplifié

CSMA e Colloque National en Calcul des Structures Mai 2013

Le guide du parraina

7. Droit fiscal. Calendrier Actualité fiscale 7.2 Contrôle et contentieux fiscal 7.3 Détermination du résultat fiscal.

A. RENSEIGNEMENTS GÉNÉRAUX. (Adresse civique) 3. Veuillez remplir l'annexe relative aux Sociétés en commandites assurées à la partie E.

DEMANDE DE GARANTIE FINANCIÈRE ET PACK RCP

Les maisons de santé pluridisciplinaires en Haute-Normandie

Comment utiliser une banque en France. c 2014 Fabian M. Suchanek

Les nouvelles orientations politiques du budget 2015 du Gouvernement prévoient

MAISON DE LA RATP 54, quai de la Râpée -189, rue de Bercy Paris. M Gare de Lyon. M Gare de Lyon

Sommaire G-apps : Smart fun for your smartphone!

TVA et Systèmes d Information. Retour d expérience d entreprise. A3F - 26 mars 2015 Hélène Percie du Sert COFELY INEO

Découverte Sociale et Patrimoniale

Bloc 1 : La stabilité, une question d équilibre

Réseau des bibliothèques du Pays de Pamiers Guide du Numérique

Vu la loi n portant code des assurances prom ulguée par le dahir n du 25 rejeb 1423 (3 octobre 2002), telle qu'elle a été complétée ;

Les ressources du PC

C est signé mars 2015 Mutuelle soumise au livre II du Code de la Mutualité - SIREN N DOC 007 B-06-18/02/2015

Journée d échanges techniques sur la continuité écologique

Développement de site web dynaùique Dot.NET

Évaluation de performance et optimisation de réseaux IP/MPLS/DiffServ

DOSSIER DE CANDIDATURE POUR UNE LOCATION

Devenez ingénieur en Génie Informatique et Statistique par la voie de l apprentissage

CENTRE FRANCO-ONTARIEN DE RESSOURCES PÉDAGOGIQUES

Programme GénieArts Î.-P.-É GénieArts

Le traitement des expulsions locatives

au Point Info Famille

Matériau pour greffe MIS Corporation. Al Rights Reserved.

CASIO D 20 Mémoire du grand total CASIO ECO Affichage 8, 10 ou 12 chiffres Tous les calculs de bases Calcul de taxes

DELIBERATION DU CONSEIL REGIONAL

Impôts PLUS ou moins-values

Demande de retraite de réversion

Rassemblement National des Interlocuteurs Academiques TICE Éducation Physique et Sportive - Evry - 20/21 Janvier 2014 TABLETTES TACTILES

Garantie des Accidents de la Vie - Protection Juridique des Risques liés à Internet

«COMBATTRE LES BLEUS» Ce que signifie le programme social des Conservateurs pour les femmes

THÈSE. présentée à. par Nicolas Palix. DOCTEUR Spécialité: INFORMATIQUE. Langages dédiés au développement de services de communications

LE SURENDETTEMENT. a s s e c o. leo lagrange UNION NATIONALE DES ASSOCIATIONS FAMILIALES. union féminine civique et sociale

nous votre service clients orange.fr > espace client 3970*

Subventions Diverses 2009

La transformation et la mutation des immeubles de bureaux

J adopte le geste naturel

Initiation à la virologie Chapitre IV : Diagnostic viral

PARTIE 1 : La gestion administrative des relations avec les fournisseurs

Florence Jusot, Myriam Khlat, Thierry Rochereau, Catherine Sermet*

Commune de Villars-sur-Glâne Plan directeur du stationnement Bases

Juin

UNIVERSITÉ SAVOIE MONT BLANC FRANCE KIT DE SURVIE DE L ÉTUDIANT ETRANGER.

Gestion de casiers en milieu scolaire. Augmenter la disponibilité en mode centralisé ou consignes, avec les casiers de Traka. traka.

CLOUD TROTTER La Vache Noire Sud rue Oscar Roulet Robion - Tél. :

Le mandat de Chercheur qualifié du F.R.S.-FNRS

FORMATIONS 2014 CENTRE EUROPÉEN DE FORMATION À LA PRODUCTION DE FILMS

Corrigé du baccalauréat S Pondichéry 13 avril 2011

Guide de correction TD 6

Bénévole pour quoi? N 20 - Sommaire. N 20 - Déc 08. v d s. f bénévoles désormais, et on s'arrête là pour l'instant.

La lettre du Bureau Asie-Pacifique

Base de données bibliographique. p p. 33. valorisation économique de l'eau potable. energétique et municipales. p.13 - fédérale de.

Focus. Les placements éthiques : entre défis et opportunités. Patrick Barisan. Sintesi a cura di Luisa Crisigiovanni

Les odeurs. é ens M. d e. sur. / janvier-février Informations sur la Qualité de l Air en Picardie

Sommaire. qui sommes-nous. Nos grandes realisations. 4 Madagascar 5 Nous vivons nos valeurs 6 Telma en bref 8 La Gouvernance

Titrages acidobasiques de mélanges contenant une espèce forte et une espèce faible : successifs ou simultanés?

f n (x) = x n e x. T k

Le Songe d une nuit d été

Produits à base de cellules souches de pomme

Utiliser le service de messagerie électronique de Google : gmail (1)

Espace Client Aide au démarrage

S a i n t - M a l o G R O U P E

Systèmes à événements discrets : de la simulation à l'analyse temporelle de la décision en agriculture

BEC-BENCHMARKING (Benchmarks inclus dans le club des Brand Managers) Exemple Veille Stratégique n 1

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

RAPPORT D ACTIVITÉ. Maison de l Emploi Sarthe Nord

Plan directeur des zones 30 km/h

Inclure la vidéo comme levier de sa stratégie marketing

Publier dans la Base Documentaire

Mon aide mémoire traitement de texte (Microsoft Word)

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Murs coupe-feu dans maisons mitoyennes à une famille

Assurer les proposants donneurs de rein

Publier un Carnet Blanc

responsabilité Analyse des décisions civiles, pénales et avis CCI des anesthésistes, obstétriciens et chirurgiens concernant supplément au N o 52

42"/107 cm Hz CMI. 2 x HDMI USB

Module Communication - Messagerie V6. Infostance. Messagerie

magazine N 61 décembre 2011 Joyeuses fêtes Dossier : Fiscalité locale Vie économique : Animations commerciales Travaux : Plan neige

Cette fonctionnalité est paramétrable et accessible dans le module administration via le menu "Dossier / Administration".

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

Formation. Module WEB 4.1. Support de cours

BOULOGNE (92) TRIANGLE ENTRE VERDURE ET BOUCLE DE SEINE INVESTISSEMENT EN NUE-PROPRIÉTÉ IMMOBILIER NEUF

LE DEFI L HOMME ET LES TECHNOSCIENCES. 21, 22, 23 novembre e Semaine sociale de France. à l Université catholique de Lille

ZOTERO. Installation. Bibliothèque de Pharmacie. Service Formation

Agricoles LES BONNES RÉSOLUTIONS DU MODEF DES LANDES. le 15 janvier. sommaire. édito. Aides aux fourrages (CG 40) et aide MSA : Dossiers à déposer

Site web établissement sous Drupal

Downloaded from Guide utilisateur

ces révolutions qui nous attendent Jeudi 23 octobre 2014 Bien assuré, on peut tout oser. programme

JOURNAL DE 'JURISPRUDENCE ET DES DEBATS JUDICIAIRES.

Manuel d'utilisation du site Deptinfo (Mise en route)

SOMMAIRE. Présentation assistée sur ordinateur. Collège F.Rabelais 1/10

Le nouveau projet Israélo-Palestinien : Terreau pour une culture de paix

Transcription:

ADELE 126 : Chart graphiqu t rgonomiqu ds téléprocédurs publiqus Vrsion 1 janvir 2006

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Vrsion 1 2 décmbr 2005 Pag 2/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Sommair 1 Commnt utilisr ctt chart... 4 1.1. Introduction... 5 1.2. Nivaux d rcommandation... 7 1.3. Limits... 8 2. Ls rcommandations... 9 2.1. Règls générals... 10 2.2. Facilitr l accès au srvic... 21 2.3. Soignr ls formulairs... 27 2.4. Fournir un aid adapté... 38 3. Ls princips graphiqus... 44 3.1. Règls graphiqus... 45 Bibliographi... 46 Vrsion 1 2 décmbr 2005 Pag 3/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 1 Commnt utilisr ctt chart Vrsion 1 2 décmbr 2005 Pag 4/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 1.1. Introduction La chart graphiqu t rgonomiqu constitu un cadr général d rcommandations à dstination ds concpturs d téléprocédurs publiqus. Ell propos ds règls, ds concpts t ds définitions communs à l nsmbl ds téléprocédurs, dans l objctif d fournir aux usagrs un millur confort d utilisation. Ctt chart st construit autour d rcommandations rgonomiqus, princips graphiqus t modèls d écrans. Objctifs d la chart L objctif d c documnt st d fournir ds règls rgonomiqus t graphiqus. Plus particulièrmnt, la présnt chart a pour objctif d : fournir un nivau d confort minimum aux utilisaturs qulqu soit l émttur d la téléprocédur, donnr un idntité visull au sit, tant n trm d graphism qu d navigation, facilitr t accélérr l travail du concptur n proposant ds princips d composition, d navigation t d rpérag. Ell st complémntair du référntil d accssibilité ds srvics Intrnt d l administration français. Ctt chart fournit un cadr d rcommandations génériqus fournissant au concptur un bas d travail pour l intégration d ss proprs fonctionnalités. Vrsion 1 2 décmbr 2005 Pag 5/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Champ d application La chart a valur d rcommandation pour tout téléprocédur publiqu, c st à dir pour tout srvic intrnt prmttant d rmplir n lign un formulair, d l transmttr aux dstinatairs publics avc accusé d récption t/ou attstation n lign, dans l cadr d démarchs administrativs. Son application st obligatoir pour ls téléprocédurs ds srvics d l Etat t st rcommandé pour tout sit d la sphèr publiqu. Ls téléprocédurs publiqus concrnés par la présnt chart sont définis comm suit : «Déclarations t dmands administrativs miss à disposition du public par formulair guidé n lign» Vrsion d c documnt Ctt prmièr vrsion st basé sur un séri d travaux validés par un group d travail intrministéril. Après un phas d bnchmarking t d rédaction ds rcommandations, un phas d tsts individuls avc ds utilisaturs finaux a été ffctué afin d optimisr l rgonomi ds modèls d pags proposés. En outr, un travail avc ls concpturs t intégraturs d téléprocédurs a prmis d optimisr la mis n pratiqu ds rcommandations. Enfin, un appl à commntair t un rlctur n group d travail d l nsmbl ds rcommandations ont prmis la validation d ctt vrsion 1.0. Vrsion 1 2 décmbr 2005 Pag 6/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 1.2. Nivaux d rcommandation Ls rcommandations sont pondérés par nivaux d xignc : Un rcommandation d st indispnsabl pour bénéficir du labl Adèl ; ct nsmbl d rcommandations prmt d fournir à l usagr un cadr d utilisation rgonomiqu d un téléprocédur à un autr, qul qu soit l émttur. L nivau assur un nivau d cohérnc graphiqu t rgonomiqu ntr téléprocédurs tout n laissant un crtain dgré d librté pour l intégration dans un sit xistant. C nivau trait égalmnt du fonctionnmnt mêm d l application. Un rcommandation d propos un nivau d confort élvé pour l utilisatur. Ell influnc l nivau d qualité du srvic offrt, valoris la «rlation usagr» dans un optiqu d suivi t fidélisation, t prmt un bonn homogénéité graphiqu t rgonomiqu ntr téléprocédurs. C nivau utilis la mascott Adèl pour accompagnr l utilisatur. L fonctionnmnt ds critèrs st cumulatif : l rspct du nivau nécssit l intégration ds critèrs t. L rspct du nivau impliqu l rspct du nivau. Ls concpturs sont invités à rspctr l plus d élémnts possibls. Par xmpl ils puvnt appliqur tout ou parti ds rcommandations d nivau ou mêm si l nivau visé st l. Vrsion 1 2 décmbr 2005 Pag 7/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 1.3. Limits Ls modèls d pags illustrnt l cas d un téléprocédur publiqu simpl. Ds adaptations sont nécssairs slon la complxité fonctionnll d chaqu procédur. Ls écrans sont donc un bas pour la concption t non un modèl forml à appliqur à l idntiqu. L illustration par ls écrans n couvr pas touts ls fonctionnalités pouvant êtr miss n œuvr par ls téléprocédurs (gstion d compt, horodatag, signatur élctroniqu, classmnt, tri d donnés, tc.). Ctt chart d concption rgonomiqu t graphiqu ds téléprocédurs st complémntair du référntil d accssibilité non détaillé ici. Vrsion 1 2 décmbr 2005 Pag 8/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 2. Ls rcommandations Vrsion 1 2 décmbr 2005 Pag 9/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 2.1. Règls générals Compatibilité t considérations tchniqus Utilisation ds fonctionnalités du navigatur Lisibilité t polics d caractèrs Lins hyprtxts Accès aux procédurs, connxion Téléchargmnt d fichirs t plug-ins Intégration d un marquur «stat@gouv» Vrsion 1 2 décmbr 2005 Pag 10/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Compatibilité t considérations tchniqus Objctif : Concvoir un sit wb disponibl dans d bonns conditions, pour tout l mond. L sit doit êtr visibl qul qu soit l'équipmnt logicil t matéril ds intrnauts. Format d affichag : Ls pags sont optimisés pour s affichr sans scroll horizontal à un résolution 800*600. Ls pags sont xtnsibls (100%) d sort à optimisr l spac util d l écran pour ls résolutions supériurs. Ls navigaturs : Mozilla Firfox 1.4 t vrsions supériurs Intrnt Explorr 5 t vrsions supériurs Ntscap 6 t vrsions supériurs Opéra 7.6 t vrsions supériurs Safari 1.2 t vrsions supériurs Ls plat-forms : Modèls d pags : - Tous Autrs fichs utils : - Utilisation ds fonctionnalités du navigatur A évitr : - Evitr l utilisation d un éditur HTML automatiqu t proscrir l usag d baliss propriétairs à crtains navigaturs. Ls pags doivnt êtr dévloppés t tstés pour un visualisation optimal qull qu soit la plat-form d l utilisatur : PC ou Mac. Langags t norms : En complémnt d ctt chart, s rportr au référntil d accssibilité. Proscrir l HTML dynamiqu (DHTML), présntant ds variations slon l post t posant ds problèms d accssibilité. Privilégir l usag ds fuills d styls (CSS). Vrsion 1 2 décmbr 2005 Pag 11/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Utilisation ds fonctionnalités du navigatur Objctif : Prndr n compt ls habituds d utilisation ds fonctions du navigatur. En complémnt d la navigation du sit, ls utilisaturs s srvnt ds fonctionnalités du navigatur pour maîtrisr l intrfac : bouton «pag précédnt» («back») pour accédr rvnir n arrièr, ouvrtur d nouvlls fnêtrs d navigatur (Ctrl + n), tc. Ls plat-forms : En cas d multi-fnêtrag, l affichag dans un fnêtr put êtr désynchronisé d la bas d donnés : c st à dir qu la sssion st xpiré, ou bin ls donnés d un fnêtr n sont pas à jour du fait ds modifications ffctués dans un autr fnêtr. Modèls d pags : - Touts Autrs fichs utils : - «Compatibilité t considérations tchniqus» L multi-fnêtrag n doit pas êtr mpêché par l systèm. L ouvrtur délibéré d plusiurs fnêtrs fait parti du comportmnt ds utilisaturs «avancés» pour davantag d fficacité t d confort. Qull qu soit la fnêtr, un clic sur l bouton «actualisr» (F5) du navigatur actualis la pag avc ls drnièrs donnés nrgistrés n sssion. A évitr : - Ls fnêtrs d navigatur non rdimnsionnabls En cours d saisi, si ds donnés sont applés alors qu lls n sont plus disponibls n bas ou si ds actions non applicabls sont lancés, alors la pag st rafraîchi t comport un mssag d rrur xplicit (donnés non disponibls, tc.). Gstion ds signts t ds URL : Pour ls procédurs accssibls après idntification, si aucun sssion n st activ t qu l utilisatur cliqu sur un signt d un pag dynamiqu d un application sécurisé ou n saisit son URL, la pag d authntification st affiché avc un mssag l prévnant qu il doit s authntifir pour visualisr ctt pag. L point uniqu d ntré doit êtr la pag d accuil. On n prmt pas à l utilisatur d accédr dirctmnt à un pag dmandé tant qu un sssion n st pas ouvrt, t on n lui affich pas non plus ctt pag quand il valid son authntification. Si un sssion st déjà ouvrt t qu l utilisatur cliqu sur un signt d un pag du sit ou n saisit son URL, la pag sollicité s affich normalmnt. Vrsion 1 2 décmbr 2005 Pag 12/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Lisibilité t polics d caractèrs Objctif : Assurr un bonn lisibilité ds informations à l écran st un pré-rquis pour tout concptur d sit intrnt. L sit doit êtr lisibl par tous t sous divrs navigaturs. Polics d caractèrs Polics à utilisr d préférnc : Pour assurr un bonn cohérnc, la taill t la coulur ds caractèrs doivnt êtr bin définis pour chaqu catégori d objt dans la mis n pag. Modèls d pags : - Tous Autrs fichs utils : - «Lins hyprtxts» - «Princips graphiqus» Pour garantir la millur lisibilité, il faut mployr un polic sans sérif, d préférnc Vrdana, conçu pour la lctur à l écran, ou à défaut Arial. Taill d polic : Pour gardr l txt courant lisibl, il st rcommandé d n pas utilisr un corps infériur à 10 pixls (11 pixls rcommandés) pour l txt normal. La hiérarchi ds nivaux d information (notammnt ls titrs) doit êtr rspcté, afin par xmpl d n pas donnr un taill d polic trop gross pour un information scondair. Ls polics sont indiqués n taill rlativ afin qu l utilisatur puiss rdimnsionnr ls polics d caractèrs. Longuur t styl : Ls txts qui clignotnt ou défilnt sont égalmnt à évitr. Ils détournnt l attntion plutôt qu ils n l attirnt t sont souvnt mal prçus par ls utilisaturs. Pour l txt normal, il faut évitr ls txts n lttrs capitals, ou ls phrass longus n italiqu. Cux-ci sont moins lisibls t prturbnt la lctur. Coulurs Fond d pag : Pour l fond d pag, on utilisra d préférnc un coulur clair. Vrsion 1 2 décmbr 2005 Pag 13/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Nombr d coulurs : Il st préférabl d n pas utilisr plus d 3 coulurs dominants sur un mêm pag (hormis ls coulurs ds lins t du txt). Pour ls typographis, on définira un coulur pour l txt normal, un coulur d lins pour chaqu état (actif, visité). Ls mssags d rrur utilisnt la coulur roug t un pictogramm commnté ou un caractèr spécial avc légnd. Pictographi Pour tout sit, ls préconisations graphiqus d bas pour ls composants imags (photos, illustrations, icôns) s appliqunt, suivant ls critèrs principaux : homogénéité graphiqu, optimisation n trm d rapport qualité visull / poids, intuitivité ds pictogramms, lisibilité ds txts sur fond d imag. Présnc d tag ALT pour ls imags signifiants, t notammnt ls pictogramms. Utilisation d la bibliothèqu ADELE (coulurs adaptabls) : Exmpls : Tablaux Ls tablaux sont ds lists d élémnts qui nécssitnt un présntation soigné pour n pas alourdir visullmnt la pag. Facilitr la lisibilité par l altrnanc d ligns d coulurs différnts (coulurs ls plus clairs d la paltt HTML d préférnc). Pour la mis n avant d un (ou plusiurs) colonn, on put mttr n gras son contnu ou utilisr ds coulurs plus saillants. Lorsqu un tablau st utilisé pour présntr ds informations, n pas affichr ls bordurs, ou ls affichr n coulur clair. Clls-ci vinnnt surchargr la pag t n apportnt pas un rél plus quant à la présntation du tablau. Vrsion 1 2 décmbr 2005 Pag 14/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Lins hyprtxts Objctif : Prmttr la bonn idntification visull ds lins par l utilisatur d façon naturll t avant passag d la souris sur ls élémnts. La présntation ds lins : Modèls d pags : - Tous Qull qu soit la présntation rtnu, un fois défini, cll-ci doit êtr systématiqumnt réutilisé afin d ancrr chz l utilisatur un équivalnc ntr la structur d un objt t sa fonction. Ctt logiqu put êtr appliqué à tous ls objts qu ils soint objts d navigation ou d contnu. Autrs fichs utils : - Lisibilité t polics d caractèrs L soulignmnt st idntifié comm l principal standard du lin (avant passag d la souris). Il n faut jamais utilisr d soulignmnt pour du txt normal car ls utilisaturs sraint tntés d cliqur c txt. La signification ds lins : Un lin doit êtr xplicit dans son contxt : on doit savoir s il rout vrs un autr pag, s il ouvr un documnt burautiqu ou s il corrspond à un adrss élctroniqu. Un mêm lin doit toujours avoir un mêm fft t ls lins d mêm fft doivnt avoir l mêm libllé. Par xmpl : un lin «Rtour» n doit pas sur crtains pags ramnr à la pag précédnt t sur d autrs à la pag d accuil. L intitulé ds lins t ds boutons : Ls intitulés ds lins t ds boutons doivnt êtr clairs, concis, compréhnsibls t rflétr l contnu ds pags sur lsqulls ils pointnt. On doit s assurr qu ils n comportnt pas d trms qui risqunt d n pas êtr compris par la population visé. La balis TITLE doit êtr rmpli. Longuur ds lins : L lin doit corrspondr à un mot ou un group d mots prtinnts. Il n faut pas utilisr un phras ntièr comm lin car cla rnd la lctur du lin difficil. Vrsion 1 2 décmbr 2005 Pag 15/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Distinction ntr boutons d action t lins hyprtxts : Ls boutons d actions t ls lins, doivnt êtr rprésntés d manièr distinct. Pour l utilisatur un lin signifi navigur tandis qu un bouton corrspond à un traitmnt. L programm Adèl xmpl d lins xmpl d bouton d action Vrsion 1 2 décmbr 2005 Pag 16/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Accès aux procédurs, connxion Objctif : Pour ls procédurs n accès rstrint, non accssibls aux visiturs, fournir un pag d authntification afin qu suls ls prsonns autorisés puissnt avoir accès aux srvics proposés. D plus, ctt authntification put prmttr d idntifir l nivau d droits d l utilisatur, pour lui affichr ls fonctionnalités t informations corrspondants. Modèls d pags : - Fnêtr d idntification Authntification : L contnur d authntification présnt un champ idntifiant, un champ mot d pass t un bouton d validation. Un lin «mot d pass oublié» st idéalmnt à inclur dans l contnur. Exmpl d bloc d authntification : Déconnxion : La frmtur du navigatur par l utilisatur génèr la frmtur d sssion. Fournir à l utilisatur la possibilité d s déconnctr via un bouton «déconnxion» ou «quittr». Un clic sur c lin frm la sssion d l utilisatur t affich la pag d connxion avc ls champs d authntification vids. Cla prmt un nouvll authntification du mêm utilisatur ou d un autr. Vrsion 1 2 décmbr 2005 Pag 17/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Fin d sssion : Lorsqu un sssion st arrivé à son trm, affichr la pag d authntification avc un mntion prévnant l utilisatur qu sa sssion a xpiré. Prmttr à l utilisatur d prolongr l tmps d sssion n lui soumttant à l écran un alrt sur la frmtur imminnt d la sssion (Souhaitz-vous prolongr votr consultation : oui/non). Après un délai d affichag d 10 sconds nviron, n l absnc d répons, la déconnxion st automatiqu. Fournir un fonction d déconnxion automatiqu après un délai d inactivité (généralmnt 20 minuts mais la duré put êtr paramétré par l administratur systèm). C st un fonction constitutiv t indispnsabl ds sits sécurisés. Vrsion 1 2 décmbr 2005 Pag 18/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Téléchargmnt d fichirs t plug-ins Objctif : Limitr l utilisation d plug-ins sauf si la valur ajouté st grand car ll pos ds problèms d compatibilité t d accssibilité : l absnc évntull du plug-in dans l systèm d l utilisatur, l tmps mis pour téléchargr ls donnés associés t l plug-in l cas échéant. Modèl d pag : - Confirmation Indiqur l typ d format t la taill du documnt corrspondant à la pag. L utilisatur n doit pas êtr «surpris» par l ouvrtur d un documnt burautiqu ou par un lctur multimédia. On put associr à chaqu documnt un pictogramm facilitant l idntification d son typ. Exmpl d présntation : A évitr : - Surprndr l intrnaut avc ds documnts ou formats non annoncés Si ds plug-ins sont nécssairs : Fournir un information clair ds procédurs à suivr pour lur téléchargmnt t lur installation. Par xmpl : «si vous n disposz pas du Acrobat Radr, nécssair à la lctur ds fichirs d format PDF, vous pouvz l téléchargr, n cliquant sur l icôn». Vrsion 1 2 décmbr 2005 Pag 19/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Intégration d un marquur «stat@gouv» Objctif : «Stat@gouv» st un baromètr d'audinc ds sits gouvrnmntaux qui utilis la tchnologi ds marquurs d bas d pag. C srvic mis à disposition par l Srvic d Information du Gouvrnmnt (Srvics du Prmir ministr) prmt d : - msurr à un nivau global l audinc d l nsmbl ds téléprocédurs ; - msurr dans l détail l fficacité ds téléprocédurs miss n plac t la satisfaction ds intrnauts ; - idntifir ls facturs bloquants : étaps au court dsqulls ls intrnauts quittnt la pag, tmps passé sur l sit, chmin parcouru par ls intrnauts ; - analysr la façon dont ls intrnauts ont u accès aux téléprocédurs : navigation sur l sit, lin à partir d un sit xtrn, accès dirct, outils d rchrch. Intégration du marquur d msur d audinc dans ls pags ds téléprocédurs (cf. guid d marquag n annx). Outil associé : - L guid d marquag «stat@gouv» Vrsion 1 2 décmbr 2005 Pag 20/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 2.2. Facilitr l accès au srvic Rndr visibls ls procédurs Construir un pag d accuil simpl t fficac Affichr ls barrs d navigation t étaps Vrsion 1 2 décmbr 2005 Pag 21/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Rndr visibls ls téléprocédurs Objctif: Avant mêm l démarrag d un procédur, l sit émttur doit facilitr l accès aux téléprocédurs t promouvoir ls autrs télésrvics. Décrir t promouvoir ls téléprocédurs Un sit proposant plusiurs téléprocédurs n propos un list global avc un dscription synthétiqu pour chaqu procédur. Un lin vrs l nsmbl ds démarchs n lign doit êtr présnt sur l sit sous la form d un lin vrs la rubriqu «adl.srvic-public.fr». Libllé cliquabl (usul t administratif si différnts) ; un court dscription d la démarch administrativ, un synthès ds pré-rquis administratifs, l résultat final obtnu (xmpl : votr crtificat n lign à imprimr). Pour ls téléprocédurs hébrgés sur un sit distinct : L nom du sit émttur, l lin vrs l sit émttur. Si la list comprnd ds procédurs t ds téléprocédurs, ll doit visullmnt distingur par la mascott ADELE ls procédurs n lign ds autrs. Autr fich util : - Confirmr la réussit t fidélisr A évitr : - Un list contnant d nombruss imags gèn la lisibilité t augmnt l tmps d chargmnt Vrsion 1 2 décmbr 2005 Pag 22/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Construir un pag d accuil simpl t fficac Objctif: Démythifir n pag d accuil la procédur t sa complxité n prmttant à l utilisatur d anticipr la succssion ds étaps. Aidr l utilisatur à évalur la natur t la quantité d informations qu il aura à saisir, t l tmps qu cla lui prndra n mployant un ton pédagogiqu t rassurant. Modèls d pags : - Accuil procédur n Fournir un ntré synthétiqu t incitativ A évitr : - Un pag d accuil fourni - Un dscription trop complèt ds étaps - Un tmps d rmplissag sousstimé - Ds pré-rquis tchniqus trop contraignants Structurr la pag n 2 blocs nommés comm suit : «Avant d commncr» prmttant succinctmnt d présntr la démarch ainsi qu ls conditions administrativs t piècs nécssairs ; «Vous êts prêt?» informant du tmps nécssair (stimation), présntant ls étaps, ls conditions générals d utilisation t proposant un accès simpl à la téléprocédur. Mttr n valur l bouton «Commncr». Limitr la hautur d la pag d accuil à la hautur d un écran 1024x768. l bloc «Avant d commncr» doit êtr visibl sans ascnsur n 800x600. Utilisr ds accrochs brèvs assortis d lins «En savoir +» si nécssair. Vrsion 1 2 décmbr 2005 Pag 23/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Décrir l déroulmnt d un procédur Présntr ls pré-rquis tchniqus : Résumr ls pré-rquis tchniqus sur la pag d accuil (bloc «Avant d commncr»). Si bsoin, utilisr un lin complémntair (En savoir +) vrs un pag dédié. Indiqur l résultat, stimr l tmps nécssair : Indiqur l format du produit final (fichir à imprimr ou transmission d dmand élctroniqu ou autr). Donnr la duré approximativ d achèvmnt pour un prsonn non xprt. Présntr ls étaps sur la pag d accuil : Indiqur l nombr d étaps approximatif ou donnr un indication ds grands momnts d la procédur. Exmpl : j saisis, j vérifi, j transmts, j obtins mon crtificat/ma confirmation. Donnr un titr n langag courant pour chaqu étap (30 car. Max). Vrsion 1 2 décmbr 2005 Pag 24/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Affichr ls barrs d navigation t étaps Objctif: Prmttr un navigation intuitiv t fluid avant t après la téléprocédur. Fournir un cadr d navigation adapté au déroulmnt d la procédur. Présntr la succssion ds étaps pour informr l intrnaut d sa position dans l parcours. Modèls d pags : - Accuil procédur - Pags d étaps Gérr ls barrs d navigation L sit émttur d la procédur put consrvr sur la pag d accuil d un procédur sa structur d navigation afin d prmttr aux utilisaturs d poursuivr lur navigation sans intrruption. Ctt navigation global st prtinnt puisqu l utilisatur n st pas ncor ntré dans un procssus. En rvanch, un fois choisi la procédur, il st important d fournir à l utilisatur un cadr guidé dédié xclusivmnt à la procédur n cours. Règls applicabls : Pour la présntation (pag d accuil) d un téléprocédur, utilisr la structur d navigation du sit global. Cla prmt à l utilisatur d consultr d autrs téléprocédurs ou d autrs rubriqus. Dès qu l utilisatur commnc la téléprocédur, sul la barr d étaps d la procédur st affiché. Ls mnus d navigation autrs qu cux d la procédur n sont plus affichés. Présntr ls étaps Qulqu soit l mod d navigation, pour rprésntr l chminmnt ntr étaps (par mnu ou par systèms d onglts) : Présntr la list ds étaps. Fournir un rtour visul sur l étap n cours. Grisr ls futurs étaps auqul l concptur n souhait pas donnr accès. Vrsion 1 2 décmbr 2005 Pag 25/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Exmpl : Un fois confirmé la réussit complèt d la procédur, ls étaps n sont plus affichés puisqu aucun action supplémntair n st nécssair. Sur la pag d confirmation, prmttr à l utilisatur d poursuivr sa navigation par ds lins (xmpls : «rtour à l accuil», «rtour à la list ds téléprocédurs») ou par un mnu d navigation. Vrsion 1 2 décmbr 2005 Pag 26/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 2.3. Soignr ls formulairs Articulr ls formulairs ntr ux Structurr ls formulairs Définir ls élémnts d saisi t sélction Définir ls boutons d action Gérr ls rrurs Récapitulr avant nvoi Confirmr la réussit d la procédur t fidélisr Vrsion 1 2 décmbr 2005 Pag 27/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Articulr ls formulairs ntr ux Objctif: La navigation au sin mêm ds formulairs doit êtr suffisammnt intuitiv pour l utilisatur. La navigation n procssus guidé, linéair, avc ds étaps n ordr imposé prmt un guidag fficac lorsqu l concptur souhait imposr un ordr d parcours d la procédur. Crtains procédurs puvnt égalmnt prmttr à l utilisatur un navigation libr (smi-guidé) dans ls étaps t moduls. La navigation linéair guidé dans ls formulairs Dans c mod, ls étaps s succèdnt d façon linéair sans offrir d choix à l utilisatur. Modèls d pags : - Formulair étap 1- vid - Formulair étap 2 Autr fich util : - Affichr ls barrs d navigation t étaps Prmttr à chaqu étap (sauf la prmièr) l rtour arrièr. Si ls étaps précédmmnt rnsignés sont accssibls, distingur cs étaps graphiqumnt par opposition à l étap n cours. Réalisr la sauvgard implicit ds donnés saisis à chaqu étap (chaqu pag d formulair). La téléprocédur propos un pag d récapitulatif ds donnés saisis avant la validation définitiv du formulair. Effctur la vérification d l intégrité ds donnés lors d la validation ds pags. Effctur la vérification d la présnc ds donnés obligatoirs lors d la validation d la téléprocédur. Si l abandon d la procédur st proposé : Fournir un écran intrmédiair, sur lqul un txt xpliqu la prt ds donnés t dmand confirmation d l abandon. Vrsion 1 2 décmbr 2005 Pag 28/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 La navigation libr (smi-guidé) dans ls formulairs Dans c mod, la navigation st ouvrt, sans ordr d étaps imposé. L utilisatur put navigur librmnt ntr ls différnts pags. L choix d c mod d navigation st laissé à l appréciation du concptur, slon ls bsoins fonctionnls idntifiés. L nrgistrmnt n bas ds donnés saisis au cours ds étaps st réalisé d manièr global. Un rgroupmnt par onglts d plusiurs factts indépndants d un mêm objt put êtr adopté. Règls applicabls : L utilisatur st libr d navigur d étaps n étaps pour modifir sa saisi. Réalisr la sauvgard implicit ds donnés saisis à chaqu étap (chaqu pag d formulair). Effctur la vérification d l intégrité ds donnés lors d la validation ds pags : ct aspct st important car l utilisatur put navigur ntr ls pags sans avoir à validr chaqu pag du formulair. Effctur la vérification d la présnc ds donnés obligatoirs lors d la validation d la téléprocédur. Vrsion 1 2 décmbr 2005 Pag 29/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Structurr ls formulairs Objctif: Bin structurr t présntr ls formulairs st un étap ssntill d la concption ds téléprocédurs. Ell st décisiv pour la bonn compréhnsion par l utilisatur d l organisation logiqu d la procédur. Contrôlr ls dimnsions du formulair L bouton «Validr t continur» doit idéalmnt êtr visibl sans scroll sur un écran n résolution 1024x768. Il convint d scindr ls pags d formulairs longus n plusiurs pags. Au sin d un mêm pag d formulair, rgroupr ls champs n blocs distincts, portant un titr xplicit. Modèls d pags : Formulair étap 1- vid Formulair étap 2- rmpli Formulair étap 2- rrur Formulair - récapitulatif Ls formulairs sont mono-colonn, afin d rstr lisibls. La colonn droit st dédié aux informations d guidag. Autrs fichs utils : - Ls boutons d action L formulair t ls aids contxtulls n doivnt pas générr d scroll horizontal n 800x600. Ls étaps sont présntés n colonn gauch. Réussir la mis n pag La signalétiqu mployé st présnté n début d pag : Ls champs obligatoirs sont signalés par l symbol «*» commnté. Ls champs d formulair sont alignés à gauch. Vrsion 1 2 décmbr 2005 Pag 30/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Exmpl : Pour ls boîts d list t ls boutons radio, ls libllés sont placés à droit ds cass. Prmttr la navigation ntr ls différnts champs avc la tabulation. Un list déroulant a toujours un itm par défaut (pas d «blanc»). N pas utilisr d libllés tronqués ou d abréviation. La taill ds champs d saisi doit êtr adapté à la taill ds informations contnus. Indiqur l format d donnés attndu avc un xmpl (si prtinnt). La touch «Entré» valid l formulair. Si ls valurs possibls pour un champ sont connus (un list d cods référncés, par xmpl), utilisr un list déroulant au liu d un champ d saisi txt libr. Vrsion 1 2 décmbr 2005 Pag 31/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Définir ls élémnts d saisi t sélction Objctif : Bin choisir ls élémnts d intrfac pour chaqu fonction d saisi particip à l rgonomi ds formulairs. Chaqu format d champ doit êtr adapté à la saisi attndu. Champs d saisi La boit d saisi st utilisé pour saisir du txt d longuur limité, sur un sul lign. Il st possibl d limitr l nombr d caractèrs à saisir, t l nombr d caractèrs visibls n mêm tmps. C'st l champ d saisi d txt l plus utilisé car il répond à la majorité ds bsoins. Exmpl d champ d saisi simpl L champ d saisi doit êtr dimnsionné slon l nombr d caractèrs attndu. Modèls d pags : Formulair étap 1- vid Formulair étap 2- rmpli Formulair étap 2- rrur Formulair - récapitulatif La Boit d saisi multi-ligns a l mêm rôl qu l champ d saisi mais prmt n plus, comm son nom l'indiqu, d saisir du txt sur plusiurs ligns. Par contr, on n put limitr l nombr d caractèrs à saisir. Exmpl d boit d saisi multi-lign : La sélction Boit d list Ls élémnts d la list sont affichés n prmannc, n déroulé dans la boît d list. L'utilisatur n put pas saisir dans la list t n put qu choisir un ou plusiurs élémnts. L nombr d ligns à affichr st d 7 (plus ou moins 2). L nombr d'élémnts contnus dans la list n doit pas dépassr 100 (50 st un born plus réalist). Au dlà d 100 élémnts, concvoir un pag d rchrch intrmédiair. Vrsion 1 2 décmbr 2005 Pag 32/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Mntionnr à côté du champ la possibilité d sélction multipl par l Ctrl + shift (sur PC) pour ls utilisaturs «avrtis». Exmpl d boit d list : «Maintnir la touch Ctrl appuyé puis sélctionnr plusiurs ligns» «Maintnir la touch Shift appuyé pour sélctionnr un nsmbl continu d ligns» List déroulant Ell s comport xactmnt comm un boît d list, hormis l fait qu'un sul élémnt d la list st visibl. Pour affichr ls autrs élémnts, l'utilisatur doit cliqur dans ct élémnt d intrfac. C typ d contrôl st util pour économisr d la plac dans la pag. Limitr l nombr d'élémnts affichés dans la list à 50 maximum. Exmpl d list déroulant : Lorsqu ds lists d élémnts sont trop importants pour figurr dans un list déroulant, scindr l information n étaps supplémntairs (pags ou fnêtrs d assistants) ou n plusiurs lists. Cas à cochr Ls cass à cochr srvnt pour ds choix multipls, non xclusifs ls uns ds autrs. L nombr d'élémnts dans un rgroupmnt d cass à cochr st d 12 maximum. Exmpl d cass à cochr : Bouton radio Ls boutons radios sont rgroupés par «group», dans lqul on n put choisir qu'un sul élémnt. L nombr d'élémnts dans un rgroupmnt d boutons radios st d 12 maximum. Exmpl d boutons radios : Vrsion 1 2 décmbr 2005 Pag 33/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Définir ls boutons d action Objctif : Soignr la présntation ds boutons d action car lur usag st systématiqu dès qu l utilisatur à ds champs à saisir. Lur rprésntation t lur position doit êtr cohérnt ntr étaps, t ntr téléprocédurs. Trminologi xplicit t homogèn Modèls d pags : - Formulair étap 1 - Formulair récapitulatif L titr du bouton d action pour validr ou déclnchr un traitmnt doit êtr adapté au contxt t assz xplicit pour êtr compris par ls utilisaturs. Utilisr ds vrbs d action pour nommr ls boutons. Exmpls : Validr, continur, rchrchr, nrgistrr. Exmpl d boutons standards : Présntation ds boutons dans la pag L ordr ds boutons à privilégir lorsqu l on a un action d validation t un action d annulation disponibls st clui du typ «Validr - Annulr». Cs boutons sont disposés n bas du formulair. «Modifir» : prmt d rndr ls champs éditabls t d modifir ls donnés d un formulair. C bouton st à utilisr dans l cadr d un pag d récapitulatif avant nvoi ds informations. Dans l cadr d procédurs guidés t linéairs, utilisr un bouton «validr t continur» pour passr à l étap suivant. A évitr : - N pas écrir l txt ds boutons n imag - N pas rprésntr ds actions sous form d lins hyprtxts. Nommr l bouton «validr t trminr» pour clor la procédur. L bouton «validr t trminr» déclnch affichag d la pag d confirmation. A tout étap, la fonction «abandonnr la procédur?» st proposé n fin d pag. C lin déclnch l affichag d un pag xplicativ alrtant sur la prt ds donnés saisis t valorisant la fonction d ouvrtur d compt si xistant. Vrsion 1 2 décmbr 2005 Pag 34/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Gérr ls rrurs Objctif: Prndr n compt ls rrurs n mttant n plac ds mécanisms d gstion. Dans l cas d saisis partills ou rronés, l formulair doit êtr réaffiché, sans prt ds champs précédmmnt rnsignés. Présntation ds rrurs Modèl d pag : - Formulair étap 2 : rrurs Présntr ls rrurs n rafraîchissant la pag : Listr ls rrurs n début d pag. Signalr chaqu champ rroné ou incomplt par un pictogramm t un changmnt d coulur. Évitr la r-saisi ds champs corrcts : En cas d rrur, suls ls donnés rronés sont à rssaisir (t indiqués à l utilisatur), l rst du formulair doit apparaîtr inchangé. Expliqur l rrur t proposr un solution : A évitr : - N pas utilisr d boîts d dialogu systèm («prompts») pour présntr la list ds champs rronés L txt ds mssags d rrur doit êtr précis t proposr un solution plutôt qu d s limitr au constat d l anomali. Contrôls côté clint t côté srvur L contrôl d crtains champs gagn à êtr fait côté clint : Effctur un contrôl du format ds donnés saisis par script sur l post clint avant nvoi ds informations au srvur ; ffctur égalmnt c contrôl lors d la validation d la pag. Il faut prévoir un altrnativ pour ls clints n intrprétant pas ls scripts. Ls mssags d rrur doivnt êtr affichés à côté du champ rroné t cci avant l nvoi au srvur. Cla prmt d consrvr la pag d saisi dans l navigatur t limit l nombr d allrs-rtours avc l srvur. L contrôl ds rrurs doit s fair lors du passag d un champ à l autr (pour ls champs obligatoirs). Vrsion 1 2 décmbr 2005 Pag 35/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Récapitulr avant nvoi Objctif : Fournir un pag d récapitulatif prmt à l utilisatur d vérifir l xactitud ds donnés rnsignés. Ell lui prmt d transmttr sa dmand ou bin d rtournr modifir ls donnés ou étaps rnsignés. Modèls d pags : - Récapitulatif Fonctionnmnt L récapitulatif st un étap à part ntièr d la téléprocédur : la drnièr. Ell figur donc dans la barr d étaps t n st accssibl qu un fois ls étaps précédnts rnsignés. Récapitulr ls donnés précédmmnt saisis dans la pag, n mod consultation (non saisissabls dirctmnt). Fournir un bouton "Modifir" prmttant d rtournr à la pag d formulair corrspondant n mod saisi. Ls champs sont rnsignés, t l utilisatur put ls modifir. Dans l cas d multipls étaps, répétr c bouton autant d fois qu d étaps. Fournir un bouton «Validr t trminr» pour finalisr la téléprocédur. Vrsion 1 2 décmbr 2005 Pag 36/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Confirmr la réussit d la procédur t fidélisr Objctif: Rassurr l usagr, l informr t lui fair découvrir ls autrs télésrvics, dans un optiqu d qualité d la «rlation usagr». Confirmr l succès d un procédur Informr d la réussit d la transmission. Fournir un lin vrs la consultation du récapitulatif (non modifiabl). Fournir un vrsion imprimabl du récapitulatif. Fournir un référnc pour ctt démarch (si prtinnt). Indiqur un contact postal t/ou téléphoniqu du dstinatair amné à traitr la démarch ou du srvic traitant. Fair découvrir ls autrs téléprocédurs Modèls d pags : - Confirmation A évitr : - N pas récapitulr sur ctt pag l nsmbl ds donnés saisis, ou l nsmbl ds dstinatairs d la procédur si ils sont nombrux ; on utilisra ds lins «plus d info» si nécssair, afin d consrvr un pag succinct. Soignr la rlation usagr : Proposr l rmplissag d un qustionnair d satisfaction n fin d téléprocédur. L abonnmnt à la lttr d information «Journal d Adèl» st proposé par saisi dirct d l adrss élctroniqu. Il prmt à l utilisatur d êtr informé ds nouvlls téléprocédurs. D façon optionnll, l srvic émttur put proposr l ouvrtur d un compt prsonnl à l issu d la procédur («suivz vos prochains démarchs n lign n ouvrant un compt prsonnl» ). Vrsion 1 2 décmbr 2005 Pag 37/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 2.4. Fournir un aid adapté Démonstration, visit guidé Qustions fréqunts Aid général Aid contxtull Vrsion 1 2 décmbr 2005 Pag 38/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Démonstration, visit guidé Objctif : Présntr à l utilisatur tous ls élémnts avc lsquls il va dvoir intragir d façon autonom par un démonstration ou visit guidé rproduisant l déroulmnt d la procédur. Il put ainsi s familiarisr avc la présntation ds informations, l vocabulair mployé, ls actions à réalisr. Son caractèr pédagogiqu prmt d minimisr ls fforts d apprntissag lors d la réalisation ffctiv d la procédur. Fournir un démonstration au bon format Si l sit propos un visit guidé n flash ou un tutoril animé, il faut égalmnt proposr un aid altrnativ au format txt ou html. Si la procédur dispos d un démonstration, ll st accssibl n pag d accuil d la procédur. La démonstration st accssibl n nouvll fnêtr d navigatur (pour consrvr la procédur activ). Modèls d pags : - Aid A évitr : - N pas utilisr d animations ralntissant l chargmnt d la pag ou frinant l utilisatur dans l accès aux écrans d la démonstration La démonstration st accssibl dpuis tout pag d la procédur (nouvll fnêtr d navigatur pour consrvr la procédur activ). Tout téléprocédur d plus d un écran d saisi fournit au minimum un démonstration fait d écrans HTML montrant l déroulmnt avc écrans n cours d rmplissag. Rcourir à un compagnon Présntr Adèl t indiqur son rôl dans la visit guidé. Utilisr l compagnon Adèl pour commntr ls écrans t étaps. Structurr la démonstration Simulr l déroulmnt du procssus. Présntr au moins à l utilisatur à l aid d capturs d écran : - ls pré-rquis tchniqus si prtinnts - l lancmnt d la procédur - la structur du formulair typ - l rmplissag du formulair (avc donnés fictivs à titr d xmpl) - l passag d un étap à la suivant - la validation final du formulair (transmission ffctiv ds donnés) - l srvic traitant t ls délais d répons attndus Vrsion 1 2 décmbr 2005 Pag 39/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Employr un ton pédagogiqu Rédigr ds phrass courts. Associr à chaqu commntair du prsonnag la mis n surbrillanc d l élémnt commnté. Vrsion 1 2 décmbr 2005 Pag 40/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Qustions fréqunts (FAQ) Objctif : Fournir un accès complémntair d la démonstration t d l aid. Ls qustions fréqunts portnt sur la procédur n général plus qu sur l déroulmnt ds étaps. Cla prmt d répondr aux qustions suscptibls d mpêchr ls utilisaturs d démarrr la procédur ou d la réalisr corrctmnt. L contnu st alimnté par ls qustions t rtours ds utilisaturs d la procédur. Présntr la pag «qustions fréqunts» Modèl d pag : - Aid Autr fich util : - Aid général Proposr n haut d pag un sommair ds qustions ou ds thèms rnvoyant vrs la list ds réponss ou ds thèms. Dans la list ds réponss, répétr la qustion avant la répons. A la fin d la répons proposr un lin vrs l haut d pag. Distingur visullmnt la qustion d la répons (tint, taill, typ, graiss d la polic). Proposr un vrsion imprimabl d ctt pag. Alimntr slon ls bsoins utilisaturs La pag «qustions fréqunts» contint : - au minimum ls informations suivants : o a qui s adrss la téléprocédur o ls pré-rquis tchniqus o ls pré-rquis administratifs o l rsponsabl tchniqu d la téléprocédur - d façon facultativ ls informations suivants : o ls délais d répons o l srvic traitant Proposr un formulair n lign pour soumttr un qustion. Vrsion 1 2 décmbr 2005 Pag 41/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Aid général Objctif : Guidr au miux l utilisatur t lui évitr ls rrurs : il st indispnsabl d fournir un aid général, avc un accès possibl dpuis tout pag d la procédur (n nouvll fnêtr). L aid général Modèls d pags : - Aid Un pag d aid st obligatoir dans tout téléprocédur. L aid général st accssibl dpuis tout pag, t s ouvr n nouvll fnêtr d navigatur (d sort à consrvr la procédur n cours). Autrs fichs utils : - Qustions fréqunts L aid général st organisé slon la succssion ds étaps d la procédur. L aid st rédigé dans un langag clair, non tchniqu. Navigation dans l aid général Pour ls aids d plus d un pag écran, la fnêtr d aid fournit un accès dirct à chacun ds sctions qui la composnt (ancrs intrapags ou lins intr-pags slon l volum d information). A chaqu sous-sction positionnr un lin d rtour vrs l accuil d l aid. Proposr l imprssion d l aid. Dpuis la fnêtr d aid général, fournir un accès dirct aux qustions fréqunts ainsi qu à la démonstration. D façon facultativ, on put proposr l téléchargmnt d l aid. L assistanc téléphoniqu Si l srvic dispos d un assistanc téléphoniqu : Indiqur l contact téléphoniqu au minimum sur la pag d accuil, ls pags d gstion ds rrurs, t la pag d récapitulatif. Indiqur l contact téléphoniqu sur touts ls pags. Vrsion 1 2 décmbr 2005 Pag 42/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Aid contxtull Objctif : Apportr ds réponss préciss à ds problèms locaux liés à un étap d la procédur t à la saisi d informations n fournissant un aid contxtull. On distingu 2 typs d aid contxtull : Informations d guidag affichés contxtullmnt à la zon d champs concrnés, Rnvois ponctuls à un ndroit précis d l aid général. L guidag contxtul Il s agit d crér un climat d accompagnmnt pour facilitr la tâch à l utilisatur, par d brèvs informations incitativs ou pédagogiqus. Si prtinnts, affichr ls commntairs dirctmnt près du formulair, sans clic supplémntair pour l utilisatur. Ells utilisnt la mascott ADELE : Ls rnvois ponctuls Un icôn d aid st positionné lorsqu nécssair à chaqu sction d l étap n cours, ou à chaqu champ nécssitant un aid complémntair. Ctt icôn cliquabl rnvoi automatiqumnt à la parti corrspondant d l aid général. Vrsion 1 2 décmbr 2005 Pag 43/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 3. Ls princips graphiqus Vrsion 1 2 décmbr 2005 Pag 44/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 3.1. Règls graphiqus Nivau : La structur d référnc n'st pas imposé. Ls élémnts constitutifs du dsign sont proprs au sit. L bandau t la navigation puvnt êtr cux du sit actul. L aid contxtull put êtr situé à droit n colonn ou bin n corps d pag au dssus. 1 élémnt st obligatoir : La présntation ds étaps ll put êtr placé horizontalmnt ou vrticalmnt. Nivau : Ls élémnts constitutifs du dsign sont proprs au sit. L aid contxtull put êtr situé à droit n colonn ou bin n corps d pag au dssus. Un fois la téléprocédur commncé, la navigation disparaît, ls suls élémnts d navigation présnts sont cux prévus par la chart (étaps, aid, démonstration, tc.). Conformémnt à la chart, ls étaps sont présntés dans l mnu gauch. L bandau haut rspct la chart, il constitu la zon d idntification du sit (logo t visuls). Nivau : Ls coulurs ds différnts élémnts puvnt êtr adaptés à l'idntité graphiqu du sit. L aid contxtull st présnté n colonn à droit du formulair. Ls élémnts constitutifs du graphism (polics, pictogramms, boutons, filts t dimnsions) sont cux définis par la chart. La mascott ADELE doit êtr utilisé pour présntr ls étaps t ls aids contxtulls (sans adaptation d coulur). L bandau haut constitu la zon d idntification du sit (logo t visuls). Vrsion 1 2 décmbr 2005 Pag 45/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Bibliographi Vrsion 1 2 décmbr 2005 Pag 46/47

Chart graphiqu t rgonomiqu ds téléprocédurs publiqus vrsion 1 Baily, R.W. (1996). Human prformanc nginring: Dsigning high quality profssional usr intrfacs for computr products, applications and systms (3rd d.). Englwood Cliffs, NJ: Prntic-Hall. Czaja, S.J. & Sharit, J. (1997). Th influnc of ag and xprinc on th prformanc of a data ntry task. Human Factors and Ergonomics Socity Annual Mting Procdings, 144 147. Faulknr, S. & Vandrdonckt, J. (2001). Présntation ds donnés dans ls systèms d'information opérationnls t décisionnls In Ch. Kolski (Ed), Systèms d'information t Intractions Homm-Machin, chapitr 9, Hrmès, Paris, 2001, pp 80-114. Fowlr, S., Stanwick, V. (2004).Wb Application Dsign Handbook, Bst Practics for Wb-Basd Softwar. Morgan Kaufman. Chapitr 3: Data Input:Forms. Johnsgard, T. J., Pag, S. R., Wilson, R.D., Zno, R. J. (1995). A Comparison of Graphical Usr Intrfac Widgts for Various Tasks. Procdings of th Human Factors and Ergonomics Socity 39th Annual Mting 1995 v.1 p.287-291 Mayhw, D. (1992). Principls and Guidlins in Softwar Usr Intrfac Dsign, Prntic Hall. Chapitr 5 : Dialog Styls : Fill-in Forms. Smith, S.L. & Mosir, J.N. (1986). Guidlins for dsigning usr intrfac softwar. Th MITRE Corporation Tchnical Rport, ( ESD - TR - 86-278 ). Vrsion 1 2 décmbr 2005 Pag 47/47