Home

Télécharger

1. Dossier Page principale Demande d aide Demande Rapport Composition de m nage Composition de m nage officielle Proposition HUBERT CELINE DOMINIQUE 750601 148 81 F minin conjoint Decisions VANDERBECK JULIAN PATRICK 021206 209 57 Masculin fils fille Hevea teh VANDERBECK DAVID JACQUES 761119 239 88 Masculin chef de m nage Enqu te Sociale Composition de m nage nt Ressources du m nage B n ficiaires secondaires n Composition de m nage de fait y elation Historique 25 sane F 75060114861 HUBERT CELINE DOMINIQUE 750601 148 81 B n ficisire Supprimer HUBERT CELINE VANDERBECK DAVID JACQUES 761119 239 88 Cohabitant Supprimer DOMINIQUE Ajouter u bi Effacer l historique jouter un membre pyright SmalS MuM2005 2007 Figure 74 Compl tion d une enqu te sociale via l application PrimaWeb capture d cran extraite du manuel d utilisation de l application BUCOM 2007 Ce type d enchainement d crans concerne les applications o l utilisateur est confront aux donn es enregistr es dans une base au moment de l utilisation Des fonctions de tri ou de filtre sont g n ralement propos es pour les bases de volume important A partir de cette liste l utilisateur d finit et ou modifie les donn es enregistr es Les donn es peuvent tre de nature diff rente p ex sur une application permettant la d claration des revenus coordonn es reve nus imposables revenus non imposab
2. oe Tests d int gration de l IHM Conception Conception eae y pr liminaire Evaluation et pr liminaire Tests d int gration de l THM validation des modules des modules ergonomique Son Conception Conception Fe Tests unitaires d taill e d taill e Tests unitaires de l THM de l TIHM des modules des modules Codage des modules Figure 7 Cycle de d veloppement Nabla issu de Kolski 1998 18 La conception commence la verticale des deux branches du V par l tude approfondie des interactions de l application S ensuivent les sp cifications de l interface et de application ponctu es de v rifications de leur validit et de leur coh rence entre elles Puis les tapes de conception d interface sont d taill es dans le bras gauche du V celles de la conception de l application elle m me sont d taill es dans le bras droit du V Un retour sur les besoins en inte raction advient l issue de ces tapes Si les besoins voqu s en d but de conception aux ni veaux sociaux techniques et ergonomiques sont satisfaits l application peut tre d ploy e Comme le montre la Figure 7 les propositions en mati re de sp cification sont valu es r guli rement de part et d autre du V ce qui permet de garantir une coh rence entre les docu ments de conception de l interface et ceux de l application Il est toutefois regrettable que la mod lisation de la t che de l
3. Sujet 1 le 15 avril 2008 L a ne m a pas pris beaucoup de temps sugg rer un guideline parce que c tait une invention mais normalement je pense que a devrait tre fait tr s d tail l quoi Pas une chose qu on fait en vingt minutes ou trente minutes une chose pour laquelle on prend une heure une heure et demie deux heures s il le faut Le temps qu il faut quoi bon a d pend de ce que tu veux ajouter Tout a d pend des circonstances mais je serais pr t a le faire Sujet 2 le 16 avril 2008 Je pourrais proposer un ajout de guideline dans mon activit quotidienne Plu t t oui Ca d pend du guideline ajouter S il est tr s grand je ne pourrai certai nement pas parce qu ici on fonctionne par budget projet donc a veut dire que tout le temps que je d pense sur une journ e c est sur un projet particulier c est un client particulier qui assume ce co t Ce qui fait que ce client l il n en a peut tre pas grand chose faire a d pend du client du chef de projet a d pend de beaucoup de choses Sujet 4 le 16 avril 2008 Je suis parfaitement conscient de l int r t de a mais g n ralement la deadline du projet prime sur le reste Sujet 6 le 17 avril 2008 Les sujets 1 et 4 parlent de l acceptabilit d une telle activit dans leur travail quotidien et la mettent en doute sur certains projets o les contra
4. L artefact produit par la m thode est lisible par l ensemble des membres de l quipe de conception L artefact produit par la m thode d crit une solution ou un probl me de fa con non ambigu L artefact produit par la m thode peut servir de support l argumentation l invoquer peut appuyer ou contrer un argument 57 L artefact produit par la m thode peut servir de support la recherche d un consensus en le modifiant plusieurs personnes en d saccord peuvent par venir une solution satisfaisante pour chacun e La m thode offre un support concret a la conception d interface en cas de d sac cord la m thode aide trancher en faveur du choix le plus pertinent pour Vutilisateur La conception graphique est facilit e choix des couleurs des polices de caract res fonte et taille des caract res disposition des pages p ex deux colonnes apparence des composants interactifs p ex boutons de formu laire L dition du contenu est facilit e quantit et r partition optimales des in formations vocabulaire utiliser pour un guidage optimal de l utilisateur La conception de la navigation est facilit e un support est fourni pour la d finition de la structure hypertexte e La m thode produit des artefacts qui peuvent tre capitalis s pour de futurs projets Les artefacts produits par la m thode constituent des solutions p rennes pou
5. 2 4 M 1 Je suis _ un homme _ une femme l indique mon ge ci dessous LC 2 J utilise les outils informatiques aux fr quences suivantes faa tous les jours Editeur de pages HTML et CSS ex FrontPage gt gt J JD Dreamweaver Bureautique ex Microsoft Office Word PowerPoint Excel 3 Mon statut principal est _ Chef de projet J Analyste _ Consultant en utilisabilit _ Membre du Usability Center J Graphiste _ D veloppeur d interface jJ D veloppeur _ Autre statut Do 4 Je travaille au contact de SmalS depuis _ moins de 6 mois _ de 6 mois 1 an _ de ian 3 ans J Plus de 3 ans 5 Ma connaissance des langues Je ne connais pas cette J ai des notions Je peux tenir une langue l mentaires conversation Je ma trise cette langue 190 Annexe C Questionnaire d valuation du StyleGuide Enqu te sur l utilisation du StyleGuide pr questionnaire 3 4 6 Mon initiation au StyleGuide Je sais qui demander conseil pour d ventuels probl mes J J StyleGuide s int gre bien mes habitudes ay ag de travail Un commentaire propos de ma prise en main du StyleGuide Circonstances particuli res Difficult s rencontr es 7 Les activit s que j ai men es avec le StyleGuide jamais 1 fois 2 ou 3 fois 4 fois et plus d cision de conception en faisant r f rence au J J J J Giele is 8 Qui autour de mol utilise l
6. Figure 11 Persona Matthieu d une application centralisant le signalement d un changement d adresse Une interview de la Persona peut tre jointe galement avec par exemple la description par l utilisateur fictif d une de ses journ es type ou encore le questionnement en profondeur de ce qu il attend de ses interactions avec les nouvelles technologies L objectif d une telle descrip tion des utilisateurs finaux est de personnifier l utilisateur final qui m me fictif appara t ici incarn ce qui a pour effet de rendre le concepteur plus sensible ses int r ts et sa satisfaction apr s le d ploiement de l application La communication au sein de l quipe de conception est am lior e galement pour les choix de conception de l interface un argument peut tre d fen du ou contr en invoquant Il int r t d une Persona que l ensemble des interlocuteurs conna t Une fructueuse exp rience d utilisation de Personas est rapport e dans Pruitt et Grudin 2003 La communication autour d elles est intensive et se fait au travers de multiples sup ports posters emails et site Web personnels des Personas etc Les Personas sont utilis es non seulement comme support la discussion mais aussi comme support la documentation de conception Par exemple pour d finir des priorit s dans le d veloppement de fonctionnalit s Vint r t que chaque Persona trouverait dans cette fonctionnalit est valu
7. Le prototypage basse fid lit intervient souvent dans le cadre de conceptions participati ves et constitue un moyen efficace de recueillir les remarques des utilisateurs aussi bien que de l ensemble des membres de l quipe de conception quelle que soit leur expertise En revanche les rapports d observations ou de groupes de discussion en plus d tre soumis la subjectivit de leurs r dacteurs offrent un volume d information qui peut d sorien ter les personnes inexpertes en facteurs humains L exploitation de telles tudes exige un recul sur la situation observ e et hormis sur des points statistiques pr cis p ex taux de satisfaction moyen de l utilisation de la section S de l application les seuls intervenants aptes utiliser les r sultats sont des experts en facteurs humains Les moyens de mat rialiser l utilisateur sous forme de Persona servent l argumentation mais sont trop abstraits et ambigus pour permettre la recherche d une solution consensuelle qui satisfasse tous les intervenants L utilisation d une personne fictive m me si sa description est d taill e et coh rente offre toujours des zones floues Ces zones mal d finies de la Persona ne serviront pas de support des discussions sur des points de conceptions tr s pr cis faute de coh sion entre les points de vue que les intervenants ont sur la Persona 2 6 2 Soutenir la conception Tout ce qui permet d valuer une solu
8. Page formulaire saisie informations personnelles nis Creation compte Description Ce patron d crit la proc dure d identification d un visiteur des informations personnelles peuvent ensuite tre affich es Si l utilisateur a oubli son mot de passe une page de formulaire lui permet de saisir une information personnelle preuve de son identit pour recevoir de nou veau son mot de passe par email Si l utilisateur n a pas de compte il peut en demander un si la nature de l application le permet via un formulaire R alisation Note Le patron d enchainement d crans Login est le seul se comporter dans eGovIPM comme un patron de page II ne peut pas servir de base a un wireframe personnalis par contre il peut apparaitre ou tre ajout a un wireframe d enchainement d crans 209 Annexe F Patrons couverts par eGovIPM 7 Tableau de bord Page formulaire T che 1 Page formulaire T che 2 Page formulaire T che 3 LOGIN Liste de t ches Avertissement avant sortie Description Ce patron Tableau de bord repr sente un enchainement d crans dans lequel l utilisateur a sa disposition un ensemble de t ches apr s d tre identifi via un enchainement d crans de Login Apr s avoir r alis une t che via une Page de formulaire l utilisateur revient la liste des t ches qu on lui propose pour en ex
9. http Awww surveymonkey com dernier acc s 25 sept 08 3 Questionnaire de satisfaction de l interaction utilisateur Analyse de site Web et inventaire de mesures 5 Th orie unifi e d acceptation et d utilisation d une technologie 43 sensation que le travail est facilit ou rendu plus efficace par l application influence sociale conditions facilitatrices l utilisation p ex formation pr alable ou encore propension l utilisation de cette application e Collecte d incidents critiques H Rex Hartson et Castillo 1998 l utilisateur rem plit et envoie le questionnaire d s qu il est confront dans son utilisation quoti dienne un incident avec l application Le questionnaire s attachera alors tre ra pide remplir pour encourager l utilisateur acqu rir le r flexe de le faire d s qu un incident survient quoique suffisamment pr cis pour que l quipe technique puisse intervenir il sera en outre demand de fa on d taill e le contexte dans le quel est survenu l incident t che en cours trois derniers crans affich s etc Les incoh rences dans les r ponses d importance doivent pouvoir tre d tect es par exemple la m me question peut tre pos e plusieurs fois chaque fois formul e diff remment Pour forcer le r pondant prendre position sur une question de satisfaction ou engageant son opinion de quelque mani re que ce soit un nombre de r p
10. 1i Offre de Bess dai Entr es de INENESFENE 3 4 CONCLUSION ELEMENT D INTERFACE L observation exploratoire de SmalS que nous venons de d crire dans ce chapitre 3 a permis de mettre en avant la pertinence d un guidage de la conception d interfaces d e Procuration bas sur des patrons Suite notre s jour d octobre 2006 SmalS a op rationnalis le StyleGuide Un comit de pilotage du StyleGuide a t mis en place ayant pour r le de vali der le contenu du StyleGuide sa conception et au fil de ses volutions Des formes Visio g n riques li es aux patrons de pages et de composants de base ont t cr es pour soutenir les analystes dans la conception de wireframes Des fragments de code XHTML JavaScript et CSS ont t int gr s aux patrons destination des d veloppeurs d interfaces Fin 2007 le StyleGuide tait utilis sur des projets pilote Peu peu une trentaine de personnes a utilis le StyleGuide sur des projets pilote et sur des projets classiques L t 2008 verra para tre une version du Sty leGuide stabilis e dans sa forme En avril 2008 alors que le StyleGuide est utilis par une trentaine de personnes analystes et d veloppeurs d interfaces en particulier nous avons eu l opportunit de retourner sur place durant une semaine pour mener une valuation La rencontre et l observation de faits provoqu s avec des analystes utilisateurs du StyleGuide nous a permis d
11. Ajout du design de la page et de sa mise en page les informations fournies dans cette cat gorie concernent la mise en page et la pr sentation d l ments permanents hors de la zone de navigation principale permettant la navigation au fil des pages de l application p ex liens apparaissant en en t te C est aussi ce stade que la mise en page du c ur des pages est d finie en dehors de la zone consacr e la naviga tion qui a t d finie dans la cat gorie pr c dente Insertion de contenu relatif l interface le contenu est ici abord avec une grande partie des recommandations d di e la conception de formulaires Leur mise en page est d finie ici ainsi que des conseils d identification des labels et des mod les de formulaires classiques p ex saisie d informations identifiant une entre prise belge Ajout de l aide et du guidage de l utilisateur cette cat gorie concerne en grande partie la pr vention des erreurs de saisie dans les formulaires ou leur signalement lorsqu une erreur a t d tect e apr s validation Le guidage passe galement par des pages de validation de proc dures attestant de la bonne conduite de V application ou au contraire de retours clairs sur des incidents techniques qui pour raient survenir 5 2 3 Op rationnalisation du StyleGuide Le StyleGuide est un recueil de recommandations pour la conception d interfaces dans le cadre de l entreprise pour des
12. Les utilisateurs d une application d e Procuration sont des agents administratifs et des administr s Une m me application d e Procuration peut cibler ces deux cat gories d utilisateurs par exemple pour une application permettant la saisie puis le traitement de don n es venant d un administr Chacun des r les pouvant acc der l application disposera alors d un moyen de s identifier pour profiter des services qui lui sont propos s Ces deux cat gories d utilisateurs d applications d e Procuration peuvent ainsi tre consid r es e Les agents administratifs qui utilisent une application d e Procuration de mani re quotidienne parfois en remplacement d une proc dure papier quivalente L application doit utiliser le m me vocabulaire qu eux et s attacher ce que leurs actions et leur environnement habituels soient compatibles avec l application d e Procuration consid r e Des options de personnalisation de l interface ou des rac courcis peuvent par exemple tre mis en place pour une utilisation experte e Les administr s qui constituent un public tr s large identifiable seulement par les t ches qu ils sont susceptibles de r aliser avec le support de l application d e Procuration En dehors de cet objectif leurs particularit s sont inconnues comp tences en informatique familiarit avec le vocabulaire administratif dispositif de navigation utilis d ficiences physiques
13. Une moyenne pon d r e par leur repr sentativit des int r ts des Personas permet l tablissement de priorit s dans le d veloppement des fonctionnalit s 2 2 5 Groupes de discussion L organisation d un groupe de discussion aide mieux conna tre les utilisateurs finaux de l application leurs diff rents besoins et contraintes mais surtout leurs opinions divergentes et En Anglais focus groups 25 les points de consensus entre leurs attentes Six dix huit personnes en moyenne sont r unies utilisateurs finaux connus utilisateurs potentiels et ventuellement des d cideurs ou des mem bres de l quipe de conception Un quilibre doit tre trouv dans le choix des participants entre homog n it pour plus d aisance dans la prise de parole et pour favoriser une ambiance ami cale Morgan 1997 et h t rog n it pour forcer les participants argumenter leurs opinions voir merger les points de divergence et les points de consensus et ainsi obtenir une vue plus riche du public de l application Un mod rateur oriente la discussion vers des sujets fix s par avance portant sur le domaine d application p ex attitudes attentes et pr jug s vis vis de l e Commerce sur l environnement existant en guise d tude pr liminaire au d ploiement d un nouvel artefact p ex difficult s rencontr es et modes de fonctionnement dans un secr tariat de mairie ou encore sur tout ou
14. l quipe de conception se r f re au StyleGuide pour conna tre la solution adapt e qui est pr conis e au vu de l exp rience de conception de SmalS Lorsque le probl me rencontr n apparait pas dans le StyleGuide ou lorsque la solution propos e n est pas adapt e au contexte du projet en cours l quipe de conception transmet ses commentaires l quipe de gestion du StyleGuide Un cadre d dition des patrons formalis de fa on fortement guid e rendrait les propositions d ajout ou de modifi cation efficace cibl es sur une ou plusieurs des propri t s d un patron Le StyleGuide offre un cadre la fois formel et volutif pour le stockage la maintenance et l acc s aux connaissances acquises lors des projets d e Gouvernement de SmalS Nous mettons ici l hypoth se selon laquelle un utilisateur confront un probl me non r f renc est capable de formuler une suggestion de mise jour du StyleGuide Nous supposons que cette activit de suggestion a un impact positif sur le sentiment d implication de l utilisateur vis vis de l volution du StyleGuide Hyp 3 Si un utilisateur est confront un probl me de conception d interface qui n est pas r f renc dans le StyleGuide et un canevas de formalisation de patron est disponible pour commentaires sur le StyleGuide Alors l utilisateur peut formaliser et soumettre un nouveau patron en un temps jug raisonnable par l utilisa
15. l ments d interface les composant elles sont consid r es comme une seule forme Deux formes de composition principale simi laire mais offrant des diff rences en termes de couleurs d intitul s ou encore de mise en page secondaire seront ainsi consid r s comme de la m me forme Les statistiques pr sent es dans ce tableau montrent que nombre d l ments d interface apparaissent effectivement de fa on r cursive comme nous l avions pressenti De plus la plu part d entre eux sont d j standardis s l l ment page Recherche appara t toujours sous la m me forme seuls les crit res de recherche changent selon le contexte D autres l ments ap paraissent sous plusieurs formes mais ces formes sont souvent plusieurs standards utiliser dans des contextes de conception diff rents p ex l l ment page Page d identification appa ra t sous deux formes l une est adapt e l identification d un citoyen l autre l identification d un agent administratif 74 Tableau 5 Statistiques sur la pr sence r currente d l ments d interfaces sur des applications d e Procuration NOMBRE DE FR QUENCE FORMES D APPARITION DISTINCTES ENCHAINEMENTS D ECRANS Int gration un portail 100 1 Gestion de r les 13 2 OO Astat Bo 3 Diffusion de Accus de r ception 60 1 donn es Liste d informations rassembler 20 1 R capitulatif 86
16. la mani re de l outil PIM Patterns In Modelling Radeke et coll 2006 qui autorise la combinaison de patrons d interfaces chacun tant r gi par un mod le Ces perspecti ves de travail permettraient de guider plus encore les concepteurs dans la synchronisation des multiples contraintes qui rythment la conception d une application d e Gouvernement Patrons dans la mod lisation 151 Bibliographie Accenture 2005 Leadership in Customer Service New Expectations New Experiences The Government Executive Series Avril 2005 http www accenture com NR rdonlyres F9C0479F 5 139 49E3 A71D 5895AA145C6A O leadership_cust pdf AGIMO 2006 Australians use of and satisfaction with e Government services Etude Austra lie Juillet 2006 http www agimo gov au ___data assets pdf_file 0007 5 1496 2006 Measurementreport_fin al pdf Agostini Pietro Luca et Raffaella Naggi 2007 A critical analysis of the concepts of accessibil ity and usability of e Government web sites in Italian legislation A comparison with the German approach Dans EGOV ongoing research project contributions and workshops 183 193 Regensburg Allemagne Trauner Verlag 3 7 Septembre 2007 Alani Harith 2003 TGVizTab An Ontology Visualisation Extension for Prot g Dans Work shop on Visualization Information in Knowledge Engineering at K Cap Sanibel Island Florida USA 25 26 Octobre 2003 Alexander Christopher Sara Ishikawa
17. suivre au 02 511 51 51 Donn es personnelles des travailleurs qui ne sont pas repris dans le fichier du personnel lectronique 0 Num ro NISS Nom pr nom date de naissance et sexe Donn es de travail pour le trimestre d clarer A Donn es relatives aux prestations et aux r mun rations o Cotisations sp ciales qui sont dues pour un travailleur Donn es pour l ensemble de l entreprise Montant total des versements en mati re de pension extra l gale o Montant total des participations aux b n fices Montant total du double p cule de vacances des employ s Donn es des d ductions par travailleur D duction laquelle le travailleur a droit Eventuellement les donn es suivantes a Date de d but du droit la d duction a Montant de la d duction des cotisations personnelles pour les travailleurs ayant un bas salaire Num ro NISS du travailleur ayant ouvert initialement le droit la d duction Num ro NISS du travailleur en interruption de carri re ou en pr pension Nouveaut s Figure 86 Liste d informations rassembler avant une d claration via l application de DmfA 51 51 Formulair capture d cran r alis e en octobre 2006 Donn es contextuelles Ces informations sont diffus es l utilisateur g n ralement dans l en t te de la page ou dans la colonne de gauche pour apposer son empreinte et ainsi per sonnaliser l interface Son identit ap
18. un stade de prototype ou sur le point d tre d ploy Pour ce faire 1l ex cute des sc narios d usage pas pas s interrogeant chaque tape sur l ensemble des in formations et des aptitudes requises pour pouvoir passer l tape suivante C est en effet ce mode exploratoire pas pas qui est le plus souvent employ par les utilisateurs pour appr hen der l utilisation d un nouvel artefact Cette m thode d valuation exploratoire a pour objectif la d tection des ventuels obstacles cet apprentissage Pour guider l valuateur des pistes perti nentes d exploration sont sugg r es dans Wharton et coll 1994 Quoique l activit r elle de l utilisateur ne soit pas prise en compte dans ce type de m thode d valuation des r sultats rapides et int ressants sont obtenus moindre co t en compa raison avec la mise en place de tests utilisateurs La conjonction de plusieurs inspections est toutefois pr f rable Jakob Nielsen pr tend que les probl mes d utilisabilit d tect s par les inspections ergonomiques de cinq valuateurs couvrent 75 des probl mes d utilisabilit qui auraient merg de tests utilisateurs Nielsen 1994 L automatisation de cette valuation lorsqu elle est possible l ve les probl mes d interpr tation et de non exhaustivit d une valuation r alis e manuellement Certaines des r gles pr sentes dans ces recueils de recommandations ergonomiqu
19. KEYWORDS Human Computer Interaction User centered Web design e Gouvernement Interface design patterns Web navigation modelling ADMINISTRATIVE DISCIPLINE Computer Science LABORATORY DETAILS IRIT Institut de Recherche en Informatique de Toulouse Universit Paul Sabatier 118 Route de Narbonne 31062 Toulouse cedex 9 France AUTEUR Florence PONTICO TITRE Une m thode de conception bas e sur des patrons d interface pour les applications d e Gouvernement SOUS LA DIRECTION DE Marco WINCKLER Regina BERNHAUPT Philippe PALANQUE SOUTENUE LE Vendredi 11 juillet 2008 a l IRIT Toulouse France RESUME Le d veloppement d applications d e Gouvernement doit surmonter des difficult s inh rentes aux caract ristiques du domaine D une part la d mat rialisation des proc dures administratives fait intervenir une quipe de conception multidisciplinaire qui a besoin d outils communs adapt s pour dialoguer D autre part les applications doivent tre accessibles au plus grand nombre ce qui n cessite une attention toute particuli re la conception des inter faces Dans ce contexte il est important d indiquer que les applications d e Gouvernement pr sentent beaucoup de similitudes ce qui renforce le besoin d homog n isation des inter faces utilisateurs Ce travail tudie et propose une m thode de conception qui favorise la mise en place de m canismes d homog n isation des interfaces pour des appl
20. Universite de Toulouse b THESE En vue de l obtention du DOCTORAT DE L UNIVERSIT DE TOULOUSE D livr par Universit Toulouse III Paul Sabatier Discipline ou sp cialit Informatique Pr sent e et soutenue par Florence Pontico Le vendredi 11 juillet 2008 Titre Une m thode de conception bas e sur des patrons d interface pour l e Gouvernement JURY Regina Bernhaupt Professeur Assistant de l Universit de Salzbourg Autriche Jo lle Coutaz Professeur de l Universit Joseph Fourier Grenoble France Christelle Farenc Ma tre de Conf rences de l IUT Paul Sabatier Tarbes France Philippe Palanque Professeur de l Universit Paul Sabatier Toulouse France Dominique Scapin Directeur de recherche INRIA Rocquencourt France Marco Winckler Ma tre de Conf rences de l IUT Paul Sabatier Tarbes France cole doctorale MITT Math matiques informatique t l communications de Toulouse Unit de recherche IRIT Institut de Recherche en Informatique de Toulouse Directeur s de Th se Regina Bernhaupt Philippe Palanque Marco Winckler Rapporteurs Jean Vanderdonckt Professeur de l UCL Louvain la Neuve Belgique Dominique Scapin Directeur de recherche INRIA Rocquencourt France Remerciements Les premiers remerciements de cette th se vont Marco Winckler qui a men mes erran ces scientifiques avec beaucoup de rigueur et de professionnalisme Ses conseils ont fait faire du trap ze mes
21. agit ici de questionner l utilisateur sur ses sentiments vis vis de l artefact valuer Cette activit est g n ralement men e par le biais de questionnaires faciles diffuser largement au format papier ou au format lectronique via un site Web d di p ex SurveyMonkey ou par courrier lectronique Des questions ouvertes ou ferm es permettent de recueillir respecti vement des informations plut t qualitatives ou quantitatives Plusieurs types de questions se c toient encore celles de type factuel p ex informations d mographiques celles portant sur une appr ciation p ex pr f rences d utilisation entre plusieurs artefacts ou encore sur une attitude p ex impression d efficacit accrue ou diminu e avec l arriv e d un nouvel artefact Plusieurs motivations am nent l utilisation de questionnaires parmi lesquelles e Mesure de l utilisabilit d une application plusieurs questionnaires existent dans la litt rature pour le Web tels que QUIS Questionnaire for User Interaction Satisfac tion Harper Slaughter et Norman 1997 ou WAMMI Website Analysis and Mea sureMent Inventory Kirakowski et Claridge 1998 e Mesure du taux d acceptation d une application le questionnaire se basera alors sur des mod les tels que UTAUT Unified Theory of Acceptance and Use of Technolo gy Venkatesh et coll 2003 qui d coupent I acceptation en satisfaction subjective Penser voix haute
22. aient pas re u de formation 9 des 11 sujets pensent que le Style Guide s int gre bien leurs habitudes de travail Un sujet pr cise La principale difficult est de conna tre les diff rentes mani res de naviguer dans le StyleGuide Cet apprentissage demande un certain temps Ensuite lorsque l on sait o trouver l info recherch e son utilisation est beaucoup plus simple Questionnaire 10 le 23 avril 2008 L un des 2 sujets qui pensent le contraire pr cise qu il manque de connaissances Visio Source Questionnaire 8 le 22 avril 2008 En moyenne les sujets sont plut t d accord avec le fait que le StyleGuide am liore leur travail 10 des 11 sujets sont tout fait ou plut t d accord mais sont partag s sur le fait qu il acc l re leur travail 6 des 11 sujets ne sont pas du tout ou plut t pas d accord L utilit du StyleGuide est ressentie par 10 des 11 sujets et autant trouvent que les conseils de conception qui y sont prodigu s sont compr hensibles 8 des 11 sujets pen sent qu il est plut t facile au sein du StyleGuide de trouver un guideline ad quat Appropriation mitig e L appropriation du StyleGuide par ses utilisateurs est plus mitig e 6 des 11 sujets n utiliseraient pas le StyleGuide s ils avaient une autre alternative Le gain de consid ration pour un utilisateur du StyleGuide n est pas approuv non plus Cependant en moyenne un sujet a utilis 1 2 fois
23. e Ouverture d un nouveau mod le State WebCharts dans eGovIPM sur la base du mod le g n rique Tableau de bord mod le reproduit sur la Figure 65 2 e Suppression des pages Contact form et Warning before exit que l utilisateur ne trouve pas pertinentes dans son contexte ces op rations sont autori s es Formulaire de contact gt Avertissement avant sortie 142 e Ajout d un tat externe StateWebCharts repr sentant le site Web de l cole il sp cifie l adresse URL de l cole dans I attribut file du volet Propri t s d eGovIPM e Ajout d une transition vers la page d identification et d une autre vers l tat externe repr sentant le site Web de l cole e Edition des noms des tats et des transitions e Enregistrement au format JPG du wireframe personnalis pour la page Gestion des repas dans le dossier sp cifi par les pr f rences d eGovIPM puis dition de l attribut image de la page Gestion des repas dans le volet Propri t s e Repositionnement des tats et des transitions pour optimiser la pr sentation du mo d le Cantine de Goville Identification se d connecter erreur de Doin Gestion repas enfantl valider annuler fogin OK Gestion repas enfant2 Gestion des repas valider annuler valider annuler Gestion tous enfants Figure 66 Mod le de navigation SWC du site Web de la cantine de Goville 6 3
24. email me disant Attention il y a un nouveau site Sujet 4 le 16 avril 2008 Et a c est la version du StyleGuide qui est la SmalS Ah bon Je suis heureux de le savoir Rires Tu vas m envoyer le lien Sujet 5 le 18 avril 2008 Les sujets 4 et 5 n taient pas au courant des derni res versions du StyleGuide publi es C est d autant plus f cheux que le sujet 5 avait par ailleurs voqu des probl mes de bugs qui ont t corrig s dans les versions suivant celle qu il conna t Le sujet 1 quant lui parle de la 123 n cessit d aller voir r guli rement s il n y a pas de nouvelles versions du StyleGuide Il em ploie l expression retourner voir encore une fois qui laisse penser que cela l ennuie Engagement vis vis du StyleGuide Responsabilit dans l volution du contenu Les sujets sont partag s quant leur responsabilit vis vis du devenir du StyleGuide Beaucoup de sujets sont convaincus du fait que le StyleGuide est l affaire du centre de comp tence en utilisabilit Ils reconnaissent avoir leur place en tant que participant mais ne se sentent pas responsable de l volution de son contenu Ils constatent galement que l volutivit du StyleGuide est l un de ses atouts majeurs et que par nature il se doit d tre flexible et d voluer au fil du temps Ma r ponse Je me sens responsable de l volution du StyleGuide
25. en observer l utilisabilit l acceptation l ad quation aux activit s de conception La mise en place et les r sultats de cette valuation seront pr sent s dans le chapitre 5 De notre c t la r currence d l ments d interface et l int r t d une standardisation des interfaces d applications d e Procuration nous ont pouss s approfondir et formaliser une m thode de conception bas e sur des patrons d interfaces pour l e Procuration Le chapitre 4 pose les fondations de cette m thode et lui donne un cadre de d veloppement Notre approche tant bas e sur celle du StyleGuide les valuations men es sur le StyleGuide nous aideront valider les partis pris de notre propre m thode et sugg rer des volutions 75 76 4 M thode de conception bas e sur des patrons Face des probl mes de conception d interface r currents les concepteurs d e Gouvernement r utilisent naturel lement des fragments de projets pass s Notre m thode vise formaliser cette habitude pour la rendre plus optimale et favoriser ainsi l utilisabilit des applications con ues Des patrons d interfaces ont ainsi t organis s selon leur niveau de granularit et richement articul s par le biais d une ontologie de leurs concepts Pour que notre m thode puisse tre int gr e un cycle de conception bas sur le prototypage moyenne fid lit un support ce prototypage est int gr aux patrons d
26. les outils utilis s pour une tape sont indiqu s c t de celle ci en lettres capitales les documents produits par une tape sont indiqu s sur la transition sortant de cette tape 1 EXPRESSION DES BESOINS Contexte Besoin 2 SP CIFICATION Cas d utilisation UML Personas Mod le des donn es Mo d le de la proc dure 3 CONCEPTION Nouveaux besoins fonctionnels Nouvelle l gislation 6 MAINTENANCE Mesures quantitatives de l utilisation Mesures qualitatives de l utilisation valuation heuristique Mise jour du commanditaire 5 UTILISATION amp EVALUATION Suggestion de modification Suggestion d ajout sieved EVOLUTION DU CATALOGUE Figure 27 Cycle de d veloppement pour l e Gouvernement bas sur des patrons d interface odifications d impl mentation CATALOGUE DE PATRONS OUTIL EGovIPM Wireframes de page Mod le de navigation Squelette XHTML de l application 4 D VELOPPEMENT Cette section offre des recommandations sur le d roulement des phases pour lesquelles en l tat notre m thode offre une contribution la Sp cification la Conception et le D velop pement La phase d volution du catalogue qui fait partie du cycle de vie de l application mais pas de son cycle de d veloppement sera trait e plus loin dans le chapitre cf 4 3 4 1 1 Expression des besoins et Sp cification Le recueil des besoins doit se faire aupr s d
27. propos du contexte de l application forment la troisi me et derni re cat gorie du catalogue e Besoins de l utilisateur regroupe les patrons visant la satisfaction par l interface d un besoin de l utilisateur Parmi eux figurent naviguer sans but pr cis interagir avec des l ments d interface basiques rechercher interagir avec des donn es per sonnaliser faire des achats prendre une d cision saisir des informations divers e Besoins de l application regroupe les patrons visant la satisfaction d un besoin de l application en termes de communication avec l utilisateur capter l attention donner un retour sur les actions commises feedback simplifier l interaction e Contexte de la conception regroupe les patrons visant la satisfaction de besoins plus diffus ayant trait la nature m me de l application ou bien des besoins auxiliai res aux besoins fonctionnels que satisfait l application par exemple tout en faisant des achats je consulte le choix d autres clients et je prends part une communaut virtuelle type de site exp rience utilisateur type de page Les patrons comprennent les attributs suivants Probl me formulation centr e utilisa teur Solution Cas d utilisation Support l impl mentation Justification rationnelle Exem ples Le catalogue est disposition de ses utilisateurs sur un site web les utilisateurs peuvent d poser un commentaire propos d un patro
28. rassembler Avant de commencer r aliser une proc dure la liste d informations rassembler donne l utilisateur la possibilit d anticiper ses actions et les documents dont il va avoir besoin voir l exemple de la Figure 86 Chacune des donn es n cessaire la bonne marche de la proc dure doit tre clairement indiqu e accompagn e du moyen de la trouver p ex figure sur un document a t communiqu e par email une date pr cise La dur e de la proc dure appara t galement ainsi que des informations sur la pos 178 Annexe B Pages r currentes sibilit de l interrompre et de la reprendre ult rieurement Les contraintes techniques ven tuelles doivent galement apparaitre p ex Ce service en ligne requiert une version 1 5 ou plus r cente de Mozilla Firefox ainsi que les moyens de les contourner p ex T l char gez une version plus r cente de votre navi ateur http www firefox frl GGYNL DE NEW Quittez la Dmfa entifie comme Demo Informations dont vous devez disposer avant de commencer la DmfA Nom d utilisateur et mot de passe du site portail de la s curit sociale Num ro d immatriculation ONSS et ventuellement le num ro unique d entreprise Liste des travailleurs qui doivent tre d clar s a Si vous d sirez faire une d claration via le site portail pour plus de 49 travailleurs merci de prendre contact avec le Centre Eranova pour recevoir la proc dure
29. sur Figure 54 Il est signal au sujet qu il est libre de personnaliser cet environnement sa guise ee eee ij 7 add_help_and_use 83 sBimagesve Les EE 7 id 4 gt bl Page 1 Page 1 1 Figure 54 Environnement de travail par d faut pour la r alisation d un wireframe avec Visio Ce sc nario est mis en place dans le but de valider l hypoth se 1 cf 5 3 1 qui concerne l utilisabilit du StyleGuide de ses guidelines et des formes Visio associ es Il donne l opportunit d observer si des habitudes de travail existent avec Visio et les formes du Style Guide auquel cas l environnement de travail sera personnalis L alternance de consultation du StyleGuide et de la fabrication concr te du wireframe de page est not e galement Des rensei gnements plus g n raux sont galement pris sur les habitudes de travail des analystes pour la conception de prototypes commencent ils par penser l application dans sa globalit ou bien se concentrent ils sur son c ur c est dire sur la partie fonctionnelle essentielle Sc nario Ibis Concevoir une structure hypertexte de site avec State WebCharts Apr s avoir r fl chi aux pages de l application la structure hypertexte du site Web de la cantine dans son int gralit est maintenant appr hend e avec comme contrainte l utilisation du formalisme de mod lisation de la navigation StateWebCha
30. titre illustratif pour une exploitation acad mique d un cadre de description syst matique et d organisation de patrons d interfaces pour l e Procuration qui soit libre de droits Notre catalogue n a pas t d ploy en conditions r elles de conception Nous avons toutefois pu valuer des hypoth ses de recherche son sujet sur son acceptabilit en entreprise nous avons men une observation des comportements d usage d une m thode similaire la n tre qui a elle t d ploy e dans un cadre de travail r el le StyleGuide Le StyleGuide est un catalogue de patrons d interfaces d velopp par SmalS dont nous avions contribu l laboration lors d une observation exploratoire participante en octobre 2006 cf chapitre 3 En 2008 parvenu maturit le StyleGuide est utilis par une trentaine de per sonnes principalement analystes et d veloppeurs d interface Apr s avoir cern les ressemblan ces et dissemblances entre notre m thode et le StyleGuide une valuation a t men e sur celui ci pour valider les orientations prises par notre m thode sur son utilisabilit et son acceptabilit en conditions industrielles de travail Le chapitre 5 expose le d roulement de cette valuation et ses conclusions Notre catalogue est en effet libre de tout copyright la diff rence du StyleGuide qui est la propri t intellectuelle de l entreprise SmalS 97 5 Evaluation de la m th
31. tudi es dans le chapitre 2 aux conditions r elles de travail des concepteurs d applications d e Gouvernement Les m thodes de conception et de sp cification en particulier les modes de communication les intervenants et leurs interactions les projets pass s et leur devenir et les interfaces des applications existantes ont fait l objet d observations naives pour faire merger les forces et les faiblesses de ce cadre particulier de travail Ces activit s ayant r v l la nature tr s r cursive de l e Procuration l hypoth se d une m thode de conception bas e sur des patrons d interface pour l e Procuration a t tudi e en profondeur 3 1 Etude de l activit de conception 3 2 Analyse des besoins au vu des solutions existantes 3 3 Analyse des interfaces des applications d velopp es 3 4 Conclusion Nombreuses sont d sormais les entreprises de technologies de l information qui r pon dent des appels d offre publics concernant des projets d e Gouvernement notamment en Al lemagne en Finlande et en France CapGemini et TNO 2004 Elles apportent leur comp tence en mati re de gestion de workflows complexes famili re aux entreprises gestionnaires d applications bancaires par exemple Certaines de ces entreprises r digent des rapports sur l tat d avancement des probl matiques de conception en e Gouvernement Accenture 2005 CapGemini 2006 mais peu de retours sur leurs activit s r elles sont
32. une institution souhaitera profiter d un projet d e Gouvernement pour d poussi rer son image et transmettre une valeur de dynamisme tandis que d autres pr f reront mettre en avant la robustesse de leur mode de fonctionnement pour rassurer leurs utilisateurs Le client d finit aussi avec l aide de ses interlocuteurs les fonctionnalit s faire appara tre ainsi que les donn es alimentant le contenu ditorial Dans les projets men s par SmalS le chef de projet et les analystes rendent visite au client en d but de conception afin de collecter les besoins fonctionnels et les contraintes financi res et temporelles Il arrive que le client demande rencontrer le consultant en utilisabilit pour mieux conna tre les utilisateurs leurs attentes et leurs opinions En phase de prototypage de interface le client est ponctuellement invit des r unions de conception afin de donner son avis sur les orientations choisies La prise en compte de cet avis est discut e en sa pr sence Utilisateurs Les utilisateurs d une application d e Gouvernement sont des citoyens des responsables d association des responsables d entreprise ou des secr taires Ils peuvent galement tre des agents administratifs travailleurs sociaux ou des employ s du secteur public charg s du suivi d une proc dure Dans les deux cas la participation de l utilisateur au processus de conception est primordiale pour que application so
33. utilisabilit relev s sur le StyleGuide lors de l exp rimentation avec ses utilisateurs semblent tre couverts par notre catalogue Cette couver ture devrait cependant franchir l preuve de l exp rimentation avec des utilisateurs r els pour tre tablie fermement Nous proposons tout comme le StyleGuide une classification des pa trons par niveau de granularit pour que soit respect l ordre naturel de r flexion dans les activi t s de conception cette classification emporte l adh sion des sujets interrog s cf 5 5 2 Quant au moteur de recherche sugg r par quelques sujets il est int gr notre catalogue gr ce MediaWiki que nous utilisons comme support L int gration d une ontologie pr vue dans les perspectives de notre m thode cf 4 2 2 permettrait de couvrir les probl mes de terminologie rencontr s par les sujets Ces derniers ne formulent en effet pas toujours les probl mes de conception de la mani re dont ils sont formul s dans le catalogue de patrons cf 5 5 2 D ployer une telle m thode en entreprise Pour encourager la participation active des utilisateurs du catalogue un budget transversal d di la participation l volution du catalogue est pr voir hauteur de 0 75 jour par mois pour tout utilisateur du catalogue Le catalogue n est utile que s il est mis jour et l quipe de gestion du catalogue a besoin de retours d exp rience venant des utilisateurs d
34. utilisateur ne soit pas plus explicitement int gr e la conception de l interface Lepreux Abed et Kolski 2003 dans un cycle de d veloppement attentif int grer les aspects utilisateurs 2 1 7 Rational Unified Process Kruchten 2000 Le processus de d veloppement RUP est un cadre m thodologique pour le d veloppement d applications interactives s appuyant notamment sur la m thodologie UML Rumbaugh Booch et Ivar Jacobson 1999 UML fournit en effet un ensemble de mod les permettant la repr sentation de processus tant au niveau de application p ex repr sentation des besoins des diff rentes cat gories d utilisateurs vis vis de l application qu au niveau du travail de conception lui m me p ex repr sentation des comp tences de chaque intervenant Comme le montre la Figure 8 un cycle de d veloppement RUP consiste en une s quence incr mentale d it rations pour aboutir l application interactive finale Chaque it ration consiste en un en semble de t ches appartenant des disciplines diverses t ches d ing nierie et t ches de gestion de projet Une it ration entre dans le d roulement d une phase et parfois plusieurs it rations sont n cessaires pour que la phase soit valid e Quatre phases se succ dent dans la vie d un projet qui suit la m thodologie RUP e Lancement compr hension de la port e du projet de ses co ts et de sa rentabilit En parall le une analyse d
35. 11a TEE AAN EAA EA E E E E lacet 70 Tableau 5 Statistiques sur la pr sence r currente d l ments d interfaces sur des applications de PVOCUANON icc BETE EE E E E A E E E A EAE EE 75 Tableau 6 Matrice utilisateur t ches autour du StyleGuide ss 102 Tableau 7 Interactions avec le StyleGuide relev es lors de la r alisation du sc nario n 1 117 Tableau 8 Variables exp rimentales valu es Rs 129 Tableau 9 Nombre d apparitions autoris es dans un encha nement d crans 136 Tableau 10 Transitions autoris es d une page une autre page Us 137 Tableau 11 R sultats quantitatifs du pr questionnaire 207 169 Annexe A Enchainements d crans r currents ASSISTANT Lorsque plusieurs tapes sont n cessaires pour accomplir une proc dure un assistant est charg de guider l utilisateur au fil de ces tapes L assistant donne chaque tape des indica tions sur le nombre d tapes franchies celles que l utilisateur a valid es et celles sur lesquelles il devra revenir ainsi que les tapes restant franchir Dans l exemple fourni sur la Figure 70 l utilisateur de l application Limosa est en train de r aliser la troisi me tape Un r capitulatif est fourni en fin de s quence afin que l utilisateur puisse ventuellement revenir sur les infor mations qu il a d livr es Une fois le r capitulatif valid par l utilisateur un accus de r ception est diffus pour lecture si
36. 432 603 964 Employeur Demo Company Type de d claration ONSS original Centre de contact de la S curit Sociale 02 511 51 51 Formulaire de contact Figure 91 Donn es d horodatage sur l application DmfA capture d cran r alis e en octobre 2006 OFFRE DE NAVIGATION Sur le Web l utilisateur est face un espace dans lequel le concepteur a li sciemment des ressources les unes aux autres Pour un espace de navigation efficace l utilisateur doit dis poser de rep res clairs sur sa localisation et les ressources auxquels il peut acc der Dans le cas d applications proc durales telles que celles analys es ici les liens hypertextes peuvent valider ou invalider une activit ou encore transmettre des donn es personnelles vers un serveur Points d entr e directs Lorsque les t ches pr vues par l application sont peu nombreuses jusqu sept ou bien que quelques jusqu sept cat gories d utilisateurs sont attendus la proposition de points d entr e directs vers l application est un mode de navigation efficace Des points d entr e peuvent galement tre propos s selon la langue utiliser cas de figure qui se produit quasi syst matiquement en Belgique pays dans lequel trois langues officiel les coexistent Dans le cas de la Figure 92 les points d entr e concernent la fois le statut de l utilisateur en recherche d emploi ou responsable de recrutement dans une entrepri
37. 7 no 2 105 121 Bastien J M Christian et Dominique Louis Scapin 1993 Ergonomic criteria for the evalua tion of human computer interfaces Rapport technique Rocquencourt France INRIA Juin Beirekdar Abdo Jean Vanderdonckt et Monique Noirhomme Fraiture 2002 A Framework and a Language for Usability Automatic Evaluation of Web Sites by Static Analysis of HTML Source Code Dans CADUI Valenciennes France Kluwer Academics Pub 15 17 Mai 2002 Berners Lee Tim James Hendler et Ora Lassila 2001 The Semantic Web A new form of Web content that is meaningful to computers will unleash a revolution of new possibilities 152 Scientific American Magazine Mai 2001 http www sciam com article cfm article ID 00048 144 10D2 1C70 84A9809ECS88EF21 Beyer Hugh et Karen Holtzblatt 1997 Contextual Design Defining Customer Centered Sys tems Morgan Kaufmann Publishers Bicharra Garcia Ana Cristina Cristiano Maciel et Fernando Bicharra Pinto 2005 A Quality Inspection Method to Evaluate E Government Sites Dans EGOV 198 209 Copenhague Danemark Springer Berlin Heidelberg 22 26 Ao t 2005 Birou Alain 1966 Mod le Dans Vocabulaire pratique des sciences sociales Boehm Barry 1986 A spiral model of software development and enhancement SIGSOFT Softw Eng Notes 11 no 4 14 24 Boersma Peter 2005 Introducing User Centered Design to an E Government Software Devel opment Company ASIS amp T Bulletin Mar
38. Concevoir des mises en page efficaces Autoriser une recherche efficace et pertinente Proposer une navigation facile et Acc l rer le site Ces diff rentes cat gories suivent galement le cours du processus de conception traitant d abord de questions g n rales puis de questions de plus en plus pr cises d abord le site puis la navigation puis la page puis le contenu Suivent ensuite des questions plus globales n cessitant que la conception du site ait d j atteint une certaine maturit en termes de volume de contenu mais aussi de cadre de navi gation p ex instaurer la confiance acc l rer le site Le contenu des patrons suit la structure suivante Captures d cran d exemples r els illustratifs Contexte quels autres patrons peuvent appeler l utilisation de ce patron Probl me probl me de conception d interface d taill en probl mes plus pr cis relatifs d autres patrons ventuellement Solution recommandations concr tes pour la mise en place du patron r capitul es dans un sch ma informel Autres pa trons consid rer La conception de sites 54 User Interface Design Patterns Laakso 2003 Ces patrons de conception d interface concernent plusieurs types d applications et pas seulement les applications web Les recommandations portent sur la visualisation et sur les moyens d organiser les informations Quelques interactions fonctionnelles apparaissent gale ment C est
39. Pourtant pour tous il est primordial d atteindre l objectif fix et l application doit en fournir les moyens Ces deux cat gories doivent tre appr hend es diff remment lors de la conception d une application d e Procuration centr e utilisateur Par exemple les applications destination d agents administratifs peuvent tre am lior es par les r sultats d tudes ethnographiques sur la gestion et les cons quences d interruptions dans une activit de bureau Martin et coll 2002 http www greenfieldgroup com dernier acc s 25 sept 08 26 L interface propos e doit tre compatible avec les patrons comportementaux observ s avant l int gration de I application Pour ce qui concerne les administr s des tudes s attachent tablir un mode d interaction riche spontan et ouvert en particulier pour les applications d e Gouvernement informationnelles Ces recherches ciblent notamment les utilisateurs administr s immigrants num riques Barsalo 2004 pour qui la navigation hypertexte classique n est pas une habitude Citons l exemple d une application pour une personne g e demandeuse d emploi Pearce et coll 2006 une interface riche lui permet d valuer dynamiquement selon des crit res qu elle fait voluer son aptitude retrouver un emploi en termes de temps de recherche estim Les concepteurs font alors le choix de l exp rience utilisateur co
40. Richard Doris Konneh et Robert Woodruff 2003 Communities of design practice in electronic government Dans CHI 03 extended abstracts on Human factors in computing systems 744 745 Ft Lauderdale Florida USA ACM 5 10 Avril 2003 Handzic Meliha 2004 The Role of Knowledge Mapping in Electronic Government Dans KMGov 9 17 Krems Autriche Springer Berlin 17 Mai 2004 Harel David 1987 Statecharts A visual Formalism for complex systems Science of Computer Programming 8 no 3 231 274 Harper Ben Laura Slaughter et Kent Norman 1997 Questionnaire administration via the WWW A validation amp reliability study for a user satisfaction questionnaire Dans Web Net Toronto Canada AACE 1 5 Novembre 1997 Hartson H Rex et Jos Castillo 1998 Remote evaluation for post deployment usability im provement Dans AVI L Aquila Italie ACM Press 24 27 Mai 1998 Hartson H Rex Jos C Castillo John Kelso et Wayne C Neale 1996 Remote evaluation The Network as an extension of the usability laboratory Dans CHI 228 235 Vancouver British Columbia Canada ACM 13 18 Avril 1996 Henninger Scott et Padmapriya Ashokkumar 2005 An ontology based infrastructure for us ability patterns Dans Workshop on Semantic web enabled software engineering at ISWC Galway Irlande 6 10 Novembre 2005 Hix Deborah et Rex Hartson 1993 Developing user interfaces ensuring usability through product and process New York USA J
41. Sur une p riode Du Au u C C m Tous les lundis O Tous les mardis O Tous les jeudis O Tous les vendredis Figure 106 Page talon du site Web de la cantine de Goville confirmation de l ajout ou de la suppression d un ou de repas Annexe D Mat riel d valuation du StyleGuide Cantine de l cole de Goville E Ecate de Govilie Modifier les repas pr vus pour vos enfants Mr Pierre raup Sa d connecter 0 Erreur de saisie votre demande n a pas t trait e Un repas peut tre ajout ou supprim jusque trois jours avant la date du repas Ponctusllement Daie J t mm Ajouter repas Suppriner repas Sur une p riode c D ns 777 Tous les lundis O Tous les mardis O Tous les jeudis O Tous les vendredis Ajouter repas Suprime reads Figure 107 Page talon du site Web de la cantine de Goville signalement d une erreur survenue lors de l ajout ou de la suppression d un ou de repas Cantine de l cole de Goville PE Conna tre le nombre de repas pr vus Personnel cantine Se d connecter Combien de repas pr vus ce jour l Figure 108 Page talon du site Web de la cantine de Goville affichage pour le personnel de la cantine du nombre de repas pr vus une date donn e 201 Annexe D Mat riel d valuation du StyleGuide SCENARIO 3 Sur le m me site Web il faut int grer la possibilit de payer la cantine Site web de la cantine
42. XSL Transformations XSLT http www w3 org TR xslt 2008d Cascading Style Sheets http www w3 org Style CSS Wang Lili Stuart Bretschneider et Jon Gant 2005 Evaluating Web Based E Government Services with a Citizen Centric Approach Dans HICSS Hawaii USA IEEE Computer Society 3 6 Janvier 2005 Watchfire 2004 WebXACT http webxact watchfire com Wharton Cathleen John Rieman Clayton Lewis et Peter G Polson 1994 The Cognitive Walkthrough method a practitioner s guide Dans Usability inspection methods 105 140 New York NY USA John Wiley amp Sons Inc White Stephen 2004 Business Process Modeling Notation BPMN BPMI Mars 2004 Wild Peter J Peter Johnson et Hilary Johnson 2004 Towards a composite modelling ap proach for multitasking Dans 3rd annual conference on Task models and diagrams Pra gue R publique Tch que ACM 15 16 Novembre 2004 Wimmer Maria A 2001 Knowledge Management in e Government e Commerce vs e Government http falcon ifs uni linz ac at research ceepus zip 2006 Implementing a Knowledge Portal for e Government Based on Semantic Modeling The e Government Intelligent Portal eip at Dans HICSS Kauai Hawaii USA IEEE Computer Society 4 Janvier 2006 Winckler Marco Eric Barboni Christelle Farenc et Philippe Palanque 2004 SWCEditor a model based tool for interactive modelling of web navigation Dans CADUI 55 66 Ma deira
43. a c est pas la bonne couleur Sujet 1 le 15 avril 2008 Je mets tous les composants en place et puis je me dis Bon visuellement c est pas tr s joli qu est ce que je vais faire J ai au moins une base Si je devais al ler revoir le client je peux d j discuter avec lui parce qu il voit ce dont il avait be soin Apr s 1l va me dire C est pas tr s joli OK on en rediscutera Par contre si je lui mets juste le header avec de belles couleurs il va me dire Et mon applica tion j en fais quoi Sujet 3 le 16 avril 2008 Je viens encore d avoir une discussion avec l un de mes analystes qui a suivi la formation StyleGuide ce sujet Il semblait d u que finalement les analystes ne puissent plus toucher au graphisme des crans et il avait l impression qu alors il al lait proposer au client des prototypes pas professionnels Personnellement je ne suis pas du tout d accord avec a rien de moins professionnel que du graphisme fait avec des outils non professionnels Paint par des non professionnels du gra phisme Et en plus cela emp che le client qui doit faire part de son feedback sur les prototypes de se concentrer sur le fonctionnel Sujet 4 courrier lectronique du 22 avril 2008 Des tabs ou des radio buttons C est un parti pris de designer a ne rel ve pas de l analyse Pour moi c est une question purement de pr sentation Il faut savoir qu on d
44. cification pour une application d e Procuration sosesc 38 24 M THODES D EVALUATION DE L UTILISABILITE siens 42 2 4 1 Observation de faits provoqu s sise 42 2 4 2 Consultation de l utilisateur ses 43 2 4 3 Analyse de donn es d usage ss 44 2 4 4 Confrontation de l interface des r gles ergonomiques 45 2 4 5 valuation de Vutilisabilit d applications d e GouverneMent ccscssessssseesssreessesseseessessesees 46 2 5 M THODES DE GESTION DE LA CONNAISSANCE ERGONOMIQUE cesccssesesseeescecesseecsseessseeesees 48 2 5 1 R gles ergonomiques sise 48 2 5 2 Outils d valuation ergonomique siennes 49 2 53 P trons d interface nine nn RAR mn RU ete JR ner En en tn Ie LR 5I 2 5 4 Gestion de la connaissance ergonomique pour le Gouvernement sson 56 2 6 SYNTH SE ET DISCUSSION seen 57 2 6 1 Favoriser la COMMUNICAUON sevsccdeciveods hrs nine tendre entendent aiii 59 2 6 2 Soutenir la conc phon ses arts men be diurne lente denis 59 2 6 3 Capitaliser la connaissances reine ee oui bia 60 3 L E GOUVERNEMENT SUR LE TERRAIN UNE OBSERVATION EXPLORATOIRE 61 3 1 TUDE DE L ACTIVIT DE CONCEPTIONS 3 4 sis dt ea ade Wes 62 3 1 1 Intervenants dans le processus de conception ss 63 3 1 2 Cycle de d veloppement et m thodes de conception employ s 65 3 2 ANALYSE DES BESOINS AU VU DES SOLUTIONS EXISTANTES 67 3 2 1 Patrons d interface pour l e Procuration ss
45. currentes en conception formalis s sous forme de patrons y sont par exemple d conseill s Kotz et coll 2008 Les conseils de type positif s av rent plus faciles appliquer mais aussi plus formateurs Web usability pattern set Perzel et Kane 1999 Kimberly Perzel part du constat que beaucoup d applications Web sont con ues par des personnes n ayant aucune expertise en conception d interface D autres applications Web sont d velopp es par des quipes professionnelles mais fortement pluridisciplinaires de part la na ture m me du Web bases de donn es graphisme gestion de contenu ditorial Au sein de ces quipes des incompr hensions et des ambiguit s apparaissent faute d une formation et d un vocabulaire communs Les auteurs proposent ici que l interface soit la plateforme de communi cation de telles quipes et que tout en prenant soin de concevoir une application utilisable les patrons d utilisabilit soient un moyen de communication entre les intervenants Les patrons issus de ces travaux concernent l interface de l application Web ou bien l environnement de cette application Web avec par exemple des patrons concernant le navigateur de l utilisateur p ex marquage d une page en favori lisibilit de l adresse URL Comme sugg r par les ob servations de Michael Mahemoff Mahemoff et Johnston 1998 les patrons concernant l Interface Utilisateur sont distingu s de ceux concernant le
46. dBeat est une borne interactive munie de b tons infrarouges et plac e dans un mus e d art contemporain Borchers 1997 Les visiteurs du mus e peuvent appr hender les concepts de la musique au travers de jeux sur cette borne tels que la reconnaissance d instruments sur une bande son ou l utilisation d instruments virtuels La structure des patrons et le graphe des r f rences entre patrons sont formalis s Les patrons sont ainsi d crits par la s rie d attributs sui vants Nom Degr d universalit mesure quel point ce patron peut tre appliqu d autres contextes de conception Illustration photographie du contexte de d ploiement du patron Probl me Avantages optimisation de la conception Exemples Solution g n ralisation des exemples proposant une solution au probl me de conception Diagramme r sum informel de la solution pr conis e Le graphe des patrons propos s pour la conception de WorldBeat est pr sent sur la Figure 22 Exposition interactive eee oon Attirer le visiteur Retenir le visiteur Diffuser un message ee p re 1e Impression Apparence Outils adapt s Acc s universel Retour simple innovante au domaine D Nouvel outil ri Hauteur A Mat riel ajustable d interaction en invisible entr e Mise en page Typographie Moteur brut R v lation Boucle ferm e pur e employ e d interaction incr mentale en entr e A T ee Description Arborescence repli
47. e Batons dynamique arbre plat et limit Figure 22 Graphe de patrons d interaction pour les expositions interactives issu de Borchers 2000 Experiences Coram et Jim Lee 2002 Le catalogue de patrons Experiences Coram et Jim Lee 2002 a t introduit pour r sou dre des probl mes de conception d interface de haut niveau Les patrons sont reli s entre eux par un r seau de relations A un mode d interaction choisi correspond en effet un ensemble de patrons de plus petite taille pr cisant l impl mentation de ce choix Les interactions sont grou p es sous un patron g n rique nomm Style d interaction qui est d taill en quatre patrons d interaction correspondant a quatre choix de conception d interface diff rents quatre mani res de proposer une interaction l utilisateur Formulaire d entr e Menu de s lection Texte de conversation et Interface explorable cette derni re cat gorie est d crite dans la vue pr sent e en Figure 23 Ce raffinement du grain de l interaction par paliers prend mod le sur la structure Une approche bas e sur des patrons pour la conception d interfaces Expertises 52 propos e par Christopher Alexander Alexander et coll 1977 dans ses patrons de conception d architecture Les patrons eux m mes sont plut t des recommandations sans structure particu li re ni liste d attributs uniformis e travers les patrons G n ralement les recommandations fo
48. es Jean Pierre Norguet Norguet Limbourg et Stijfhals 2007 propose les analyses suivantes e Pages d entr e et de sortie les entr es sur le site suite des recherches sur des mo teurs de recherche sont elles pertinentes par rapport aux mots clefs Quel est le vo cabulaire choisi pour ces mots clefs Les sorties du site se font elles de fa on r currente sur une m me page e Recherches au sein du site par moteur de recherche interne les r sultats renvoy s sont ils pertinents Quels sont les mots clefs utilis s En cas de recherche r cur rente il est envisageable de remettre en cause l acc s la page correspondante le lien n est il pas assez visible ou pas assez direct e Diff renciation du comportement d un utilisateur qui revient apr s avoir d j visit V application utilisation de cookies pour tracer un utilisateur unique e Observation de s quences de pages laissant penser que l utilisateur a atteint un but p ex remplissage de formulaires successifs Les valuateurs seront cependant attentifs au fait que plusieurs m canismes faussent le contenu des donn es d usage Le premier m canisme est le principe de cache qui masque cer tains affichages de page et donc fausse le nombre de visites trac es c t serveur En effet pour chaque page t l charg e une copie est enregistr e en local dans le cache Lors de la deuxi me http www google com analytics fr FR dernier
49. le de navigation et les wireframes de page satis font les besoins qui ont t recueillis il les pr sente au client pour obtenir sa validation L enchainement d crans est pr sent au client chaque page pr sentant le wireframe personna lis pour la page et les liens sortants associ s 4 des l ments de la page Le client discute de cette solution et demande ventuellement a ce que des modifications y soient apport es Les modifications peuvent tre profondes dans le cas o face la proposition de l analyste le client r alise que des besoins ont t omis ou mal exprim s Toute demande de modification implique un retour pour l analyste l tape de proposition d interface Si aucune modification n est demand e et que le client est satisfait la sp cification fonctionnelle est termin e elle est suivie de l tape de maquettage interactif en XHTML sur la base du squelette g n r par l outil eGo vIPM du mod le de navigation et des wireframes de page 4 1 3 D veloppement Ajouter des patrons de nature diff rente au catalogue permettrait de couvrir d autres pha ses du processus de conception En l occurrence des patrons de composants de base int grant des fragments de code comme fourni par le StyleGuide cf 3 4 permettraient de fournir un support concret la phase de D veloppement En l tat actuel d avancement de notre m thode la contribution la phase de d veloppe ment
50. n est pas Pas du tout d accord parce que ce que je vais proposer je vais le tenir l il mais le reste Si ce n est pas moi qui m en occupe forc ment je ne vais pas m en sentir responsable Ce n est pas pour autant que je ne me sentirai pas int ress Sujet 3 le 16 avril 2008 Je me sens responsable de l volution du contenu du StyleGuide si le Style Guide n volue pas il ne sera plus utilisable Sujet 4 le 17 avril 2008 Sugg rer un ajout de guideline m a sembl plut t gratifiant si on y passe du temps autant que a serve aux autres Sujet 6 le 17 avril 2008 J ai trouv gratifiant de sugg rer un ajout de guideline c est sympa de pouvoir aider Je me sens responsable de l volution du contenu du StyleGuide parce qu on est en premi re ligne dans un sens Sujet 7 le 15 avril 2008 Faire voluer le contenu du StyleGuide c est pas mon boulot la base sourire en tous cas on a aussi d autres choses faire Le fait qu on puisse proposer des choses a me parait logique parce qu on est parfois confront des situations parti culi res dans les projets mais je ne me sens pas responsable du StyleGuide pour autant Sujet 8 le 15 avril 2008 Tous les sujets interrog s pensent que leur exp rience et leurs connaissances servent a leurs coll gues et ont de ce fait trouv gratifiant de proposer d ajouter un
51. nous pouvons tirer les conclusions suivantes quant aux hypoth ses mises dans la section 5 3 128 Hyp 1 le StyleGuide et un formalisme de description de la structure hyper texte p ex SWC sont utilisables et ont un pouvoir expressif satisfaisant pour la conception d interface L utilisation du StyleGuide est tr s marginale au profit des formes Visio mieux connues des analystes rencontr s L utilisabilit de State WebCharts comme formalisme de mod lisation de la navigation est ind niable pour ces sujets familiers du langage StateCharts Quant au pouvoir d expression fourni les analystes l estiment correct pour une sp cification destination des d velop peurs moyennant des annotations sur le mod le de navigation int grant les l ments d interface d clencheurs de transitions Hyp 2 les wireframes de page et le mod le de structure hypertexte aident au consensus Ce point est valid par les suggestions pertinentes et pr cises sur les pro ductions talon pr sent es aux sujets La culture en utilisabilit des sujets s av re de bonne qualit les conseils qui leur ont t d livr s par le centre de comp tences en utilisabilit sur des projets pr c dents sont m moris s et int gr s Hyp 3 le StyleGuide favorise la r utilisation de la connaissance issue d exp riences de conception Les probl mes de conception couverts par le Style Guide ne sont pas cern s par les sujets ce qui con
52. pour que les liens principaux soient toujours a dispo sition de l utilisateur Un tri de liste permet le classement d l ments pour une recherche ou une s lection efficace e Entr es de l utilisateur Un formulaire de contact permet l utilisateur de transmettre une remar que ou une question l quipe de maintenance de l application ou directe ment l institution associ e l application Un formulaire de d claration offre la r alisation d une t che en une seule page Une page d identification permet l utilisateur de s identifier pour acc der aux t ches ou informations que l application lui propose Une tape d assistant fait partie d une proc dure r aliser en plusieurs ta pes e Un guidage est offert pour le remplissage de formulaire donnant des informations sur les formats de donn es attendus et les erreurs de saisie 3 3 3 Synth se Les concepteurs de SmalS m me non pourvus de moyens formels de gestion de la com p tence en mati re de conception capitalisent les efforts fournis sur d anciens projets pour les projets en cours des fragments d interfaces identiques sont ainsi rencontr s au fil des applica tions Certains sont plus pertinents que d autres du point de vue de l utilisabilit de l application certaines inclusions sont notamment de mauvais aloi du point de vue graphique Le Les statistiques pr sent es dans ce t
53. s plus tard que telle transition est activ e lorsqu un l ment du menu est cliqu Quant au signalement des parties de l interface qui composent un cran dont le niveau de granularit est peu pr s celui de nos Composants de base cela peut tre indiqu sur un wireframe compl mentaire o les diff rentes composantes d un cran de l application sont iden fi es Ce wireframe particulier pourrait galement faire figurer les objets manipul s sur la base du mod le de donn es entit relation r alis La Figure 56 ci dessous repr sente une bauche de ce type de wireframe tel qu il pourrait tre annot dans le cadre de l tude de cas de la cantine de Goville pour la gestion des repas cf 4 2 Les sp cifications en mati re de contenu y apparaissent clairement le contenu g n r dynamiquement est mis en avant sa loca lisation son apparence mais aussi la partie de la base de donn es qui permet de le r cup rer Si Parent Enfanti est y g Si Parent Enfant2 est inscrit Repas Date 1 inscrit Repas Date Si Parent Enfant1 et Parent Enfant2 sont inscrits Repas Date op up Ouverture d un p de modification Figure 56 Wireframe d identification des composants des crans du site Web de la cantine de Goville 132 6 eGovIPM un outil de support a la m thode Pour une int gration guid e et efficace de la m thode pr sent e dans le chapitre pr c d
54. sa fa on mais il y a quelque chose qu on suit et tout le monde plus ou moins fait ce qui lui pla t sur cette base Sujet 2 le 16 avril 2008 Le StyleGuide am liore la coh rence au niveau des applications qu on fait Puis qu on travaille toujours plus ou moins pour les m mes clients donc Sujet 4 le 17 avril 2008 Le sujet 2 appr cie de savoir par avance de fa on formalis e et illustr e ce que pr conise le centre de comp tences en utilisabilit Ce m me sujet voque la standardisation comme avan tage du StyleGuide il parle de fa on positive d un cadre fortement guidant pour tous les concepteurs Le sujet 4 fait preuve d un grand recul vis vis de l utilisabilit des applications d e Gouvernement avec une allusion la coh rence entre interfaces d une application l autre Guidage Les sujets rel vent un guidage fort appr ci dans les toutes premi res tapes de la r alisa tion de leurs wireframes le StyleGuide leur donne alors des r ponses tr s concr tes en particu lier dans le choix des l ments d interface utiliser ou dans la disposition de ces l ments dans la page Le principal avantage du StyleGuide c est le support pour la conception d interfaces par exemple parfois comment mettre les choses sur l cran Quelles est la meilleure fa on de mettre tel ou tel truc sur l cran Sujet 1 le 15 avril 2008 Le principal ava
55. saisir commenc e et ventuellement encore adapterles donn es de travailleurs d j remplies ou si vous avez choisi de commencer une d claration sur base des donn es du trimestre pr c dent Nom Pr nom NISS Statut Mani res Action De Cock Maarten 770319 249 43 E Non compl t Eerdekens Jan 790512 149 21 E Non compl t Gistelinck Katrien 750507 060 79 E Non compl t Poppe Thomas 771122 36191 Y wi Non compas Y Tilman Michel 591005 049 43 E Non compl t Simplifi e RGO Modifiar la c lartian Figure 93 Tableau de bord de l application de DmfA capture d cran r alis e en octobre 2006 Filtrage de liste Lorsque une liste d l ments est diffus e l utilisateur une fonctionnalit de filtrage permet d all ger le volume d l ments affich relativement au souhait de l utilisateur La s lection d un ou plusieurs l ments est ainsi facilit e et l utilisateur vite les oublis dans cette s lection et dans les actions cons cutives La liste de travailleurs tran gers de la Figure 94 peut ainsi tre filtr e suivant l entreprise belge qui les emploie fr de en Hulp Stuit meldingsplicht M e d i n g S p j C ht Yevgeni Popov afmelden buitenlandse werknemer zelfstandige Startpagina Historiek Recente declarationSessions J Meest recente declaration sessions 15 meldingen gevonden volgende 5 Nummer Werkgever Belyische gebruiker Periode tewerkstelling 8 amp
56. t 1995 Sunagawa Eiichi Kouji Kozaki Yoshinobu Kitamura et Riichiro Mizoguchi 2006 Role Or ganization Model in Hozo Dans Managing Knowledge in a World of Networks 67 81 Podebrady R publique Tch que Springer Berlin Heidelberg 2 6 Octobre 2006 Suomi fi 2007 Taxonomy for Finnish services http demo seco tkk fi suomifi amp m 0 amp g amp l en Tambouris Efthimios Stelios Gorilas Gregory Kavadias et coll 2004 Ontology enabled e Gov service configuration an overview of the OntoGov project Dans Knowledge Man 160 agement in Electronic Government KMGov Krems Autriche Springer Berlin 17 19 Mai 2004 Tarby Jean Claude 1993 Gestion automatique du dialogue homme machine a partir de sp ci fications conceptuelles Th se de doctorat de l Universit Toulouse 1 France Tarby Jean Claude et Marie France Barthet 1996 The DIANE method Dans CADUI 95 124 Namur Belgique 5 7 Juin 1996 Tardieu Hubert Arnold Rochfeld et Ren Colletti 1983 La m thode Merise Tome 1 Princi pes et outils Paris France Editions d organisation Tidwell Jenifer 2005 Designing interfaces Sebastopol California USA O Reilly Tombelli Richard 2003 Usability guidelines for e Government applications Rapport d tudes Michigan USA Department of Information Technology Juin 2003 http www michigan gov documents Usability_guidelines_2003v1_72381_7 pdf Troyer Olga De Sven Casteleyn et Peter
57. uds de type CompositeState cf Figure 64 elle commande un traitement syst matique pour les fils de ces n uds diff ren ciant les fils e Dont l attribut initial est vrai la r gle correspondant leur nature est ex cut e avec le param tre init e De type StaticState il s agit des n uds repr sentant une page de l encha nement d crans La r gle concernant les n uds de type StaticState est ex cut e avec le pa ram tre page e De type EndState il s agit de l tat final du mod le de navigation La r gle concer nant les n uds de type EndState est ex cut e avec le param tre page lt xml version 1 0 encoding UTF 8 gt lt xsl stylesheet xmins xsl http www_w3 org 1999 XSL Transform xmins egovipm http liihs init fr swceditor version 2 0 gt lt xsl output name html method html indent yes doctype public W3C DTD HTML 3 2 Final EN gt lt xsl template match egovipm Swc gt lt xsl apply templates select egovipm CompositeState gt lt xsl template gt lt xsl template match egovipm CompositeState gt lt xsl apply templates select egovipm initial true mode init gt lt xsl apply templates select egovipm StaticState mode page gt lt xsl apply templates select egovipm EndState mode page gt lt xsl template gt Figure 64 Extrait du fichier de transformation XSLT Feuille de style en cascade 141 Ainsi l ensemble
58. utilis par une trentaine de personnes depuis fin 2007 dans le cadre de projets pilotes puis de projets classiques Il en est toutefois encore un stade o le contenu aussi bien que la forme voluent norm ment une version stable dans sa forme aura t d ploy e pour la fin de l t 2008 L instabilit du StyleGuide nous a fait carter une inspection heuristique en profondeur C est toutefois par le biais d une inspection informelle du StyleGuide que nous avons abord l valuation certains probl mes d utilisabilit ont t relev s qui ont guid la formulation des sc narios de l valuation Une analyse statistique de donn es d usage ne convenait pas ce syst me encore jeune la majorit des activit s relev es auraient t des activit s d exploration d apprivoisement de l outil Peu de personnes ayant utilis le StyleGuide dans leur activit r elle de travail les don n es statistiques n auraient pu tre exploit es De plus plusieurs versions du StyleGuide sont utilis es en parall le ce qui emp che de relever des statistiques d usage pertinentes Nous avons toutefois mis en place un questionnaire portant sur des donn es d mographiques pour s lec tionner les sujets que nous rencontrerions Vu le faible nombre de r ponses tous les sujets ont t valu s Toutefois le StyleGuide a atteint une maturit et un volume de contenu suffisants pour que des valuations bas
59. 04 oct 2006 2006 000881 SMALS MVM ASBL Silencieux SSA dossier en suspens 765 04 oct 2006 2006 000883 SMALS MVM ASBL Silencieux SSA dossier en suspens 765 04 oct 2006 2006 000883 SMALS MVM ASBL Silencieux SSA dossier en suspens 765 04 oct 2006 SMALS MVM ASBL Silencieux SSA dossier en suspens 200 04 oct 2006 2006 000888 SMALS MVM ASBL Silencieux SSA dossier en suspens 200 04 oct 2006 2006 000893 SMALS MVM ASBL Silencieux SSA dossier en suspens 106 05 oct 2006 2006 000893 SMALS MVM ASBL Silencieux SSA dossier en suspens 106 05 oct 2006 34 l ments trouv s affichage de 1 16 Premier Pr c dent 1 2 3 Suivant Dernier Figure 89 Liste d l ments sur l application iBoss capture d cran r alis e en octobre 2006 Liste de t ches r aliser Cette page aiguille l utilisateur dans le choix de la t che qu il va accomplir avec l application Dans le cas d applications destination de professionnels de l administration comme dans la Figure 90 le volume de dossiers la charge de l utilisateur appara t d s que l utilisateur s est identifi Il a ainsi une vue d ensemble sur la quantit de dossiers traiter et plus pr cis ment sur les t ches r aliser avec chacun selon leur tat d avancement Dans le cas d une application destination de citoyens p ex d claration de revenus une telle page peut faire office d aide m moire et agir en incitation la r alisatio
60. 1 G Pas de cantine 5 Aucun enfant inscrit Jules est inscrit tit Take a look at the patterns catalogue This screenflow pattern dashboard This page pattern tasks set Figure 69 Page XHTML g n r e pour la Gestion des repas 6 4 PERSPECTIVES L outil eGovIPM offre un support la sp cification de la navigation d une application d e Procuration sur la base d enchainements d crans reconnus comme tant de bonnes prati ques de conception dans le domaine Il offre aussi un moyen rapide de produire un squelette de l application pour favoriser la communication de l analyste avec le client mais aussi avec l quipe de d veloppement L utilit et l utilisabilit de l outil eGovIPM pourraient tre consi d rablement am lior es par les extensions suivantes e Ajout des enchainements d crans la palette les enchainements d crans sp cifi s comme g n riques dans notre catalogue de patrons peuvent tre combin s dans les applications complexes de type portail cf 4 2 2 Aujourd hui seul Venchainement d crans Login appara t dans la palette d objets pouvant tre 145 ajout s un mod le de navigation les autres enchainements d crans doivent pou voir tre ajout s de m me Int gration de tous les encha nements d crans du catalogue comme sp cifi dans Annexe F le patron Gestion de dossiers n est pas couvert
61. 3 Fiter De werkgeversnaam Solid Construct NV 12 09 2006 30 11 2006 2 la De werkgeversnaam Amplexor 12 09 2006 30 11 2006 1 la De werkgeversnaam Solid Construct NV 12 09 2006 30 11 2006 2 Figure 94 Liste d l ments pouvant tre filtr e sur l application Limosa capture d cran r alis e en octobre 2006 Recherche Lorsque des l ments sont stock s dans une base de donn es des attributs sont renseign s pour chacun d eux d finis conjointement par les d veloppeurs et les responsa bles ditoriaux Ces attributs sont porteurs de sens pour l utilisateur leur valeur est un moyen de faire r f rence un ou plusieurs objets de la base Une recherche selon ces attri buts permet l utilisateur d obtenir un ensemble d objets de caract ristiques sp cifiques comme par exemple pour la Figure 95 un ensemble d enqu tes concernant une entreprise donn e 183 Annexe B Pages r currentes Actions initiales Bienvenue Chantal BORLEE Accueil Aide Fr NI Ajouter une enqu te Suivi d une Recherche rapide via enqu te via l employeur concern via une personne enqu te Historique Num ro d enqu te D nomination Matricule ONSS I Num ro d entreprise BCE a I Num ro de caisse Rechercher l es enqu te s Effacer le s crit re s Nouvelle enqu te Figure 95 Recherche d l ments sur l application iBoss capture d cr
62. 3 1 2 Cycle de d veloppement et m thodes de conception employ s Le cycle de d veloppement suivi dans les projets dirig s par SmalS est sch matis sur la Figure 25 Il s agit d un cycle de d veloppement it ratif bas sur des prototypes basse puis haute fid lit pour la conception de l interface Lorsque le prototype atteint un stade satisfaisant pour les intervenants au processus de conception y compris les utilisateurs et les clients l application elle m me est impl ment e puis d ploy e Les tapes successives de ce cycle de d veloppement sont d taill es ci apr s COLLECTE DES BESOINS N Ta gt sie CD C2 mm C2 A u C1 n U1 n LEGENDE as Utilisateurs U1 n Utilisateurs 1 n ANALYSE DES BESOINS Besoins fonctionnels CD Client s C1 n Clients 1 n Besoins en contenu A Eu Cp Rene Besoins utilisateurs ZA M diateurs A Analyste S D Cp Chef de projet Demandes de modif O Re Responsable ditorial Nouveaux besoins _ Rd Responsable des G Re D CONCEPTION BASEE SUR PROTOTYPE ZA 3 CD d veloppeurs Cp Eu Re Rd C1 n Eu Experts en utilisabilit Au Assistance utilisateur TEST 7 R sultats Prototype de des teats je A dih Ca Equipe de d ve neras U1 n Eu utilisateurs EA loppement G Graphistes IMPLEMENTATION ET DEPLOIEMENT DE L APPLICATION D D veloppeurs Ebd Experts en base de SE Application UTILISATION ay a
63. Automatic Checkpoints Manual Checkpoints Status Errors Instances Status Warnings Instances Priority 1 1 1 y 11 53 Priority 2 3 16 VY 20 68 Priority 3 3 3 y 10 10 Priority 1 Checkpoints Collapse Section Top of Pane Top af Page Errors 1 tests 1 instances on page Expand Code Fragments Guideline Instances Line Numbers 1 1 Provide alternative text for all 1 94 images WY Wamings 11 tests 53 instances on page Expand Code Fragments Guideline Instances Line Numbers 11 fan image conveys important 12 55 59 70 81 92 94 97 information beyond what is in its alternative text provide an extended description if you use color to convey information make sure the 24 information is also represented 117 127 151 171 172 55 59 60 70 71 81 92 94 97 115 117 127 138 151 171 172 176 201 Figure 21 Extrait du rapport WebXACT de la page d accueil du site fran ais de signalement de changement d adresse le 24 d cembre 2007 https www changement adresse gouv ft dernier acc s 25 sept 08 50 2 5 3 Patrons d interface Un patron de conception est une solution un probl me de conception r current qui a t prouv e scientifiquement ou empiriquement sa validit a quoiqu il en soit t prouv e par la pratique et la communaut reconna t le bien fond de son raisonnement Cette solution se veut concr te et directement applicable un probl me rencon
64. Cependant nous insistons sur l importance des tudes de terrains pour prendre en compte les vrais besoins de diff rents inter venants dans le processus de conception Donc si la d marche globale de cette tude peut tre consid r e comme universelle les contributions que nous apportons dans cette th se sont volon tairement limit es aux applications d e Gouvernement sur lesquelles nous avons eu l occasion de valider nos hypoth ses CONTRIBUTIONS Ces travaux de th se concernent l introduction dans le milieu industriel d un catalogue de patrons d interface comme support la conception d applications d e Procuration ergonomi ques Nous avons valid en partie l acceptabilit de cette m thode en menant sur le terrain une tude valuative sur une m thode similaire la n tre d j en place depuis plusieurs mois dans l entreprise Nous avons op rationnalis notre m thode par un outil eGovIPM pour pallier aux probl mes de communication impr cise au sein d une quipe pluridisciplinaire telle que celles que l on rencontre en e Gouvernement Cet outil permet en effet en plus du guidage de la per sonnalisation des patrons d encha nements d crans de produire un support la discussion avec le client d un projet squelette de l application automatiquement g n r partir d un support qui lui peut tre transmis l quipe de d veloppement mod le de navigation StateWeb Charts Un
65. D s lors une application en plus d tre utile se doit d tre utilisable et le r le du concepteur est de s en assurer avant le d ploiement Pour r duire les co ts des modifications des travaux sont men s pour que l valuation puisse tre men e le plus t t possible dans le processus de concep tion sur des artefacts interm diaires pr mices de l application finale Cette exigence d utilisabilit vaut pour les applications interactives mais aussi pour les m thodes de conception Les concepteurs sont des utilisateurs de m thodes et celles ci doivent tre en ad quation avec leurs besoins et leurs aptitudes Ce travail de th se s attache tablir une m thode de conception pour des applications d e Gouvernement utilisables La m thode elle m me se doit d tre utilisable pour les concepteurs Cette section a pour but non de couvrir exhaustivement les m thodes d valuation de l utilisabilit mais d offrir un panorama des m thodes d valuation qui nous serviront nous assurer de l utilisabilit et de l acceptabilit de la m thode que nous proposons cf chapitre 5 2 4 1 Observation de faits provoqu s Dans la section 2 2 1 les m thodes d observation permettaient en amont de recueillir les besoins des utilisateurs et de pr voir les conditions id ales de d ploiement d un nouvel artefact Nous reprenons ici les m mes principes mais pour le cas d un artefact qui a d j
66. G CORRESPONDANCE ENTRE MOD LE STATEWEBCHARTS ET PAGE XHTML 211 ANNEXE H GRAMMAIRE DU FORMAT XML DE DESCRIPTION DES ENCHAINEMENTSD ECRANS nissan nsesgeisssieensnsesqeosssn ns ton asn des nen sense dede cs ass tosestess esse 212 1 Introduction L e Gouvernement abr viation de gouvernement lectronique s appuie sur les tech nologies informatiques pour proposer des relations m diatis es par ordinateurs entre administra tions et administr s les objectifs annonc s sont diminution des co ts meilleure circulation des informations am lioration des conditions d archivage personnalisation des services L informatisation de l administration publique par le biais des applications d e Gouvernement sert aussi am liorer l image des institutions en corrigeant la r putation d une bureaucratie lourde et opaque pour ses utilisateurs Le champ d application de l e Gouvernement est tr s vaste et virtuellement tous les sec teurs de l administration publique peuvent tre concern s Les avantages de l e Gouvernement sont aujourd hui reconnus dans le monde entier et sont exploit s par le biais d applications proposant des fonctionnalit s tr s diff rentes telles que e Diffusion d informations et de formulaires via une application Web p ex mise disposition de formulaires administratifs en Autriche e D mat rialisation de proc dures administratives via le Web p ex d claration de t
67. Lassila 2001 Plusieurs langages de description d ontologies existent pour permettre leur traitement informatique notamment les standards OWL Ontology Web Language W3C 2004b et RDF Resource Descrip tion Framework W3C 2004a e Une taxonomie classe formellement des concepts ayant des rapports hi rarchiques complexes p ex en e Gouvernement Suomi fi 2007 Les arbres de taxonomie tablis permettent d inf rer des caract ristiques d un concept sur l autre par des no tions d h ritages e Une carte heuristique permet de repr senter les connexions s mantiques entre les id es les liens hi rarchiques entre diff rents concepts intellectuels C est un pense b te que le concepteur organise par associations d id es de fa on tr s souple Cette technique est utilis e dans la gestion de projets comme support au brainstorming technique pouvant servir en amont de la mod lisation de domaine pour collecter les concepts formaliser aupr s de l quipe de conception Toutefois son manque de formalisme emp che une utilisation plus pouss e comme support la mod lisa tion des donn es e Le diagramme Entit Relation Codd 1970 permet une repr sentation des ob jets du domaine telle que pr sent e sur la Figure 14 Une entit est un objet abstrait ou concret du domaine caract ris par un ensemble d attributs Les entit s sont li es deux a deux par des relations ventuellement caract ris e
68. Le classement des patrons par granularit cf 4 2 2 est une mani re simpliste de pr sen ter aux concepteurs le type de probl mes de conception auxquels ils se r f rent La lin arit dans la conception n est en effet ni r aliste ni souhaitable les m canismes it ratifs permettent un affinement des propositions et autorisent une certaine souplesse dans la conception Une voie de navigation alternative la voie suivant la granularit des patrons doit donc tre fournie aux 94 utilisateurs du catalogue L tat de l art de l organisation des patrons de conception cf 3 2 avait mis en avant le fait qu une ontologie tisserait entre patrons des liens s mantiques forts Cela permettrait par un m canisme de navigation unique de proposer des liens entre patrons concernant les m mes l ments d interface ou bien apparaissant dans des circonstances similai res ou encore destin s au m me public La construction de l ontologie requiert une standardisa tion des termes employ s pour la d crire afin que des liens puissent tre tiss s par similarit L ontologie contiendrait des l ments qui ne figurent pas forc ment dans le catalogue Cela permettrait d viter la surcharge d informations sur le catalogue et de rendre les patrons du catalogue plus lisibles Cependant l information est stock e dans l ontologie et permet de tisser des liens entre patrons aux informations similaires ou d effectuer su
69. Murray Silverstein et coll 1977 A pattern language New York USA Oxford University Press Axelsson Karin et Ulf Melin 2007 Talking to not about citizens Experiences of focus groups in public e service development Dans EGOV 179 190 Regensburg Allemagne Springer Berlin Heidelberg 3 7 Septembre 2007 Axelsson Karin et Stefan Ventura 2007 Reaching Communication Quality in Public E Forms A Communicative Perspective on E Form Design Dans EGOV 342 353 Regensburg Allemagne Springer Berlin Heidelberg 3 7 Septembre 2007 Barna Peter Flavius Frasincar et Geert Jan Houben 2006 A workflow driven design of web information systems Dans 6th international conference on Web engineering 321 328 Pa lo Alto Californie USA ACM 12 14 Juillet 2006 Barsalo Ren 2004 Le d clic g n rationnel Conf rence pr sent e la Journ e de l infor matique du Qu bec 10 Novembre 2004 Qu bec Canada http www opossum ca jig2004 Barsalo ppt Barta Robert A et Markus W Schranz 1998 JESSICA an object oriented hypermedia pub lishing processor Computer Networks and ISDN Systems 30 no 1 7 281 290 Bastide R mi 1992 Objets Coop ratifs Un formalisme pour la mod lisation des syst mes concurrents Th se de Doctorat de l Universit Toulouse 1 France Bastien J M Christian et Dominique L Scapin 1995 Evaluating a user interface with ergo nomic criteria Int J Hum Comput Interact
70. Plessers 2008 WSDM Web Semantics Design Method Dans Web Engineering Modelling and Implementing Web Applications 303 351 Stanford CA USA ACM 11 12 F vrier 2008 UK e Government unit 2004 Guidelines for UK government websites illustrated handbook for web management teams Van der Aalst W M P et A H M Ter Hofstede 2002 YAWL Yet Another Workflow Lan guage Rapport technique Brisbane Australie Queensland University of Technology Van der Aalst Wil Arthur ter Hofstede Bartek Kiepuszewski et Ana Beatriz Barros 2003 Workflow patterns Distributed and Parallel Databases 14 5 51 Van der Veer Gerrit C Martijn Van Welie et Cristina Chisalita 2002 Introduction to Group ware Task Analysis Dans TAMODIA 32 39 Bucharest Roumanie INFOREC Publishing House 18 19 Juillet 2002 Van Duyne Douglas K James A Landay et Jason I Hong 2002 The design of sites Addi son Wesley Professional 22 Juillet 2002 http www designofsites com toc index htm some of the chapters are available Van Welie Martijn 2002 Patterns for designers Dans Patterns Workshop at CHI Mineapo lis Minnesota USA 20 25 Avril 2002 Van Welie Martijn et Gerrit C Van der Veer 2003 Pattern languages in interaction design structure and organization Dans Interact Z rich Suisse IOS Press 1 5 Septembre 2003 Van Welie Martjin 2007 Web design patterns http www welie com patterns Vanderdonckt Jean Guide ergo
71. SMALS MVM 10 eeg lt lt 123456789 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 gt gt Les applications d e Procuration requi rent la participation de l utilisateur en termes de saisie de donn es Qu il s agisse d un formulaire simple ou en plusieurs tapes et que ce formu laire soit destin recueillir les remarques de l utilisateur sur sa visite sur l application ou qu il soit destin r aliser une proc dure administrative sa pr sentation doit tre conforme aux apti tudes de l utilisateur L enjeu de l accessibilit de l application par le biais de tout quipement et toute personne se joue ici en grande partie Formulaire de contact L utilisateur via cette page peut envoyer un message l institution concern e par l application pour poser une question ou d poser une remarque concernant l application elle m me Dans le cas des applications du portail de la s curit sociale comme le montre la Figure 98 c est le centre d assistance l utilisateur interne SmalS qui est contact pour r pondre aux attentes des utilisateurs Ces contacts sont trac s pour d ventuelles mises jour des applications pour lesquelles des remarques r currentes se raient relev es 185 Annexe B Pages r currentes Home Contact Center Formulaire de contact Centre de contact attention Les entreprises ou administrations qui ont acc s Bienvenue au Centre de Conta
72. StateWebCharts et qu un exemple lui a t d crit en d tails Alors il est capable de le produire et en ayant le sentiment de fournir une documentation utile pour la sp cification de l interface Pour valuer cette seconde hypoth se l observation portera sur la conception d un mo d le State WebCharts sur le m me cas d tude que la premi re hypoth se Conserver le m me cas d un sc nario l autre permettra d voquer de fa on compl te les tapes de la sp cification de l interface Le r alisme du sc nario donnera encore l utilisateur l occasion de faire des ponts avec son exp rience quotidienne et d en faire part l valuateur Des entretiens permet tront de collecter des informations compl mentaires notamment quant la satisfaction subjec tive ressentie par l utilisateur au cours de la r alisation des sc narios Les facteurs observ s seront les suivants e La connaissance du formalisme StateCharts e Les habitudes en mati re de mod lisation de la structure hypertexte d une applica tion Web outils et formalismes utilis s informations repr sent es destinataires de ce mod le e L utilisation de tous les aspects du formalisme pr sent dans l exemple introductif tat parent tat initial tat final apposition de contraintes sur les transitions tat compos contenu de page dynamique versus statique e L avis subjectif du sujet quant State WebCharts in
73. Studio de conception et d valuation de sites Web avec une volont ergonomique Langage de d finition de recommandation 46 Tableau 2 Crit res de s lection d une m thode d valuation d application d e Gouvernement issu de Wood et coll 2003 ETAPE DU CYCLE DE VIE DU SITE WEB METHODE D EVALUATION DEVELOPPEMENT DEPLOIEMENT MAINTENANCE Test d utilisabilit Conception Web navigation accueil de l utilisateur fonctionnalit s Inspection experte ou heuristique vv vv Test en laboratoire d utilisabilit VYY vv Retours informels sur l utilisabilit v v Retours de l utilisateur Profil de l utilisateur informations d mographiques satisfaction utilisation et impact Enqu te interne mise disposition sur le Web 444 VV Enqu te externe mise disposition sur le Web v y Groupes de discussion Vv Vv VVV Enqu te diffus e a chelle nationale v vv vv Retour spontan d utilisateurs vv Vv Donn es d usage Pages vues nombre de visites visiteurs uniques recherches effectu es Analyse de donn es de log Web AA VVV Mesure de l audience du site Internet v vv vv Performance Web et Internet Temps de t l chargement d une page bande passante disponible latence perte de paquets v Vv Vv L GENDE Vv Vv tr s important vv important VY moins important Pas de marque non applicable ou non important En d pit de la difficult d analyse des donn es d usage collect es lors de la navigation des
74. Syst me Certains patrons concer nent toutefois ces deux l ments Chaque patron est d crit grace aux attributs suivants Pro bl me sous forme de question formul e du point de vue du concepteur Contexte Classifica tion Interface Utilisateur ou Syst me Avantages liste de raisons d appliquer le patron Solu tion Justification rationnelle Contexte en sortie Exemple liens vers des applications Web qui suivent les recommandations du patron Patrons associ s apparaissant dans ce m me catalo gue En Anglais design pattern Ensemble de patrons d utilisabilit pour le web 51 A pattern approach to interaction design Borchers 2000 Jan Borchers utilise le principe du patron pour capitaliser de la connaissance concernant la conception Partant de ce constat la m thodologie qu il met en place est p dagogique avec le but de rendre le concepteur d interface expert en IHM plut t que de diffuser des recommanda tions ou de standardiser les interfaces Ce travail rejoint ainsi l un des crit res d valuation de la qualit de patrons de Sally Fincher Fincher et Windsor 2000 selon lequel les patrons doivent proposer des solutions mais aussi sugg rer de nouvelles solutions venant r soudre d autres probl mes que ceux qui sont d j inventori s Le cas d tude de ce travail est la conception de bornes interactives utilis es dans un lieu public tel qu un mus e Plus particuli rement Worl
75. accord e l utilisateur dans le processus de conception les moyens offerts pour sp cifier l application puis pour valuer son utilisabilit seront tudi s plus particuli rement Les crit res voqu s pr c demment seront pr cis s et leur couverture par chaque m thode tudi e sera valu e e Le chapitre 3 pr sente l observation exploratoire que nous avons men e sur le ter rain d une entreprise de technologies de l information d di e l e Gouvernement en octobre 2006 L tude porte sur les activit s de conception et sur une analyse des interfaces des applications d velopp es par l entreprise e Le chapitre 4 propose une m thode de conception d interfaces pour le Gouvernement bas e sur des patrons Forte des observations r alis es dans le chapi tre 3 notre m thode se fonde sur les principes de standardisation et de capitalisation de la connaissance de conception particuli rement adapt s l e Gouvernement e Le chapitre 5 pr sente l valuation d une m thode de conception d interfaces bas e sur des patrons d velopp e et d ploy e en contexte industriel par l entreprise qui avait accueilli l observation exploratoire du chapitre 3 Une observation de faits provoqu s et des entretiens avec des analystes utilisateurs de cette m thode nous a permis de valider des hypoth ses de recherche 10 Le chapitre 6 pr sente outil eGovIPM que nous avons d velopp en guise de
76. application de DmfA capture d cran r alis e en octobre 12101016 RER EE EEEE EE EEE EE E DEN EE T S MUST leases 183 Figure 94 Liste d l ments pouvant tre filtr e sur l application Limosa capture d cran r alis e en octobre 2000 en A R ES ra 183 Figure 95 Recherche d l ments sur l application iBoss capture d cran r alis e en octobre AOI REEE E E E E E AAE TE 184 Figure 96 Navigation de service sur l application VDAB capture d cran r alis e en octobre 2006 re ner i E E OE E EA E Le AR Te eben BeBe cea cee eke 184 Figure 97 Liste d l ments pouvant tre tri e sur l application e Box capture d cran r alis e E e E T E S PEIEE TA E AAEN E I SLA I EER N E NN LO den 185 Figure 98 Formulaire de contact du portail de la s curit sociale capture d cran r alis e en octobre QOOGS PEE E te E T E N EAN A E A et este 186 Figure 99 Formulaire de d claration de l application e CreaBis capture d cran r alis e en v tobre 2000 eiie E A A OO EE EEG 186 Figure 100 Page d identification du portail de la s curit sociale capture d cran r alis e en octobre 2006 NEE E E N AENA E N Deceaaes ees 187 Figure 101 tape d assistant de l application Limosa capture d cran r alis e en octobre DOO uen th eA Ae I ose EE E TE EEE 187 Figure 102 Alerte sur des erreurs de saisie d un formulaire de l application iBoss capture d cran r alis e en octobre 2006 iii 188 Figure 103 Mod le State WebCharts tal
77. avec d ventuels sys t mes annexes 4 1 2 Conception La phase pr c dente cf 4 1 1 a sp cifi les besoins de l application relativement aux utilisateurs la proc dure d mat rialiser et aux donn es manipuler Dans la pr sente phase de Conception ces besoins sont exprim s en termes de conception d interface pages et struc ture hypertexte sont consid r s Notre m thode fournit un guidage pour ces activit s de concep tion d interface La conception de l interface commence avec la d finition de la navigation et continue avec la d finition des pages apparaissant dans le mod le de navigation Toutefois une fois cette premi re it ration franchie les deux activit s s entrem lent Il est conseill de garder un mod le de navigation toujours valable et de le mettre jour d s que n cessaire Il s agit du squelette de l application du fil entre les pages il pose le cadre g n ral et permet de conserver une vue d ensemble D o l int r t de le tenir rigoureusement jour pour qu il refl te la vision courante de application D finition de la navigation Le catalogue de patrons d interface dispose d une section Encha nement d crans qui pr sente les grandes familles d applications que l tude de l existant avait r v l es L analyste parcourt cette section la recherche de l encha nement d crans State WebCharts qui correspond la nature du
78. certains patrons d encha nements d crans n ont pas t rete nus dans cette premi re version de l outil eGovIPM est un plugin de l environnement Eclipse Eclipse 2008a qui guide le concep teur dans l instanciation de patrons dans le respect de contraintes d dition d finies cf 6 1 1 Le concepteur peut ensuite gr ce eGovIPM g n rer le squelette de l application dont il a sp cifi le mod le de navigation cf 6 1 2 6 1 1 Instanciation de patrons L instanciation de patrons d enchainements d crans consiste en la modification d un pa tron d encha nement d crans g n rique tel qu il est fourni dans le catalogue de patrons Les enchainements d crans sont formalis s gr ce State WebCharts Winckler et Palanque 2003 partir des encha nements d crans g n riques suivants pour la version de eGovIPM en date de juin 2008 e Tableau de bord e Assistant avec guidage fort e Assistant avec guidage souple e Assistant avec r capitulatif ditable 134 e Libre aucune contrainte n est associ e l dition de ce mod le Les modifications consistent en l ajout l dition ou la suppression d une page ou d une transition Les l ments sont ajout s depuis la palette qui est reproduite sur la Figure 58 neuf pages et un encha nement d crans peuvent ainsi tre ajout s un mod le en cours d dition Il est noter qu eGovIPM est u
79. code XHTML diffus s par le biais du StyleGuide pour la conception de ma quettes interactives cf 5 2 3 Un comit de direction articule ces composantes et valide les guidelines avant publication dans le StyleGuide il est compos d experts en utilisabilit de repr sentants du comit technique et d experts en analyse fonctionnelle Les utilisateurs du StyleGuide sont principalement des analystes fonctionnels et des d ve loppeurs d interface puis plus occasionnellement des graphistes et des responsables ditoriaux Le comit de direction est ici consid r comme un utilisateur de la m thodologie du StyleGuide quoique les taches qui les concernent soient des taches de maintenance du StyleGuide Les ta ches d utilisation du StyleGuide sont list es ci dessous et r sum es dans le Tableau 6 qui donne pour chaque cat gorie d utilisateurs la fr quence a laquelle ils r alisent cette tache Tableau 6 Matrice utilisateur t ches autour du StyleGuide Comit D veloppeur Responsable de direction Analyste d interface ditorial Graphiste du StyleGuide Consulter Wireframe rome E 7 Concevoir Fragment de code Commentaire Contribuer Proposer F 7 Mettre jour 3 Z L GENDE fr quences auxquelles un utilisateur r alise une t che relative au StyleGuide Tr s souvent Souvent Parfois
80. colonne par par exemple si c est l utilisateur ou le syst me qui interagit j ai un cadre qui sp cifie le scope O si il y a un syst me tiers externe Sujet 6 le 17 avril 2008 J utilise un m lange d UML et de ce qui me semble le plus clair Des diagrammes de s quence Donc a revient toujours au m me des carr s avec des fl ches C est surtout pour repr senter la chronologie des crans donc le flot et ajouter des informations suppl mentaires plus techniques Sujet 7 le 15 avril 2008 La norme dans l entreprise est d utiliser les diagrammes d activit s comme le d crit le sujet 6 D autres entretiens r v lent aussi l utilisation de diagrammes de classe ou entit rela tion pour mod liser les l ments de l interface en relation avec la base de donn es Les sujets 1 et 7 voquent la repr sentation du flot d crans dans leur activit quotidienne avec des forma lismes proches de State WebCharts D faut dans la repr sentation des donn es Les analystes interrog s sont ainsi dans leur activit quotidienne en charge de la sp cifi cation de la base de donn es et ils voquent l absence de sp cification des donn es dans le for malisme StateWebCharts Leur retour envers l quipe technique doit tre suffisamment cadr e pour que leurs besoins soient pris en compte lors du maquettage interactif puis de la conception de l application finale Ils p
81. d abord p ex pour une application d e Gouvernement un niveau national voire international et pour des raisons de repr sentativit ensuite Pour une application donn e le citoyen type est difficile 23 identifier et quand bien m me il serait identifi l int grer dans une quipe de conception serait insuffisant car il exclurait les autres cas particuliers d utilisateurs L animation de groupes de conception participative et la prise de d cision sont des activi t s tr s ardues Tous les intervenants doivent tre consid r s chacun avec les informations dont il dispose son jargon et son point de vue Jean Caelen Caelen 2004 pr conise l utilisation d outils d enregistrement des moments de conception coop rative et de m thodes de trac des d cisions de conception Ces derni res connues sous le nom de Design Rationale Gruber et Russell 1990 offrent un moyen de conserver une trace du raisonnement qui a guid les choix de conception d un syst me Les crit res ayant guid les choix sont list s pond r s et argument s pour qu une fois confront s les uns aux autres la d cision prendre s appuie sur eux de fa on coh rente et exhaustive Le trac des d cisions de conception d un syst me peut galement ser vir de documentation pour les projets de conception ult rieurs Des notations graphiques ac compagn es d outils d dition existent pour rendre cette activit de tra ag
82. d erreurs lors de la r alisation des t ches pr vues par le site Les t ches r alis es par le biais du StyleGuide tant des activit s de travail quotidiennes l ad quation du StyleGuide leurs habitudes de tra vail est primordiale L acceptabilit d une telle m thode doit tre valu e galement toute m thode de travail son d ploiement n cessite une phase d adaptation et requiert des efforts de la part de l utilisateur Ces efforts sont ils r compens s de fa on intrins que p ex acc l ration de la conception de wireframes et extrins que p ex sentiment gratifiant de voir ses exp riences partag es via le StyleGuide Quoique des remarques puissent tre recueillies ce sujet de fa on annexe le contenu du StyleGuide lui m me ne sera pas valu En effet notre travail porte sur les moyens de mise disposition de connaissance ergonomique pour la conception d interface d e Procuration pas sur la connaissance ergonomique elle m me En revanche nous profitons de la rencontre avec des concepteurs d interface pour valuer l utilit et l utilisabilit du formalisme StateWebCharts 100 et discuter avec eux de la place de la mod lisation de la structure hypertexte dans leurs activit s de conception Le possible positionnement de StateWebCharts comme plateforme commune de communication au cours de la conception est discut galement 5 1 3 M thodes utilis es Le StyleGuide a t
83. de carte d identit lectronique Dans la mesure o elle ne n cessite pas l envoi d un identifiant par l administration au pr alable la carte d identit lectronique est privil gi e pour les d mar ches titre civil de fa on volontaire et ponctuelle Elle contient un certificat permettant l authentification de l utilisateur et un autre pour la signature lectronique Vous avez le choix de vous identifier d une des deux mani res suivantes soit en utilisant votre user ID mot de passe et token citoyen re u via votre enregistrement sur le site www belgium be s E Identification par token soit en utilisant votre carte d identit lectronique en cliquant sur le lien ci dessous Identification par carte d identit lectronique Plus d informations sur la carte d identit lectronique Figure 100 Page d identification du portail de la s curit sociale capture d cran r alis e en octobre 2006 tape d assistant Lorsque plusieurs tapes sont effectuer pour r aliser une proc dure un assistant guide l utilisateur travers ces tapes Chaque tape pr sente une forme similaire pour aider l utilisateur se rep rer Le titre de la proc dure appara t tout au long des tapes et est construite de pr f rence autour d un verbe d action correspondant au but de la proc dure En bas de page les boutons Pr c dent et Suivant lui permettent de naviguer pas a pas
84. de l valuateur il n aurait pas pu remplir le formulaire de suggestion Cette remarque doit faire l objet d attentions faute de quoi l analyste abandonnera cette t che en particulier s il manque de temps Les sujets 4 et 8 soulignent que le nombre d informations remplir est trop important que certaines informations les d passent et ce alors que l valuateur a bien pr cis que la plupart des champs taient facultatifs 125 5 5 4 R alisation de mod les State WebCharts Pertinence de la repr sentation de la structure hypertexte Tous les sujets repr sentent la structure hypertexte de l application Web dans leurs activi t s quotidiennes de conception et s accordent dire que cette repr sentation aide voir l application dans sa globalit Les analystes interrog s sont galement responsables de la sp ci fication des donn es de l application Des outils m thodologiques sont impos s par l entreprise mais leur laissent une marge de man uvre plusieurs analystes reconnaissent d ailleurs utiliser une notation maison On fabrique un state diagram ou quelque chose d approchant Pas de diff rence entre les tats statiques et non statiques mais du reste c est un peu comme Sta teWebCharts Sujet 1 le 15 avril 2008 a ressemble un diagramme d activit s avec des annotations en plus des pr conditions ce genre de choses En g n ral je fais une
85. dede Le can vont eee en MUR R En eus said tea tag done dre Rene RSR ne Red Rte a 109 54 TUDEEVALUATIVE Re ae ap cacti aaa tons aa Ta RA den med aneae alerts 110 5 4 1 Utilisateurs et contexte de l valuation ss 110 5 4 2 Pr questionnaire iieri risiveri eerie ironie sin aie ti eiai 111 5 4 3 Mat riel de l valuation siennes 111 5 4 4 Sc narios observ s rennes sense 112 5 5 R SULTATS nt Pan dee ni scares esa nan nl a av cdc vac atv ck eed daa ctoaw E Au 115 5 5 1 Pr questionnaires sise 115 5 5 2 Utilisation du StyleGuide et des formes Visio associ es 116 5 5 3 Perception du StyleGuide sisi 123 5 5 4 R alisation de mod les StateWebCharts ses 126 5 6 INTERPR TATION ET PERSPECTIVES rene 128 5 6 1 Optimisation du StyleGuide ss 129 5 6 2 Bilan et perspectives pour notre m thode 131 EGOVIPM UN OUTIL DE SUPPORT LA M THODE see 133 6 1 SPECIFICATION DES FONCTIONNALIT S ee 134 0 11 ANSTANCIALION d DALTONS eaae dirt ares ha ata desis sa hed fa caasscnensds defense nets 134 6 1 2 G n ration d un squelette de l application 137 6 2 TECHNOLOGIES UTILIS ES 5380 prise isre nan ieii Tetesi ere narai ns intense 138 0 21 Archuecture logici lle risina aaa RA ESRA SEEE RI NE ESINES 138 6 2 2 dition de mod les State WeEDCNALES cc scccsssssssssssssssssssssssssssssssssssssssssssssessesessssscsesscssesesses 139 6 2 3 G n ration du squelette de l application 140 6 3 SC NARIO
86. des acc s directs l interface personnalis e pour les autres r les voir la Figure 79 Le mod le SWC de cet encha nement d crans est pr sent sur la Figure 80 Gestion de r les Identification par login ou points d entr e Application Application version 1 Application __ version n version 2 Figure 80 Mod le SWC de l encha nement d crans Gestion de r les ARCHITECTURE HUB AND SPOKE Une architecture hub and spoke litt ralement centre et rayon d signe traditionnel lement un r seau de postes informatiques connect s entre eux via un noeud central Un tel en cha nement d crans d signe un comportement de navigation o plusieurs fonctionnalit s sont offertes l utilisateur comme autant de tunnels dans lesquels il entre r alise des op rations puis sort la fin et retourne au point de d part Contrairement la s quence Gestion de dos siers tudi e ci dessus la r alisation d une op ration bloque les autres op rations l utilisateur peut bien s r r aliser plusieurs op rations mais les unes apr s les autres pas en parall le E QuitterlaDmfa G tifi comme Demoliser Demo Company DmfA 2003 1 No de ticket 1234567890 Jan Eerdekens NISS 79051214921 Jan Eerdekens Aper u de la qualit du travailleur si vous souhaitez ajouter une qualit choisissez alors qualita Si vous souhaitez ajouter une occupation choi
87. des noeuds fils du noeud racine Swe seront trait s en cascade et de fa con syst matique Des r gles commanderont ainsi la cr ation de fichiers XHTML d autres Vaffichage d un texte r actif correspondant un lien sortant d une page etc jusqu composer l ensemble des pages XHTML du squelette de application Saxon Kay 2008 est le moteur qui d clench depuis Eclipse ex cute effectivement la transformation XSLT Un fichier CSS Cascading StyleSheet W3C 2008d est li chacune des pages XHTML g n r es pour composer leur apparence graphique 6 3 SC NARIO D UTILISATION DE L OUTIL EGOVIPM Nous illustrons ici l utilisation d eGovIPM en reprenant l tude de cas fictive utilis e comme support au sc nario d utilisation de la m thode cf 4 4 la conception du site Web de la cantine de l cole de Goville 6 3 1 Edition du mod le de navigation Le mod le de navigation avait d j t pr sent lors de l illustration de la m thode que nous proposons cf 4 4 1 Il est reproduit sur la Figure 66 Pour l obtenir voici la s quence d actions qu a r alis e l utilisateur d eGovIPM en charge de la conception de la navigation du site Web de la cantine de Goville Dashboard Identification login OK LS Tasks set User logged in Warning before exit Contact form Figure 65 Mod le State WebCharts de l encha nement d crans g n rique Tableau de bord
88. disponibles Des travaux acad miques ont toutefois tabli des protocoles d observation des activit s de conception en e Gouvernement dans un cadre exp rimental de conception en quipe Halstead Nussloch et coll 2003 Le faible volume d informations disponible sur les activit s r elles de conception en e Gouvernement a nourri notre besoin d une observation sur le terrain L observation exploratoire des activit s de conception chez SmalS s est d roul e durant quatre semaines en octobre 2006 L objectif tait de compl ter notre tude th orique de la conception centr e utilisateur en e Gouvernement par des donn es concr tes issues de la conception en milieu industriel Ce s jour a ainsi t l occasion de collecter des tudes de cas r elles et d observer les activit s de concep tion coordination des activit s m thodes et outils utilis s Notre s jour chez SmalS a co ncid avec les d buts de la mise en place d un outil de sup port la conception centr e utilisateur le StyleGuide Le centre de comp tences en utilisabilit de SmalS avait observ plusieurs caract ristiques dans les activit s de conception qui laissaient penser que les m thodes employ es taient perfectibles e Qualit in gale des interfaces produites en termes d utilisabilit e Utilisation marginale par les concepteurs des recommandations ergonomiques mi ses leur disposition par l interm diaire des f
89. donn es d une tape sont d pendantes des donn es des tapes pr c dentes Lorsque cette interd pen dance entre donn es d tapes successives est moins forte mais que les concepteurs souhaitent tout de m me fournir un guidage l utilisateur qu il conserve une repr sentation des donn es saisies comme tant fournies dans le cadre d une proc dure s quentielle un assistant avec gui dage souple peut tre propos cf Figure 72 lors de l dition du r capitulatif un retour en arri re est propos vers tape modifier suivi d un retour direct au r capitulatif sans repasser par les tapes suivant l tape modifi e Lorsque les donn es saisies sont En Anglais Wizard http www limosa be dernier acc s 24 mars 08 170 Annexe A Encha nements d crans r currents totalement ind pendantes d une tape sur l autre l assistant avec r capitulatif ditable est pr f rable pour des modifications directes cf Figure 73 Ces deux derniers sch mas de navigation si possible sont privil gier pour les utilisateurs r guliers d une application notamment dans un cadre professionnel la souplesse de l application a alors plus d importance que le guidage Assistant avec guidage fort dition Liste y 1 1 d informations tape n p R capitulatif 1 1 1 rassembler Accus de Avertissement reception 4 avant sortie F
90. dont il faut s inspirer n gatifs des exemples de mauvaise impl mentation o les recommanda tions ne sont pas suivies o le rationnel n est pas respect e Ressources externes des r f rences pr cises vers des ressources ayant nourri la r flexion de l analyste durant le projet o ce guideline a t impl ment e Prototype un wireframe g n rique pour l utilisation de ce guideline la forme sous laquelle il pourrait apparaitre dans Visio Ce sc nario permet de valider l hypoth se 3 cf 5 3 3 qui concerne la possibilit pour un utilisateur du StyleGuide d en sugg rer l volution Au cours de ce sc nario il est demand au sujet comment en situation r elle d utilisation du StyleGuide il se rend compte de l absence d un guideline dont il a besoin quels indices lui font r aliser que toute recherche suppl men taire sera vaine Il est demand ensuite au sujet d valuer la facilit avec laquelle il a accompli cette proposition d ajout de guideline la satisfaction et la fiert qu il en a tir es Puis il est de mand de r fl chir en conditions r elles de l acceptabilit d une telle activit et ventuelle ment des modalit s qui rendraient ce sc nario plus acceptable aupr s des coll gues du sujet et de ses clients 5 5 R SULTATS Les r sultats de cette valuation sont pr sent s ci apr s avec d abord des remarques for mul es sur les donn es recu
91. et d j utilis en conditions r elles L opportunit d observer et de nous entre tenir avec les utilisateurs du StyleGuide tait un moyen d ouvrir des pistes pertinentes d am lioration pour notre m thode En retour de cette opportunit un rapport d utilisabilit avec des propositions d volution serait remis 4 SmalS 5 1 2 Objectifs Une valuation du StyleGuide a t mise en place dans le but de valider les hypoth ses de nos recherches tout en fournissant un retour d exp rience a SmalS sur les cons quences du d ploiement du StyleGuide L objectif principal est l am lioration du StyleGuide tel qu il existe tirant de ce fait des le ons pour un d ploiement optimal de notre propre m thode L valuation de l utilisabilit du StyleGuide et le rep rage ventuel de probl mes d utilisabilit permettent ainsi dans un premier temps de corriger des erreurs pour am liorer les conditions d usage des utilisateurs Le StyleGuide doit d abord fournir toutes les qualit s de bonne utilisabilit requises en tant qu application Web Si l on applique la d finition de l utilisabilit de Jakob Nielsen Niel sen 1993 au cas particulier d une application Web l utilisabilit est d termin e par la satisfac tion de l utilisateur la facilit d apprentissage la capacit pour le visiteur de se souvenir d une organisation et de ses fonctionnalit s l efficacit la performance et la probabilit
92. et des formes Visio associ es Nous avons ainsi affaire une population d analystes le seul sujet non analyste ayant une exp rience d analyste de plusieurs ann es en poste chez SmalS depuis 21 mois en moyenne mais avec peu de recul sur le StyleGuide 115 Le caract re novice des sujets engage a la plus grande prudence quant l interpr tation des r sultats de l valuation L valuation portera en quelque sorte sur leurs premi res impressions de la m thode Cela ne manque pas d int r t notamment en ce qui concerne l valuation de la facilit d apprentissage de la m thode mais cela implique un s rieux biais dans valuation de sa r elle appropriation C est la raison pour laquelle nous ne propose rons qu un r sum approximatif des variables d valuation cf Tableau 8 mais accorderons une grande place la restitution des entretiens Des statistiques num riques seraient peu perti nentes compte tenu du faible nombre de participants En revanche les extraits d entretiens conservent tout leur int r t m me avec peu de sujets Nielsen et Landauer 1993 pour d tecter la majorit des probl mes d utilisabilit Compatibilit et utilit ressenties comme bonnes Tous les sujets ayant r pondu au questionnaire pensent qu ils ont les comp tences n ces saires pour utiliser le StyleGuide Tous savent qui demander conseil pour d ventuels probl mes d usage bien qu ils n
93. et des perspectives de d veloppement de l outil sont pr sent es cf 6 4 Back to index Cantine de Goville Gestion repas enfantl Description Wireframe of this page page type form_page Outgoing links Remplissez ce formulaire afin de objectif du formulaire valider annuler gt Gestion des repas Les champs marqu s d un ast risque sont obligatoires Available for all pages of Cantine de Goville screenflow se deconnecter gt Identification _ vers ecole gt Ecole external link Titre du 1 groupe de champs Label de champ obligatoire Label de champ obligatoire Label de champ facultatif Titre du 2 groupe de champs Labelidachampiobligatoire sd Uabeldechampobligatoire CS Label de champ facultatif pm Vatiner ANNULER itty Take a look at the patterns catalogue This screenflow pattern dashboard This page pattern form page Figure 57 Exemple de page XHTML g n r e par l outil eGovIPM 6 1 SP CIFICATION DES FONCTIONNALIT S Notre catalogue de patrons met disposition des enchainements d crans g n riques pour l analyse fonctionnelle en e Procuration L outil eGovIPM offre un support la personnalisa tion de ces enchainements d crans La couverture du catalogue par l outil eGovIPM est consi gn e dans l Annexe F il y figure l ensemble des patrons qui sont support s par l outil et les raisons techniques pour lesquelles
94. formel n est op r sur ces donn es ce jour et notre connaissance 3 2 ANALYSE DES BESOINS AU VU DES SOLUTIONS EXISTANTES L analyse des interfaces des applications existantes a r v l la pr sence r currente d encha nements d crans et de pages Une proc dure de standardisation des interfaces serait un moyen efficace de garantir l utilisabilit des applications d e Procuration en incitant les concepteurs r utiliser seulement les bonnes pratiques de conception Pontico Winckler et Limbourg 2007b La standardisation garantirait des solutions pr tes l emploi et utilisables plus s rement que par le biais des recommandations ergonomiques telles que celles actuelle ment fournies par les organismes de l gislation en mati re d e Gouvernement Un gain de temps pour les entreprises s ajouterait des garanties de r ussite en mati re d utilisabilit 67 La standardisation garantirait aussi l utilisateur une coh rence transversale au travers des applications jouant le jeu de la standardisation L avantage pour l utilisateur tient alors dans un apprentissage du mode de fonctionnement des principes interactifs de ces applications une fois pour toutes Lorsqu il visite une premi re fois une application il apprend l utiliser d couvrant la fa on dont il peut interagir avec elle Ensuite qu il visite une deuxi me fois cette application ou qu il en visite une nouvelle la standar
95. four nies par SmalS Les facteurs observ s seront les suivants e Le niveau d utilisation du StyleGuide combien de guidelines et de pages du Style Guide p ex table des mati res d une cat gorie d finition d un concept consult s La pertinence des guidelines n est pas consid r e dans la mesure o le contenu du StyleGuide n est pas valu e Le niveau d appropriation des formes Visio l utilisateur personnalise t il l environnement du logiciel Visio tel qu il lui est pr sent e La satisfaction l utilisation du StyleGuide et des formes Visio e Les habitudes en mati re de conception de wireframes de pages et l ad quation de la m thode celles ci 107 e Le niveau d adh sion la m thodologie autour du StyleGuide enthousiasme com pr hension des pr ceptes de la m thode sensation d tre concern De plus nous mettons l hypoth se que si les guidelines d enchainement d crans taient mod lis s syst matiquement avec un formalisme de description de la structure hypertexte ils offriraient un support efficace et utilisable la communication autour de probl mes de concep tion d interfaces Nous valuons cette hypoth se en utilisant le formalisme StateWebCharts Winckler et Palanque 2003 pour d crire ici la structure hypertexte Hyp 1bis Si un utilisateur doit produire des mod les de structure hypertexte pour un site Web avec l aide du formalisme
96. fournit des informations sur les mesures gouverne mentales belges pour l emploi consultables du point de vue du demandeur d emploi ou du point de vue de l employeur potentiel e L application Limosa qui permet un employeur de d clarer en ligne un travailler tranger aupr s de la s curit sociale belge Avec plus de 1470 collaborateurs dont 980 informaticiens SmalS est une structure de grande taille En plus de services administratifs et techniques directement op rationnels plu sieurs p les d expertise et d innovation concernent notamment l utilisabilit la s curit la ges tion de documents d mat rialis s ou la recherche d informations Nombreux sont les employ s qui proviennent du milieu acad mique et qui continuent en parall le de leur travail industriel chez SmalS officier en tant qu enseignants et chercheurs dans des laboratoires universitaires Cette section s attache d crire le mode suivi pour l observation des activit s de concep tion de cette entreprise puis les donn es recueillies intervenants dans le processus de concep tion et cycle de vie d une application d e Procuration d velopp e chez SmalS https www socialsecurity be dernier acc s 25 sept 08 Litt ralement Soyez sant https www behealth be dernier acc s 25 sept 08 gt http www autravail be dernier acc s 25 sept 08 http www limosa be dernier acc s 25 sept 08 6
97. gp ES AD bint Arms B Sitemap The main re coherence work accorc Figure 51 Colonne de navigation du StyleGuide par cat gories de guidelines vue globale Chaque profil d utilisateur dispose donc de recommandations adapt es ses activit s de conception Les recommandations du StyleGuide sont group es par cat gories suivant l ordre naturel de r flexion pour la conception c est dire par ordre de granularit croissant Ces cat gories apparaissent de fa on lin aire dans la colonne de navigation du StyleGuide comme mon tr sur la Figure 51 104 D finition du propos de l application le but de cette cat gorie est de clairement d finir l objectif de l application S agit il d enregistrer des donn es de la part de l utilisateur de l application concevoir De lui en d livrer sous forme d informations ou de documents De lui permettre de consulter et de modifier des informations S lection de l interface utilisateur ad quate les recommandations de cette cat gorie concernent la d finition de la navigation globale de l application Le type de structure hypertexte est d fini c est dire l encha nement d crans L offre de na vigation apparaissant au travers de toutes les pages est galement d finie ici elle peut par exemple figurer sous forme de barre de navigation horizontale ou encore d arbre de navigation dont les l ments se d ploient sur demande de l utilisateur
98. guideline au Style Guide comme le disent les sujets 6 et 7 Les sujets 4 et 7 s entendent sur le fait que le Style Guide ne vit que s il volue et le sujet 8 les rejoint pour dire qu ils sont les principaux initia teurs des volutions Mais quant leur responsabilit dans l volution du StyleGuide le sujet 3 se sentira responsable seulement des suggestions qu il aura faites et le sujet 8 voque des freins mat riels sa participation au StyleGuide sur lesquels nous nous attardons dans la section sui vante Faisabilit de suggestions ponctuelles de guidelines Le sc nario 3 met les sujets face un probl me de conception d interface non r f renc dans le StyleGuide pour lequel ils devront faire appel d autres ressources que ce dernier pour r aliser des wireframes pertinents Ils doivent alors remplir un formulaire de suggestion d ajout de guideline cf 5 4 4 Cette activit est d clar e plut t ou tout fait gratifiante l unanimit par les 9 sujets Cependant ils doutent en situation r elle de l acceptabilit d une telle activit leur temps de travail est fl ch sur des budgets sp cifiques et 1ls n ont pas l occasion de passer du temps ce genre d activit transversale La majorit des sujets le regrette d ailleurs pour ce cas pr cis 124 La question propos des suggestions d ajout au StyleGuide c est Est ce que ce serait accept par tout le monde
99. guideline n apparait pas dans le StyleGuide Proposer un ajout de guideline m a sembl facile O Pas dutout O Plut tnon O Plut toui O Tout 4 fait Proposer un ajout de guideline m a sembl gratifiant O Pas dutout O Plut tnon OF Plut toui O Tout 4 fait Proposer un ajout de guideline a requis un temps raisonnable O Pas dutout O Plut tnon OF Plut toui O Tout a fait Je pourrais envisager dans mon activit quotidienne de consacrer ce temps proposer un ajout de guideline lorsque l occasion se pr sente O Pas dutout O Plut tnon O Plut toui O Tout 4 fait Je pense que mes connaissances et exp riences sont utiles pour mes coll gues O Pas dutout O Plut tnon O Plut toui O Tout 4 fait Ja me sens responsable de l volution du contenu du StyleGuide O Pas dutout O Plut tnon OF Plut toui O Tout 4 fait Autres remarques 204 Annexe D Mat riel d valuation du StyleGuide ENTRETIEN FINAL Entretien final Si je pouvais proposer UNE chose a encourager dans le StyleGuide Si je pouvais proposer UNE chose am liorer dans le StyleGuide J attendais qu on me pose la question suivante et elle ne m a pas t pos e Observations g n rales Sur le StyleGuide Sur le d roulement de l valuation Autres Je laisse mon email pour tre tenu au courant des r sultats de l enqu te 205 Annexe E R sultats du pr questionnaire Annexe E Resultats du pr questionnaire Le Tableau 11 montre
100. hasard de la navigation ou bien directement en r ponse une question pr cise actualit s sport musique culture g n rale Rencontrer des gens Gagner du temps Motivation pour l utilisation de l e Gouvernement Gagner du temps Recevoir des alertes email pour ne pas oublier les dates limites Centraliser mes documents administratifs pour ne pas les garer En favoris Google Netvibes avec agr gation de flux RSS pour la lecture des blogs Typepad pour l dition du blog site du Cr dit Lyonnais L quipe Lib ration Deezer pour la musique Objectifs personnels et professionnels Changer de voiture Devenir chroniqueur musique dans la presse S installer en Islande Citations L id e de devenir c l bre gr ce mon blog m a d j travers l esprit Ou au moins de faire com merce des billets que j y poste ils sont tr s appr ci s mais mes lecteurs ne p sent pas toujours l nergie que a me co te Quand j ai un probl me technique Si Leila ne sait pas comment le r soudre non plus j appelle un coll gue a l aide On a eu un virus sur le PC de la maison et sans Franck je pense que j aurais carr ment achet un nouvel ordinateur Le plus incroyable c est que je tiens le r le de Franck avec mes parents Ils se sont mis l informatique il y a un an pour pouvoir envoyer des mails mon fr re qui vit Prague avec sa femme et ses filles Je joue souvent les conseillers techniques avec eux
101. il est propos ici d envoyer l quipe de gestion du StyleGuide une suggestion d ajout de guideline Il s agit simplement d une suggestion d ajout qui sera affin et formalis par l quipe de gestion du StyleGuide Cela est fait par le biais d un canevas de guideline remplir sur papier en totalit ou partiellement e Titre du guideline l intitul du guideline tel qu il figurerait dans le StyleGuide e Recommandations des conseils pratiques de mise en page de formulation fonc tionnels techniques graphiques ou ditoriaux Ces recommandations viennent en plus du prototype propos plus bas pour affiner ce qui y figure et ventuellement insister sur des aspects importants e Rationnel une justification th orique des recommandations issue des grandes va leurs de la conception d interface p ex confort de lecture et du bon sens de l analyste L quipe de gestion du StyleGuide formalisera cette partie avec des concepts issus de leur expertise en facteurs humains e Cas d utilisation les cas concrets dans lesquels ce guideline doit absolument tre utilis 114 devrait tre utilis mais sans obligation ne devrait pas tre utilis ou plut t il vaudrait mieux qu une autre alterna tive soit choisie ne doit pas tre utilis e e Exemples des exemples pr cis d applications Web impl mentant ce guideline positifs des exemples suivre
102. inspir des primitives de tissage de relations entre objets du diagramme Entit Relation Codd 1970 Il d crit tout la fois les objets informationnels disponibles sur l application et la structure hy pertexte d une application Web ax e sur la diffusion d information Des patrons de navigation sont disponibles comme primitives de ce formalisme pour repr senter les diff rents moyens de naviguer au fil d l ments informationnels lien unidirec tionnel lien bidirectionnel groupement index visite guid e e SOHDM Scenario based Object oriented Hypermedia Design Methodology Heeseok Lee Choongseok Lee et Yoo 1999 est un cadre m thodologique de conception d applications hyperm dia informationnelles Les auteurs pr tendent que les autres m thodes cr ent la navigation sur la base des donn es sans se pr occuper suffisamment du comportement de l utilisateur Ici des unit s de navigation sont tablies sur la base des donn es manipuler puis des sc narios sont ex cut s pour observer comment et quand l utilisateur a besoin d acc der ces unit s La structure hypertexte de la navigation est cr e sur la base de ces observations e UWE UML based Web Engineering Rumbaugh Booch et Ivar Jacobson 1999 mod lise la navigation et la pr sentation d une application Web avec des diagram mes UML de classe et de composition apr s extension de leur s mantique par le principe des st r otypes Une page
103. it ratif cf 2 1 3 RUP propose un cadre pour la gestion de projet et le d veloppement d une applica tion interactive RUP consid re ainsi avec soin l adaptation aux contraintes mat rielles du pro jet la direction du travail collaboratif par une gestion pertinente des comp tences ou encore le d coupage de probl mes de conception en probl mes de plus petite taille qui puissent tre trait s en parall le pour optimiser le temps allou la conception D autre part la vision it rative et incr mentale autorise une prise de d cisions de conception pas pas avec ventuellement des retours en arri re Toutefois la lisibilit globale du processus de conception risque de se perdre dans les it rations successives d autant que sur un projet de grande ampleur les quipes travail lent en parall le Pour g rer une coh sion globale et organiser les ressources du projet une solide formation la m thodologie RUP est requise pour l quipe de gestion de projet en plus de la formation n cessaire pour chaque intervenant la lecture et l dition de mod les UML pour la documentation du projet 2 1 8 Cycle de vie en O des applications Web Scapin et coll 2000 Les applications Web sont des applications interactives se distinguant fortement les unes des autres par leur nature p ex blog personnel site de vente en ligne ou vitrine d une associa tion le nombre de pages qu elles contiennent la complexit
104. l aspect proc dural en commun fait merger bien vite de capitales diff rences du point de vue de l interface Un patron d interface pour l e Commerce inclura des l ments d incitation l achat tandis qu un patron de page d e Procuration loin de songer susciter de nouveaux be soins chez l utilisateur proposera une r ponse formelle et claire aux seuls besoins qui l ont pouss visiter l application De plus la d finition de patrons doit venir du contexte d utilisation de l exp rience de conception du domaine d observations ac r es sur les condi tions de conception cela rend bancale l utilisation pour l e Procuration de patrons pr vus pour d autres domaines Nous discutons dans cette section de l int r t qu apporterait un catalogue de patrons d interfaces sp cifiques l e Procuration dans la conception d applications de ce do maine 3 2 1 Patrons d interface pour l e Procuration L int gration d un nouveau support la conception tel qu un catalogue de patrons d interfaces doit se baser sur les activit s de conception existantes en cas de conception bas e sur des prototypes il est ainsi pertinent d inclure des prototypes basse fid lit des patrons d interface Martjin Van Welie 2002 afin d ancrer l utilisation des patrons comme tape concr te dans le processus de conception Le contenu du catalogue de patrons doit tre conforme aux besoins de ses util
105. l offre de l application au del des fonctionnalit s qui le concernent directe ment Si les pages d crivant les applications sont ainsi accessibles tout visiteur les applica tions proprement dites sont en revanche soumises identification nl iE de A propos de la S curit Sociale Contact i Plan dusite e securitesociale be Homepage Citoyen Entreprise Professionnel Informations et services en ligne sur mesure Des travaux de maintenance sont pr vus Sur le site portail de la s curit sociale le samedi 22 mars 2008 de 11h 16h Il est donc possible que ce site connaisse certaines perturbations de courte dur e sur l ensemble de ses applications Si vous rencontrez des probl mes lors de l introduction de vos d clarations Dimona nous vous conseillons de recommencer apr s quelques minutes Si cela ne fonctionnait pas utilisez alors la proc dure d urgence Citoyen Entreprise Professionnel Working in Belgium Informations et services en Serices en ligne pour les Informations et services en Information and online services ligne concemant vos droits et entreprises et mandataires ligne concernant les CPAS les for internationals to help fulfill obligations en tant que SSA prestataires de services huissiers les communes et administrative obligations citoyen curateurs _ les institutions de la s curit sociale Vers la page d accueil du Vers la page d accueil de Vers la page d accueil du To the interna
106. la litt rature au sujet de probl matiques li es la conception bas e sur des patrons et notamment leur organisation cf 3 2 e Analyse des fragments r currents d interface dans les applications existantes appli cations du projet de la S curit Sociale en particulier recueil de bons et de mauvais exemples pour alimenter la d finition des bonnes pratiques cf 3 3 3 1 ETUDE DE L ACTIVITE DE CONCEPTION SmalS est une entreprise de technologies de l information bas e Bruxelles en Belgique Cette entreprise but non lucratif est d di e au d veloppement d applications pour le gouver nement belge D s sa cr ation en 1939 SmalS se concentre sur des activit s de gestion de l information pour le secteur public dans le domaine des allocations familiales l poque D ann e en ann e le secteur se d ploie avec de nouveaux supports technologiques et int gre les possibilit s offertes par Internet au d but des ann es 1990 Les projets les plus significatifs men s d s lors dans le domaine de l e Gouvernement concernent les applications suivantes e Le portail de la s curit sociale qui offre des dizaines de transactions lectroniques pour les citoyens les entreprises et les professionnels du secteur social e La plateforme be health qui diffuse des informations et met disposition des tran sactions en ligne pour les professionnels de sant e Le site Web Au travail qui
107. le StyleGuide comme support son argumentation en phase de conception 5 des 11 sujets ne l ayant toutefois jamais fait Ce recours au StyleGuide comme support argu mentatif chez des sujets pourtant novices dans son utilisation repr sente un signe positif de son acceptabilit 5 5 2 Utilisation du StyleGuide et des formes Visio associ es Le premier sc nario demand aux 8 sujets qui ont t observ s consistait en la r alisation d un wireframe de page pour une application fictive donn e cf 5 4 4 avec le support du StyleGuide et des formes Visio La version du StyleGuide propos e lors de l valuation est la version 1 7 les sujets utilisent des versions diff rentes les uns des autres mais ces versions ont la m me forme que la version 1 7 pr sent e Les guidelines et les formes Visio sont diff rents mais on retrouve les m mes cat gories g n rales dans le StyleGuide Difficult s dans l utilisation du StyleGuide Utilisation du StyleGuide Le StyleGuide a t peu utilis par l ensemble des sujets au contraire des formes Seule ment 4 des 8 sujets ont consult au moins une page du StyleGuide pour r aliser le premier sc 116 nario L valuateur pr sentait pourtant les consignes de la fa on suivante r alisation d un wire frame de page avec le support du StyleGuide l valuateur montre le StyleGuide ouvert dans un navigateur Web et des formes Visio associ es l valuateur montre l
108. le principe des Personas aide le concepteur se repr senter les utilisateurs comme des personnes r elles derri re leur ensemble de caract ristiques La mise en place d un groupe de discussion pour une application d e Gouvernement Axelsson et Melin 2007 a r v l que en plus de la synth se des d bats fait par les mod ra teurs une synth se devrait tre demand e chaque participant Multiplier les points de vue sur la discussion elle m me permettrait de limiter la subjectivit de l interpr tation de tels d bats 27 2 3 METHODES DE SPECIFICATION D UNE APPLICATION INTERACTIVE Les m thodes de conception centr es utilisateur permettent de cerner les besoins et le contexte de l utilisation de l application cf 2 2 Ce travail d tude de l utilisateur alimente la r flexion de conception de l application besoins fonctionnels informationnels mais aussi be soins en termes d interface Cette section liste les m thodes de sp cification existantes pour une application interactive selon leur point de vue sur l application c est dire la partie de l application qu elles s attachent d crire en particulier Puis les m thodes de sp cification sp cifiques au Web sont tudi es 2 3 1 M thodes de sp cification par la mod lisation Un mod le est un syst me repr sentant les structures essentielles d une r alit et capable son niveau d en expliquer ou d en reproduire
109. les r ponses au pr questionnaire index es comme suit e Sujet Homme H ou Femme F ge en ann es e Fr quence d utilisation d outils Tous les jours 4 Plusieurs fois par semaine 3 Plusieurs fois par mois 2 Plus rarement 1 Jamais 0 e Statut e Exp rience chez SmalS en mois Moins de 6 mois 3 De 6 mois 1 an 9 Del an 3 ans 24 Plus de 3 ans 36 e Langues maitris es Je ne connais pas cette langue 0 J ai des notions l mentaires 1 Je peux tenir une conversation 2 Je ma trise cette langue 3 e l ments facilitant l utilisation du StyleGuide Le sujet en a profit O ou pas N e Activit s men es avec le StyleGuide Jamais 0 1 fois 1 20u3 fois 2 5 A fois et plus 4 e Avis subjectif sur le StyleGuide Pas du tout d accord 2 Plut t pas d accord 1 Plut t d accord 1 Tout fait d accord 2 206 Annexe E R sultats du pr questionnaire Tableau 11 R sultats quantitatifs du pr questionnaire El ments Avis subjectif adalat ds L a a db g ue al l mesara ense zal SAeUJAYe Nne Is WJU PeSIJYN lalalala Utilisateurs connus du StyleGuide p n5 S ne Jueajau S se 2 Q a uL gs K S0 v E gt wn on tS 2 lt facilitant l utilisation du StyleGuide psi 2 2 2 e 2 2 eI 0 2 pp sanb
110. logie de collecte d l ments r currents par analyse de l existant peut tre appliqu e pour consti tuer une base de patrons qui mergent de leur domaine d application Il est galement n ces saire comme nous l avons fait d analyser le travail des utilisateurs des patrons pour int grer la m thode au processus de conception et la rendre acceptable Notre m thode pourrait tre tendue d autres activit s de conception en enrichissant le catalogue avec des patrons ne concernant pas l interface mais d autres facettes de l application Des patrons de composants de base avec des fragments de code pourraient tre ajout s tout d abord de la mani re dont a proc d SmalS cf 5 2 3 fournissant un support au prototypage interactif Des patrons de mod lisation de proc dure existent d j pour l e Gouvernement Verginadis Gouscos et Mentzas 2004 Momotko et coll 2007 Ouchetto Fredj et Roudi s 2007 Les formaliser et les int grer au catalogue voire un outil d dition du type d eGovIPM permettrait de guider la mod lisation de la proc dure tape capitale et sujette volutions de la conception d une application d e Procuration Des patrons de mod lisation de t ches de do maine d organisation pourraient intervenir galement pour les proc dures complexes Au ni veau de l outil des r flexions pourraient tre men es sur les moyens d articuler et rendre coh rents ces mod les
111. lui m me dont nous parlerons plus loin Visio et les formes du StyleGuide permettent de produire facilement et rapidement une premi re proposition de wireframe De plus l outil permet de prendre en compte rapidement et sans grande complexit les modifications demand es par le client 121 Notre client on est all le voir plusieurs fois et plusieurs fois on a d faire des modifications Dans mon quipe avant l apparition du StyleGuide ils fonction naient avec du XHTML directement Ce qui veut dire que quand on avait une mo dification faire c tait vraiment pas vident parce que c est du code XHTML c est pas du drag and drop et du clic gauche clic droit Alors que nous avec Visio on a pu refa onner compl tement ce que voulait l utilisateur On a fait une premi re proposition ils ont voulu des changements on a d faire une deuxi me proposition et on aurait pu en faire une troisi me une quatri me tr s rapidement Sujet 3 le 16 avril 2008 Ce qui est bien aussi videmment c est ce qu ils ont fait dans le StyleGuide en d veloppant des templates des mod les de maquettes a c est un gain de temps et de productivit Et a facilite le travail Sujet 4 le 17 avril 2008 Le sujet 3 un participant aux projets pilote du StyleGuide a grandement appr ci la flexibilit offerte par les formes Visio pour la conception de wireframes et surtout pour les mo dific
112. m thodes d valuation de l utilisabilit cf 2 4 pour penser et viter les probl mes d utilisabilit de l application finale de fa on pr ventive Ces m thodes et outils servent de sup port lors de la conception en diffusant des bonnes pratiques de conception sous forme de re commandations ou bien de canevas de solutions pr tes l emploi Le concepteur face un contexte particulier puise ainsi dans ces m thodes des moyens de s assurer lui m me du bien fond de ses choix en termes de conception d interface 2 5 1 R gles ergonomiques Les informaticiens puisent dans les ressources produites par des experts en facteurs hu mains pour rendre leurs interfaces ergonomiques La pr sence d un expert en ergonomie dans une quipe de conception est un atout pr cieux pour l valuation de l utilisabilit la direction de tests utilisateurs pertinents et l analyse des besoins utilisateurs Pour les tapes de conception aussi bien que d valuation des recommandations ergonomiques ont t rendues exploitables Nielsen 1990 Scapin 1990 Vanderdonckt 1994 Il existe des recommandations li es un contexte d interaction particulier tel que le Web Scapin et coll 2000 Nielsen 2006 ou les applications multimodales Reeves et coll 2004 D autres recommandations sont d di es des domaines d application tels que la t l sant Niman et coll 2007 ou l e Gouvernement Ma guire 1999 UK e Go
113. manquent ils selon lui la sp cification de l interface de ce site Web Par quel biais les sp cifie il dans son activit de travail quotidienne L aspect lisibilit est ga lement abord ses productions prototypes fil de fer de pages et mod le StateWebCharts se raient elles lisibles et critiquables par le client Sc nario 2 Discuter des propositions d un autre Pour le m me site Web d autres propositions de prototypes en fil de fer de pages et de mod le StateWebCharts ont t faites L une de ces propositions est pr sent e au sujet qui doit les commenter l oral et en extraire le meilleur pour le combiner au meilleur de ses propres propositions Les propositions sont tr s imparfaites les prototypes de pages comportent des probl mes d utilisabilit significatifs le mod le StateWebCharts est faux par rapport aux pages propos es Notamment une m me page est repr sent e par trois tats correspondant a des op rations men es sur la page et modifiant son contenu p ex confirmation de l ajout ou de la sup pression d un enfant L objectif de ce sc nario est d valuer l hypoth se 2 cf 5 3 2 qui concerne le support au consensus qu offrent le StyleGuide et un formalisme de mod lisation de la structure hyper texte La discussion avec l utilisateur est orient e sur les avantages et les inconv nients des choix de conception des propositions qui lui sont montr es Cette discussion
114. mod lisation pour la documentation du projet Ils ont fourni des moyens de limiter les checs de projets de conception informati ques en optimisant la coordination des ressources des quipes de conception en se pr occupant de l acceptabilit de l application ou encore en r duisant la port e des cons quences d une er reur de jugement ou d une faille technique 2 1 1 Cycle en cascade Royce 1970 Le processus de d veloppement d applications interactives propos par Winston Royce est une s quence d activit s dont l encha nement ordonn permet chaque activit de profiter des r flexions et des artefacts produits par la pr c dente Ce processus est traditionnellement sch matis par des activit s enchain es en cascade cf Figure 1 Analyse des besoins Conception du syst me Codage et tests unitaires Int gration et tests du syst me Figure 1 Cycle de d veloppement en cascade initial Des probl mes d utilisabilit des probl mes techniques ou des r ajustements n cessaires dans la d finition des besoins peuvent merger relativement tard dans le cadre de ce processus Cela peut se produire au moment de la confrontation des utilisateurs avec l application au cours des tests finaux voire apr s le d ploiement de l application Des retours sont alors propos s vers des phases ant rieures dans le processus p ex retour vers le codage en cas de bug informa tique sur une fo
115. moyen de les utiliser ont en effet un im pact sur la r alisation de la proc dure 29 e Conditions temporelles les conditions de r alisation de t ches telles que des du r es maximales ou minimales ou des intervalles dat s de temps doivent pouvoir tre exprim s dans la sp cification e Conditions causales il doit pouvoir tre sp cifi qu une activit en d clenche une autre ou bien qu elle l interrompt e Conditions logiques il doit pouvoir tre sp cifi que des activit s sont ordonn es en s quence en parall le en concurrence alternativement ou qu une activit doit tre ex cut e en boucle e Pr et post conditions il doit pouvoir tre sp cifi qu une condition bool enne p ex le formulaire doit tre sign par le requ rant doit tre valid e en entr e d une activit ou en sortie e Ev nements temporels des v nements d clench s par l expiration d une dur e maximale ou la date du jour doivent pouvoir tre sp cifi s e Ev nements de validation des v nements porteurs de sens par rapport l avancement de la proc dure doivent pouvoir tre sp cifi s p ex Apr s plusieurs visites sur le site Web le citoyen a achev sa d claration d imp ts Le Tableau 1 ci dessous montre l ad quation des m thodes de sp cification productrices de divers artefacts tudi es dans la section pr c dente par rapport aux besoins en sp cification
116. n ait t valid Ressources Prototype FA Cantine de l cole de Goville Frais de Gorile HLE Payer le trimestre pass Mon identifiant PICART Annaler D tail des repas dus pour le trimestre Septembre D cembre 2007 Jules 26repas Th o 12 repas T nuque vty moe tum o decane J J 4 Date d expiration mm aa C V V Cryptogramme C 2 derr srs chiffres au dos de l cans Figure 47 Wireframe de la page Paiement du trimestre pass 4 5 DISCUSSION ET PERSPECTIVES Nous avons propos dans ce chapitre une m thode de conception bas e sur des patrons d interfaces pour l e Gouvernement Le support permettant le recueil des patrons a t formalis par le biais d un catalogue hypertexte et une proc dure de mise jour de ce support est sugg r e L volutivit d un catalogue de patrons tant l un des signes de sa vitalit et de son utilit les utilisateurs doivent en effet tre encourag s soumettre des ajouts de patrons Notre m thode entre dans le cadre d un processus de conception bas sur des prototypes moyenne fid li t incluant des prototypes moyenne fid lit sous forme de mod les de navigation et de wire frames Des pistes d am lioration de cette m thode restent explorer en particulier au niveau de la navigation au sein du catalogue vers une offre de recherche de solution optimale pour le concepteur 4 5 1 Ontologie des concepts des patrons
117. notamment griser les dates sur lesquelles l action est impossible Voir 20 pr c dents 20 suivants 20 50 100 250 500 Figure 39 R sultat de la recherche du mot cl date sur le catalogue de patrons capture d cran r alis e le 22 mai 2008 C est le patron de composant de base Calendrier qui sert de base la conception de cette page Comme sugg r par le prototype de ce patron cf Figure 40 un enfant inscrit un repas est repr sent par une couleur Les dates du calendrier ne sont pas cliquables compte tenu de la complexit des donn es g rer sur une seule date on peut en effet ajouter ou supprimer un repas pour chacun des enfants Il est donc propos l utilisateur de cliquer sur un des liens Modifier pour modifier les inscriptions aux repas d un ou plusieurs de ses enfants Cette pop up non pr sent e ici propose l ajout ou la suppression de dates les dates tant gris es rendues inactives jusque trois jours ouvrables apr s la date du jour En parall le l analyste consulte les patrons d encha nements d crans pour ce cas d tude dont la proc dure est simple il s agira http fpontico free fr index php title Calendrier dernier acc s 25 sept 08 89 d un Tableau de bord avec le calendrier g n ral de la Figure 40 comme n ud central de puis lequel seront accessibles une t che Modifier par enfant plus une pour l ensemble d
118. notation graphique ayant une syntaxe textuelle quivalente en XML UML based Web Engineering Koch et coll 2000 UWE est un cadre de conception Web qui utilise exclusivement des formalismes issus du standard UML Rumbaugh Booch et Ivar Jacobson 1999 a toutes les tapes du processus de conception classique pr conis par les auteurs analyse des besoins mod lisation conceptuelle mod lisation de la navigation et mod lisation de la pr sentation UML en tant que standard est un formalisme largement utilis en industrie ce qui favorise l acceptation de cette m thode de conception La m thode est accompagn e de l outil ArgoUWE Knapp et coll 2003 qui sou tient l dition de mod les la v rification de consistance entre mod les conceptuels la critique des mod les dit s en fonction de recommandations ainsi que la g n ration semi automatique de l interface de l application sur la base des mod les dit s Cette g n ration est rendue possi ble par la sp cification du contenu de l application comme un ensemble hi rarchis de contenus Vues abstraites sur les donn es Technique de conception Web tendue gt Langage de mod lisation pour le Web 4 Interentreprises 5 Ing nierie Web bas e sur UML 37 typ s p ex image ancre Chaque type de contenu est associ a une pr sentation par d faut qui appara tra sur l interface g n r e Cette fonctionnalit peut tre utile pour un proto
119. nous avons faits En d pit du faible nombre de participants l valuation et de leur manque de pratique du StyleGuide des pistes d am lioration nettes ont en effet pu tre d gag es Elles sont pr sent es ci apr s d abord sous formes de recommandations pour une utilisation plus optimale du StyleGuide au sein de SmalS cf 5 6 1 puis sous forme de perspectives pour l volution de notre propre m thode cf 5 6 2 5 6 1 Au vu des r sultats collect s les utilisateurs du StyleGuide sont pr ts participer l volution de son contenu moyennant des outils qui les guident dans cette participation Cet aspect est encourager en priorit dans la mesure o comme le fait remarquer l un des sujets Si le StyleGuide n volue pas il ne sera plus utilisable Vient ensuite le probl me d utilisabilit du StyleGuide relev par nombre de sujets et observ notamment au travers du tr s faible ni veau d utilisation du StyleGuide lors de l valuation cf 5 5 2 Une autre observation que nous avons pu d gager est le besoin d une communication plus claire au niveau du StyleGuide de ses volutions de ses nouvelles versions Une communication r guli re sera d autant plus primordiale que les utilisateurs se sentiront investis dans la participation l volution du Style Guide et vice versa Optimisation du StyleGuide Encourager la participation des utilisateurs du StyleGuide La mise disposit
120. peuvent tre d l gu es de l un l autre Un agent peut ainsi recevoir temporairement pour la dur e de l activit des comp tences tendues La mod lisation de structure organisationnelle a merg dans le domaine des syst mes d information Elle est utilis e pour de nombreux syst mes informatiques notamment ceux qui servent de support des activit s de travail coop ratif La mod lisation des r les si elle est ren due disponible aux agents rend l agent conscient des comp tences des agents avec lesquels il coop re et offre une vision d ensemble des coop rations possibles La Figure 15 pr sente un exemple de mod le organisationnel exprim au travers d une partie du formalisme MOT Mo d le Organisationnel des Traitements Tardieu Rochfeld et Colletti 1983 r Temps Poste de travail Procedure D but Dur e Lieu Responsable Ressources Enregistrer un Si possible d s 10 minu Poste de travail Michel Romero Email du requerrant changement r ception du tes personnel Acc s l Intranet d adresse mail du requer Application de gestion des affili s rant Maximum 5 jours ouvrables apr s Figure 15 Mod le Organisationnel des Traitements de la proc dure Enregistrer un changement d adresse Le mode de formalisation de l organisation de MOT se place du point de vue de l activit des agents acteurs de l organisation D autres formalismes observent l organisatio
121. porte sur les fonc tionnalit s mais aussi sur des choix d interface et l utilisabilit Puis l entretien est orient sur d ventuelles difficult s dans le d chiffrage du mod le State WebCharts et l attention du sujet est port e sur l erreur de mod lisation indiqu e plus haut une page repr sent e par trois tats Il est demand si cette erreur est choquante ou si au contraire elle permet d exprimer une sp ci ficit de l interface qui n apparaitrait pas si le sujet talon avait respect le formalisme Sc nario 3 Proposer un ajout de guideline au StyleGuide Le site Web de la cantine doit maintenant contenir une nouvelle fonctionnalit autoriser les parents payer les repas par carte bancaire directement sur le site Il se trouve que le guide line permettant l insertion d un tel formulaire n apparait pas dans le StyleGuide v1 7 Mais dans un cas r el que ce module apparaisse dans le StyleGuide ou pas l analyste doit l int grer aux prototypes de page de son application Pour d finir la page contenant le module de paie ment l analyste va donc devoir se renseigner faire appel son exp rience ou celle de ses coll gues rechercher des conseils de conception sur le Web ou dans des livres La r alisation de ce wireframe va lui co ter de nombreux efforts et lui apporter une certaine expertise sur le sujet qu il serait bon de capitaliser et de partager avec ses coll gues Pour ce faire
122. pro pose de lier les patrons de conception entre eux par des relations primaires utilise affine est en contradiction avec et des relations secondaires utilis par affin par variante de dans le pro bl me ou dans la solution expos s par le patron variante de tel patron utilise tel autre est simi laire combine requiert s utilise lui m me entre dans une s quence de patrons Mar jn Van Welie Martijn Van Welie et Van der Veer 2003 propose quant lui une organisation inspir e de la mod lisation orient e objet ce qui permet de d crire les patrons sous forme de hi rarchie et d tablir entre certains d entre eux des relations d agr gation de composition de sp cialisation ou d association simple Scott Henninger Henninger et Ashokkumar 2005 sugg re que l organisation de patrons utilise les outils fournis par Web s mantique associer chaque patron un ensemble de m ta donn es enrichit la s mantique des relations pouvant tre tiss es entre patrons La m tadonn e contexte d utilisation du patron pourrait ainsi permettre de rassembler les patrons apparais sant dans des cas d utilisation communs comme le conseille Sally Fincher De plus le domaine du Web s mantique a pour objectif terme l indexation du Web dans son ensemble ce qui sous entend la prise en compte d un volume d informations la fois important et fortement volutif Chaque l ment du r seau est responsabl
123. projet auquel il est confront Si l application est complexe p ex un portail plusieurs enchainements d crans doivent tre combin s pour repr senter la structure de naviga tion de l application Ensuite il personnalise l encha nement d crans g n rique en sp cifiant par exemple le nombre d tapes d une proc dure ou en ajoutant un page sp cifique l outil eGovIPM supporte cette activit en contr lant que la syntaxe de l encha nement d crans est toujours correct cf chapitre 6 L outil eGovIPM g n re ensuite un ensemble de pages au for mat XHTML li es entre elles conform ment au mod le personnalis par l analyste Sur chaque page appara t son titre une description succincte son type correspondant une entr e dans le catalogue de patrons les liens sortants et leurs d clencheurs ainsi qu un wireframe g n rique du type de page concern Ce wireframe g n rique peut par la suite tre remplac par le wire frame de page con u par l analyste http fpontico free fr dernier acc s 25 sept 08 79 D finition de wireframes de page Les pages apparaissant dans la structure hypertexte doivent maintenant tre d crites plus en d tails Les wireframes r alis s par les analystes servent mettre en avant les fonctionnalit s de l application il n est donc pas question ici d identit graphique L analyste balaie pr sent les sections Page puis Comp
124. qu ils con oivent lors de l exp rimentation Le sujet 4 constate les bienfaits d un il ex t rieur pour l valuation de l utilisabilit de ses wireframes Des tests utilisateurs lui ont aussi offert un recul sur sa production et ont permis d appliquer des corrections auxquels il adh re sa grande surprise parce qu il n aurait pas pu les tablir seul 5 5 3 Perception du StyleGuide D fauts de communication Les sujets dans leur grande majorit ne connaissent pas les volutions du StyleGuide et la sortie des derni res versions Ces informations leur sont donn es en formation mais ensuite ils ne sont pas tenus au courant des mises jour du StyleGuide et de ses formes Il y a notam ment une frustration quant au fait que leur formation au StyleGuide vienne tr s tard souvent bien apr s qu ils aient commenc utiliser le StyleGuide dans leur activit quotidienne Icons and images ah tiens tu as a moi je ne l ai pas Je n ai pas encore trouv mes icones Chez moi il n tait pas dans l archive contenant toutes les formes Visio associ es au StyleGuide peut tre que je dois retourner voir encore une fois s il y a une nouvelle archive Sujet 1 le 15 avril 2008 Observation g n rale sur le StyleGuide eh bien peut tre pr venir de son volu tion Parce que moi je suis sur une ancienne version encore Je n ai pas re u ma connaissance d
125. r f rencement d une application depuis un portail p ex applications li es au portail de la s curit sociale 3 3 2 Pages r currentes Les enchainements d crans que nous avons observ de fa on r currente sont compos s de pages qui apparaissent a fortiori de fa on r currente sur les applications d e Procuration L Annexe A les d crit en donnant pour chacune d elles un exemple issu d applications de SmalS Les captures d cran ont t r alis es en octobre 2006 durant le s jour sur le terrain dans le but de collecter des exemples de conception de diff rents niveaux de qualit Ces captu res d cran montrent des applications telles qu elles taient l poque en d ploiement ou en phase de test en interne Une fois les diff rents comportements de conception collect s les bon nes attitudes standardiser pouvaient ainsi merger de cette tude Plusieurs cat gories de pages coexistent selon le r le qu elles jouent dans l interaction avec l utilisateur e Diffusion de donn es Unaccus de r ception est affich lorsqu une proc dure a t accomplie avec succ s et valid e par l utilisateur Une liste d informations rassembler est affich e en d but de proc dure pour la bonne conduite de la proc dure Des donn es contextuelles sont affich es sur la base de l historique de la navigation ou bien par rapport au compte de l utilisateur pour offrir des r
126. r flexions ont conduit des discussions agit es et stimulantes et j ai beaucoup appris son contact J ai v cu ma crise d adolescence scientifique face lui je l ai franchie gr ce lui Ein gro es danke to Regina Bernhaupt who conducted the evaluation part of this work With great teaching skills she pushed me on the brink of abyssal questions such as Ima gine I m your grand mother and tell me What is your thesis about This helped me quite a lot to tidy my mind I am really grateful for that Je remercie galement Philippe Palanque pour le chaleureux accueil qu il r serve aux membres de son quipe et ses conseils nets et efficaces qu il s agisse de recherche d organisation de conf rences ou de questions quotidiennes p ex lui seul a pu trancher sur l heure ad quate pour le pot de th se Je pense aussi Christelle Farenc qui a encadr mon travail de DEA puis les d buts de ma th se Son coute attentive et objective m a aid e a faire des choix professionnels en connaissance de cause qu elle en soit sinc rement remerci e Merci galement 4 R mi Bastide pour son ouverture d esprit et sa curiosit qui lui offrent un imbatta ble recul sur les questions scientifiques Je tiens remercier Dominique Scapin et Jean Vanderdonckt d avoir r dig propos de mon m moire des rapports exigeants et encourageants ponctu s de conseils aiguis s qui m ont aid e mieux d fi
127. rations graphiques n interf rent pas avec l analyse fonctionnelle en particulier lors de discussions avec les clients Le design retenu est ainsi en quilibre entre l gance et simplicit pour avoir une allure professionnelle et r aliste tout en se gardant de tout choix de pr sentation Cet outil d op rationnalisation acc l re la fabrication de maquettes et autorise des modi fications plus efficaces Les l ments d interface pr sents sont en effet ind pendants les uns des autres et le fond d cran commun toutes les pages avec en t te et pied de page par exemple peut tre g r part des contenus Pour une utilisation optimale des formations l utilisation de Visio et plus particuli rement des formes issues du StyleGuide sont dispens es aux analystes de SmalS Cette flexibilit est appr ciable puisque les demandes de modification ont syst mati quement lieu ce stade de la conception o le client expose puis affine les besoins fonctionnels de son application Plus l analyste fait preuve de r activit dans les modifications qu il apporte son wireframe plus les modifications ont de chances d tre valid es au fur et mesure de leur traitement En Anglais shape En Anglais stencil 105 Search for Shapes Type your search here l gt El 4 Choose Interface type f E 5 Add page design and layout 4 E 6 Insert content 1 ie fly Ema
128. re nous proposons dans la section 5 6 des perspectives d am lioration du StyleGuide pour la correction des probl mes d utilisabilit relev s Une mise en correspon dance des interpr tations vis vis de notre propre m thode cl t galement ce chapitre 5 1 CONTEXTE DE L EVALUATION Lors de l observation exploratoire d crite dans le chapitre 3 nous avons particip aux pr mices de la mise en place d une m thodologie de support la sp cification et la conception d interface le StyleGuide Le StyleGuide est un outil de stockage de solutions des probl mes de conception d interface r currents en e Procuration Il est exclusivement l heure actuelle usage interne SmalS au sein de l entreprise il est ainsi utilis par des analystes des graphis tes des diteurs de contenu et des d veloppeurs d interface cf 5 2 pour plus de d tails Le StyleGuide est ainsi une illustration typique de la volont de r utiliser les comp tences acquises par les employ s de l entreprise et de standardiser les interfaces pour en assurer l utilisabilit Cela est fait par le biais de recommandations concr tes et guidant fermement le concepteur Leur m thode bas e sur le StyleGuide est d ploy e depuis plus d un an en projet pilote et de puis quelques mois de fa on plus large valuer l utilisabilit de cette m thode est apparu 98 comme un moyen d valuer le bien fond et la faisabilit d
129. seigne les informations suivantes par le biais du questionnaire Puis par manque de temps il ne rend pas g n rique le wireframe tel qu il l a con u pour le projet de la cantine cf Figure 47 et l envoie tel quel par courrier lectronique l adresse indiqu e sur le catalogue Titre du patron Paiement par carte de cr dit Description Un particulier souhaite r gler un montant via l application au moyen de sa carte de cr dit Exemples Site d e Commerce Etam http www etam fr dernier acc s 25 sept 08 Paiement S curis par Carte Bancaire Paiement de 60 00 EUR ETAM COM Num ro de carte bancaire Date de fin de validit MM AA i isl MasterGard Cryptogramme visuel 3 derniers chiffres au dos de la carte VISA XxX Annuler v Valider Op E YBOX BLEUE i GHEN uam PAYBOX SERVICESS WWW PAYBOX COM Infos S curit SSL Figure 46 Bon exemple pour la suggestion de patron Paiement par carte de cr dit Cas d utilisation Il faut utiliser ce patron d s qu un particulier souhaite payer par carte de cr dit Il ne faut pas utiliser ce patron lorsqu une entreprise doit payer pr f rer alors le rem plissage de bons de commandes 93 Mise en page Utiliser les logos officiels des diff rentes cartes de cr dit Afficher clairement le logo de la banque de application Rappeler en t te de page le montant a payer Autoriser l annulation du paiement avant qu il
130. selon ces interactions de l utilisateur qu elles soient but informationnel ou but fonctionnel que les patrons de conception d interface de Sari Laakso sont organis s Recher che Vues de donn es Stockages S lection et manipulation d objets Temps Hi rarchies et ensembles Enregistrer et annuler Le contenu des patrons est un ensemble de recomman dations crites en style t l graphique avec un vocabulaire limit pour viter les ambigu t s Les exemples qui illustrent ces recommandations proviennent d articles scientifiques ou bien ce sont des exemples fictifs cr s pour illustrer la mise en application du patron Des r f rences vers des publications scientifiques sont fournies en fin de patron ainsi que des r f rences vers d autres patrons du catalogue Designing Interfaces Tidwell 2005 Jenifer Tidwell a r alis un catalogue de patrons de conception d interfaces utilisateurs pour applications web mais aussi pour d autres types d applications en particulier les applica tions mobiles et les logiciels d dition Les cat gories du catalogue renvoient a des taches attri bu es au concepteur de l interface Organiser le contenu Circuler navigation au sein de l application Organiser la page Faire des choses actions et commandes venant de l utilisateur Montrer des donn es complexes arbres tables graphiques R cup rer de l information saisie par l utilisateur Constructeurs e
131. sous forme de fragments de code ins rer avec une justification th orique du bien fond de la recommandation ainsi que des r f rences des standards respect s par SmalS tels que les standards d accessibilit du W3C niveau 1 e Responsable ditorial des conseils concernant la fa on d intituler les liens hyper texte les titres les labels de formulaire ou encore les en t te et pieds de page des applications d velopp es par SmalS sont diffus s ici Ces recommandations sont parfois des standards tr s directifs p ex pr sentation des cr dits du site mais peu vent aussi tre de simples conseils de r daction e Graphiste dans ce profil figurent des directives de positionnement des l ments de l interface de coloration de ces l ments de typographies et de tout ce qui concerne l identit visuelle de l application en cours de conception 103 Web Application Styleguid um Where am Es Tree Sets 01 Introductic All Main profile Functional Technical SIA FC TE 01 Inroauclon ALL 02 Procedures ALL 03 Define Application purpose ALL E 04 Choose Interface type ALL E 05 Add page design and layout ALL Main Desi 06 insert Content ALL 01 Intr Q rie Title G rie Welcome tc Pi This Style z Sree series of cle 07 Add help and user guidance ALL online app 08 Toolkit ALL 09 Concepts ALL Why this i
132. tient dans le support la communication entre analystes et d veloppeurs le squelette de l application g n r automatiquement par l outil eGovIPM partir du mod le de la structure hypertexte et des wireframes personnalis s par les analystes Ce squelette de l application offre une d finition des modalit s de navigation et de la disposition des composants de base dans les pages Les aspects graphiques sont discut s et d cid s lors du d veloppement par des graphistes qui ont une id e globale de l application gr ce au squelette de l application et aux besoins ex prim s en tout d but de conception par le client http fpontico free fr dernier acc s 25 sept 08 80 4 2 PATRONS D INTERFACES POUR L E PROCURATION Le catalogue de patrons d interface pour l e Procuration est un support incontournable de la m thodologie de conception que nous proposons L utilisabilit d un tel support passe par la pertinence et l applicabilit des conseils de conception ainsi que par leur lisibilit Pour favori ser la clart du catalogue une structure fixe de description des patrons a t choisie inspir e des patrons de conception classique et adapt e au contexte du processus de conception bas sur wireframes La navigation au sein du catalogue est un autre facteur d utilisabilit l utilisateur du catalogue doit tre encourag naviguer en son sein la recherche de solutions de concep
133. travail perdre pour se servir correctement de Visio ces difficult s s ajoutent des pro bl mes de version avec des terminologies qui changent d une version l autre et des intitul s qui ne renvoient plus la forme attendue Des frustrations d coulent de ces d fauts d utilisabilit de Visio Je vais voir lequel je mets j ai l impression que ce n est pas tout fait le m me a c est un probl me tu dois chaque fois aller voir lequel c est Tu prends un datagrid et tu ne sais pas bien lequel c est Tous les deux s appellent data grid mais c est quoi la diff rence entre les deux Je vais les mettre l un sur l autre a ne va pas tre bien Pour voir duquel j ai besoin lequel je peux utili ser Sujet 1 le 15 avril 2008 Est ce qu il y a alors des choses plus simples ou pas Non y a pas vraiment Bon ben tant pis je vais utiliser le gros datagrid alors Ah Avant il dimi nuait ou il augmentait le nombre de colonnes selon qu on le r tr cissait ou qu on l agrandissait Sujet 8 le 15 avril 2008 J aimerais bien diter rowl row2 row3 mais je ne sais plus ou je n ai jamais su Comment je peux modifier Bon ben par contre je ne pourrai pas met tre de tabs et a c est dommage Pour l instant on va laisser comme a sinon on ne va pas avancer Sujet 3 le 16 avril 2008 Ah i
134. un courrier lectronique pour commenter un guideline existant en vue de l am liorer Centre de comp tences en utilisabilit 102 Proposer un nouveau guideline un utilisateur propose un nouveau guide line incluant un wireframe sur la base de son exp rience sur le terrain Mettre a jour le StyleGuide le comit de direction du StyleGuide ajoute un nouveau guideline ou modifie un guideline existant sur la base de ses r flexions de commentaires ou de propositions des utilisateurs 5 2 2 Contenu et organisation du StyleGuide Le StyleGuide prend la forme d une application Web con ue avec Eclipse Il est crit en Anglais comme plateforme linguistique commune aux Belges francophones germanophones et n erlandophones et il est accessible via l Intranet de l entreprise Il est compos de guidelines de conception d interfaces orient es selon le profil de l utilisateur mais toujours adapt es un projet en d but de conception ou de refonte d interface La mise en page des guidelines permet une prise d informations rapide pour un utilisateur expert a la recherche de solutions op ration nelles Au contraire l utilisateur novice peut s attarder sur les parties argumentant les recom mandations donn es qu il soit inexp riment en utilisabilit en conception d interface ou sim plement nouvel entrant dans l entreprise et encore peu connaisseur des standards qui y sont uti lis s
135. un standard m me chez SmalS Le but c tait vraiment de faire le lien entre la base de donn es et les crans en termes d enchainement d crans en termes de remplissage des champs NDLR cf Figure 55 Sujet 8 le 15 avril 2008 Capture d cran du wireframe de page Identification des ic nes de consultation des repas 1 a 4 Documentation technique additionnelle sur les actions d clench es par les objets d interface d sign s Figure 55 Requirements techniques tels que repr sent s par le sujet 8 dans son activit quotidienne La Figure 55 montre un exemple de document technique produit par le sujet 8 lors de l entretien cons cutif la r alisation du sc nario de conception de mod le StateWebCharts Elle illustre ses habitudes en mati re de documentation de la sp cification de l interface Chaque l ment de l interface est num rot sur un wireframe de page dans une liste annexe chaque l ment est associ l information qu il contient ou l action qu il d clenche si possible en termes d acc s une base de donn es Les sujets 4 et 7 font galement allusion des documents de ce type Lisibilit du formalisme State WebCharts Le formalisme State WebCharts tel qu il a t pr sent aux sujets lors de l valuation tait tr s simplifi par rapport son pouvoir d expression r el cf 5 4 4 Cette simplification avait pour but de recentrer l
136. 008 Gen M supreinnnt IDAT trot fietagrenon roosie On M42006 OA Ouvert Mimn retinns 5 ENT 2008 Dost fetngramon socle 0111 2000 2101 2000 Ouvert ebinpiewtinns tb1t 2008 Dot freag aana sone 01 2008 SUDO Cuert M smp retliten 13 10 7000 Droa frany onon poode 10 10 9006 IMNON Queen Pupina sonndnun deesker de t cag emtiin Figure 76 Liste des demandes d aide g rer via l application PrimaWeb capture d cran extraite du manuel d utilisation de l application BUCOM 2007 Ce type d applications requiert syst matiquement l identification de l utilisateur pour la s curit des donn es g rer mais aussi pour conna tre l ensemble des donn es accessibles l utilisateur courant Des fonctions de tri des dossiers sont g n ralement propos es ainsi qu une fonction d ajout de dossier Les dossiers sont g r s en parall le les uns des autres de sorte que les op rations peuvent tre men es avec une grande libert pour l utilisateur Pour permettre cela l interface est con ue de telle sorte qu une nouvelle fen tre s ouvre pour chaque dossier g rer ou bien un syst me d onglets est utilis Au moment de r aliser sur plusieurs dossiers une m me t che de mise jour compos e de trois op rations un agent peut ainsi s il le sou haite effectuer la premi re op ration sur tous les dossiers puis la seconde et enfin la troisi me avant de valider Il peut aussi r aliser la s que
137. 07 OMG OCL specification page http www omg org technology documents modeling spec_catalog htm OCL Oostveen Anne Marie et Peter Van den Besselaar 2004 From small scale to large scale user participation a case study of participatory design in e government systems Dans 8th con ference on Participatory design 1 173 182 Toronto Ontario Canada ACM 27 31 Juillet 2004 Ouchetto Hassania Mounia Fredj et Ounsa Roudi s 2007 Des patterns processus pour l e gouvernement e TI la revue lectronique des technologies d information no 4 30 Juin 2007 http www revue eti net document php id 1467 Paterno Fabio Carmen Santoro et Sophie Tahmassebi 1998 Formal Models for Cooperative Tasks Concepts and an Application for En Route Air Traffic Control Dans DSV IS Ab ingdon UK Springer 3 5 Juin 1998 Pearce Jon M John Murphy et David Patman 2006 Using a scenario planning tool to support an engaging online user experience Dans CHISIG 167 174 Sydney Australie ACM 20 24 Novembre 2006 Perzel Kimberly et David Kane 1999 Usability Patterns for Applications on the World Wide Web Dans PloP Urbana IL USA 15 18 Ao t 1999 Pierret Golbreich Christine Isabelle Delouis et Dominique Scapin 1989 Un outil d acquisi tion et de repr sentation des t ches orient objet Rapport d activit s Le Chesnay France INRIA Rocquencourt ftp ftp inria fr INRIA publication publi pdf RR RR 1063 pdf Pinker
138. 2 3 1 1 Intervenants dans le processus de conception L observation exploratoire men e chez SmalS nous a permis de constater la coop ration de plusieurs types d intervenants particuliers au domaine de l e Gouvernement Les clients des projets sont des institutions Les utilisateurs finaux sont des administr s ou des agents adminis tratifs L quipe de d veloppement est compos e d experts en graphisme et impl mentation Nous avons regroup dans la cat gorie m diateurs les intervenants au processus de concep tion qui sont aptes jouer le r le d interm diaires entre ces diff rents corps de m tier qui ne partagent pas le m me jargon les m mes contraintes et besoins vis vis de l application Client du projet Le client d un projet d e Gouvernement est un ou plusieurs responsables d institutions qui commanditent la d mat rialisation d une proc dure administrative sur le Web ou I am lioration d une application existante Dans le cadre d institutions de grande taille p ex la s curit so ciale un minist re l institution est repr sent e par un membre du service communication Dans une institution de plus petite taille p ex une cole une ville de moins de 5000 habitants le responsable de institution intervient g n ralement en personne Le client est en mesure de communiquer a l quipe de conception les valeurs transmettre via le graphisme de l application
139. 2 G n ration du squelette de l application partir du mod le de navigation dit dans la section pr c dente cf Figure 66 l utilisateur lance depuis le menu d eGovIPM la g n ration du squelette de l application dont il vient de sp cifier l encha nement d crans La Figure 67 montre les fichiers qui ont t cr s pour la g n ration du squelette de l application de la cantine de Goville Ils sont cr s dans un dossier dont l emplacement est sp cifi dans les pr f rences utilisateur d eGovIPM Chaque fichier porte comme nom l identifiant de l tat State WebCharts auquel il correspond attribut id par exemple State_20 html Le fichier index html contient une simple redirection vers celui de ces tats qui est d fini comme initial 143 _ _ GU VE pages tz Recherche s Orosnicer ffichages lap Graver Nom Date de modificati Type lindexhtmi 08 06 2008 17 10 Firefox Document State_20 htm 08 06 2008 17 10 Firefox Document iState 21 htm 08 06 2008 17 10 Firefox Document State_22 htm 08 06 2008 17 10 Firefox Document State 23 htmi 08 06 2008 17 10 Firefox Document State 25html 08 06 2008 17 10 Firefox Document a State 56 html 08 06 2008 17 10 Firefox Document Figure 67 Fichiers cr s par la g n ration du squelette de l application Les pages g n r es ne sont pas toutes reproduites ici Seules apparaissent ci apr s la page Identifica
140. 2 3 M thodes de sp cification d une application interactive 2 4 M thodes d valuation de l utilisabilit 2 5 M thodes de gestion de la connaissance ergonomique 2 6 Synth se et discussion Une application d e Procuration est avant tout un syst me interactif et sa conception re quiert un cadre m thodologique tel que ceux que proposent des cycles de d veloppement d ja prouv s par de nombreux et divers domaines d application L e Gouvernement a ses propres contraintes l gales techniques et thiques n cessit de fournir un guidage l utilisateur pu blic tr s large d utilisateurs y compris des personnes dont la vue ou la gestuelle sont alt r es p ex personnes g es mal voyants coh rence de la d finition de la proc dure administrative avec sa d mat rialisation sur le Web synchronisation des activit s et gestion des r les pour la r alisation de la proc dure garantie de la s curit du transfert du stockage et du traitement des donn es De plus plusieurs types d intervenants participent la conception d une application d e Procuration une quipe technique mais aussi des responsables d institution et parfois des utilisateurs finaux citoyens ou agents administratifs Dans ce chapitre une tude des cycles et des m thodes de conception existants value leur ad quation aux exigences de la conception en e Gouvernement Assurent ils que l application en cours de concepti
141. 74 Ce questionnaire ouvre une enqu te sur l utilisation du StyleGuide au sein de SmalS L objectif est d am liorer les conditions d utilisation du StyleGuide Les donn es sont collect es dans le but de cerner le profil des utilisateurs du StyleGuide et de comprendre leurs modes d usage Les donn es brutes r colt es ne seront en aucun cas divulgu es un tiers L enqu te se d roulera en deux tapes 1 Remplissage du pr sent questionnaire dur e moins de 15 minutes 2 Entretiens compl mentaires du 15 au 18 avril 2008 avec certaines des personnes ayant rempli le questionnaire dur e environ 1 heure Les r sultats de cette enqu te seront exploit s dans le cadre de ma th se de doctorat qui porte sur le d veloppement d une m thode de conception pour l e Gouvernement Mes travaux ont t tay s par un stage d un mois chez SmalS en Octobre 2006 j avais alors eu l opportunit de participer aux r flexions de conception du StyleGuide Cette enqu te sera d une tr s grande utilit pour appuyer ma r flexion et valider ma contribution Je vous remercie sinc rement de l aide que vous m apportez en acceptant d y participer Bien cordialement Florence Pontico IHCS Toulouse France http www irit fr Florence Pontico http www surveymonkey com dernier acc s 18 avr 08 189 Annexe C Questionnaire d valuation du StyleGuide Enqu te sur l utilisation du StyleGuide pr questionnaire
142. A exig e Des contraintes plus fines peuvent tre d finies dans l outil et notamment concernant des contraintes d accessibilit ou d utilisabilit sur des dispositifs physiques offrant des modes d interaction r duits p ex t l phone portable Des contraintes de respect de recommandations ergonomiques enrichiraient encore le guidage de l dition de la structure hypertexte de l application en cours de conception p ex Toute page doit disposer d un lien entrant et d un lien sortant au moins Pour plus de souplesse et pour favoriser l volution de l outil les contraintes d dition des mod les d enchainements d crans doivent tre d tach es du code de l outil et d finies dans un fichier part Les extraire du code Java permettrait de les diter et de les personnaliser plus facilement formaliser leur d finition avec un format de type XML per mettrait de les exploiter de fa on plus syst matique http www accessiweb org fr Label_Accessibilite dernier acc s 25 sept 08 150 PERSPECTIVES A LONG TERME Plusieurs domaines d applications hyperm dia ont leur propre ensemble de patrons d interfaces p ex e Learning Derntl et Motschnig Pitrik 2004 notre m thodologie ajouterait un cadre formel leur utilisation ainsi que la sp cification de la structure hypertexte qui n apparait pas dans ces patrons Pour les domaines ne disposant pas de patrons notre m thodo
143. CE BROWSER Wizard Patterns in as Dane de me er de si El For Class PartiesRessources se B multiple sto Yy X p lt j at Forms Patterns in Interaction Design Eropemare G ene peule ete Hub and spoke pattern Designing Inte ji i i il PW CommandeLivre Login Patterns in Interaction Design PW D dehidel at eS Ce 6 _ Figure 49 Extrait de la visualisation de l ontologie des l ments du catalogue g n r e par TGVizTab La visualisation des concepts de l ontologie doit faire l objet d une tude de nombreux travaux ont t r alis s sur la visualisation des ontologies en recherche d informations et en Interaction Homme Machine Katifori et coll 2007 Les moyens d int grer une telle visualisa tion doivent tre tudi s galement y compris en ce qui concerne le dosage des informations pr senter l utilisateur Les concepts de l ontologie que nous avons pr sent e sont nombreux et d taill s le niveau de d tail requis pour la conception devra tre r fl chi Des valuations avec des utilisateurs sur la navigation au sein d ontologies donneront des pistes d approfondissement 4 5 2 Case based reasoning Le raisonnement bas sur les cas CBR est une technique de capitalisation et de r utilisa tion de connaissances issue de recherches en Intelligence Artificielle Shiu et Pal 2004 Le principe est partir d une base d
144. Ces composants de base ont un r le dans l interaction avec l utilisateur dans la saisie ou la pr senta tion d informations l offre de navigation ou encore le guidage Leur niveau de d tail est celui de l analyse fonctionnelle il s agit de d finir des menus ou des formulaires et de mani re additionnelle leur comportement ou les contraintes les r gissant Les patrons de chaque cat go rie comportent les m mes attributs de description la diff rence que le prototype d un enchai 85 nement d crans sera de nature diff rente de ceux d une page ou d un composant de base cf 4 2 1 4 3 VOLUTION DU CATALOGUE Le catalogue de patrons d interfaces est un objet fortement volutif dont les utilisateurs sont les principaux contributeurs Lorsque l analyste rencontre un probl me de conception d interface qui ne trouve pas de r ponse dans le catalogue il fournit un effort de recherche consid rable pour en d pit de cette absence produire un mod le de navigation ou un wireframe de page ou de composant de base qui satisfasse le probl me rencontr Cet effort m rite d tre capitalis et partag avec la communaut d utilisateurs du catalogue L analyste peut alors sug g rer l ajout d un patron au catalogue L gende Activit utilisateur du catalogue SUGGESTION D VOLUTION DU CATALOGUE Activit comit du catalogue Ajout Modification du catalogue des wiref
145. D UTILISATION DE L OUTIL EGOVIPM ss 142 6 3 1 dition du mod le de navigation 142 6 3 2 G n ration du squelette de l application 143 6 4 PERSPECTIVES en ne En M ee SE Ei ible 145 7 CONCLUSIONS ai gsissssasecesesecssssicasecestentesaeasessdebeseseesnasecelesuecsacessossbesesesbeassdedesceestesesbaceasoesevecvessaaes 147 CONTRIBUTIONS sta le eel AR D A e ins dee elect Seen es 148 PERSPECTIVES A COURT TERME 800 En mine md sn eme EE en 150 PERSPECTIVES A LONG TERME 245640 RSR ane ANNEE A ARE ARE 151 BIBLIOGRAPHIE ss sssudsscsosussssssesccecsesvcasescsuccuscesssosscssstecscsvsctesssuseessesuestssduccdassasvesdescbuceessedessssesecdsactesss 152 LISTE DES FIG URES weiscisssscsicsacsvestossacsascossescsuncoacedscdscsuvosieetebesssusuoessabvebesosvssdeabessebucsacvateodessessceseoseesses 164 LISTE DES FABLES sssscissdecescocsiadstessseesencesciavcvecvosecessessassectaseeessnsvaacecdesuccs cease sebenssencaasoaesescdeseoecsoseessces 169 ANNEXE A ENCHAINEMENTS D ECRANS RECURRENTS sen 170 ASSISTANT fs sevsessacescestuvnssesfavcbiu sts de sl hotes ie AR ne AE ee Mt ne NE ee AR Ne et 170 CONSULTATION ET MODIFICATION DE DONNEES 0 cccsssscsesssccecsssseceessssecessseccesssseceesssecessssseesssseeeeas 172 GESTION DE DOSSIERS noet rre cesses deeds ent veces cess fue Suudesdavcbiustsvavsestsvdstustavuvseatasesdeotsveeseaes 173 GESTION DE ROLE Sienra a nie met a aaa tat ds n et 174 ARCHITECTURE HUB AND SPOKE cccccscsee
146. Des d finitions de concepts apparaissent galement en t te de tout guideline pour rendre coh rent le vocabulaire employ au sein de l entreprise Un th saurus de ces concepts appara t partir de la version 2 0 d ploiement pr vu en mai 2008 Plusieurs profils d utilisateurs se c toient les informations des uns ne servent pas n ces sairement aux autres mais cette combinaison de vues permet de faire comprendre chacun ce que les autres ont de comp tences et de besoins Les analystes tant la cible principale du Sty leGuide la vue les concernant appara t de fa on constante quelque soit le profil choisi p ex la vue du profil graphiste fait apparaitre les recommandations pour les graphistes et pour les ana lystes Une vue globale est pr vue mettant disposition de l utilisateur du StyleGuide les re commandations propos es tous les profils d crits ci apr s e Analyste fonctionnel ce profil contient des informations sur les moyens de r ali ser un wireframe qui r ponde aux besoins fonctionnels et informationnels du client tout en respectant les standards de SmalS et les recommandations ergonomiques Pour aiguiser la sensibilit l utilisabilit de l analyste paraissent aussi des liens compl mentaires des erreurs de conception commun ment rencontr es ainsi que des justifications th oriques des recommandations pratiques e D veloppeur des recommandations techniques sont diffus es pour ce profil
147. Elle d crit les connaissances qui interviennent dans la plani fication et la r alisation d une t che c est dire les objets de l environnement aussi Buts Op rateurs M thodes S lecteurs 28 bien que des informations stock es dans la m moire de l utilisateur Des travaux de g n ration automatique d interface ont t r alis s pour le support d un prototypage bas sur la mod lisation de la t che Peter Johnson et coll 1993 L interface est g n r e depuis un mod le TKS coupl un mod le de l utilisateur Les travaux plus r cents concernent la gestion de plusieurs taches par un m me utilisateur et les ta ches coop ratives Wild Peter Johnson et Hilary Johnson 2004 e DIANE Tarby et Barthet 1996 fournit un lien vers un mod le de donn es OPAC natural Object PAC Tarby 1993 d riv du mod le PAC Presentation Abstrac tion and Control Coutaz 1988 un objet naturel tant un objet ayant du sens pour Vutilisateur Le mod le OPAC est responsable de la gestion routini re des donn es et les repr sente de fa on compl te tandis que la t che ne fait r f rence une don n e qu au travers de son implication dans la r alisation d une tache CTT Concur Task Trees Paterno Santoro et Tahmassebi 1998 d compose hi rarchiquement une t che individuelle ou coop rative et inclut les t ches du syst me aussi bien que les t ches de l utilisateur et les t ches r alis es
148. HTML g n r e par l outil CGOVIPM sss 134 Figure 58 Palette de l outil CGOVIPM eee 135 Figure 59 Vue Propri t s de eGOovIPM serres 136 Figure 60 Exemple de page XHTML g n r e automatiquement 137 Figure 61 eGovIPM un plugin d Eclipse ss 138 Figure 62 Architecture logicielle de eGovIPM inner 139 Figure 63 Exemple de fichier XML repr sentant un encha nement d crans ccccccceceeseees 140 Figure 64 Extrait du fichier de transformation XSLT 141 Figure 65 Mod le State WebCharts de l encha nement d crans g n rique Tableau de bord Me te LE Lee Federer E eae ec RS RE ne de Sn cree 142 Figure 66 Mod le de navigation SWC du site Web de la cantine de Goville cccccccecceseee 143 Figure 67 Fichiers cr s par la g n ration du squelette de l application 144 Figure 68 Page XHTML g n r e pour l Identification gt 145 Figure 69 Page XHTML g n r e pour la Gestion des repas 145 Figure 70 tape d un assistant sur le site Limosa capture d cran r alis e en octobre 2006 sen detre LR Ta tn A re ln ste arr cha ner ete en ed en teneur Mie duct 170 Figure 71 Mod le SWC de l encha nement d crans Assistant avec guidage fort n s 171 Figure 72 Mod le SWC de l encha nement d crans Assistant avec guidage souple 171 Figure 73 Mod le SWC de l encha nement d crans Assistant avec r capitulatif ditable 171 F
149. Island Portugal Kluwer 14 16 Janvier 2004 Winckler Marco Christelle Farenc Eric Barboni et Florence Pontico 2005 Mod lisation orient e t che de la navigation d une application web catalogue des th ses de l AFIHM Dans JHM 05 Toulouse France ACM 27 30 Septembre 2005 Winckler Marco et Philippe Palanque 2003 StateWebCharts a formal description technique dedicated to navigation modelling of Web applications Dans DSV IS Madeira Island Por tugal LNCS 2844 Springer 11 13 Juin 2003 Wood Fred B Elliot R Siegel Eve Marie LaCroix et coll 2003 A Practical Approach to E Government Web Evaluation IT Professional Mai 2003 World Wide Web Consortium W3C 2007 Web Accessibility Initiative WAI http www w3 org WAI Xiong Joseph Christelle Farenc et Marco Winckler 2007 Analyzing Tool Support for In specting Accessibility Guidelines During the Development Process of Web Sites Dans IWWUA workshop at WISE 470 480 Nancy France Springer Verlag 3 D cembre 2007 Yahoo 2007 Design pattern library http developer yahoo com ypatterns 162 163 Liste des figures Figure 1 Cycle de d veloppement en cascade initial 13 Figure 2 Int gration de l interface dans un processus de conception en cascade issu de Curtis et Hefley 1994 rio sensation eatin anni teens 14 Figure 3 Cycle de d veloppement en Viens 15 Figure 4 Cycle de d veloppement en spirale 16 Figure 5 Cycle
150. Le Participant 1 1 coco PENSE PR 6 5 2 Date de participation N de participation PaO ea cendres Signature 3 Le Responsable de l exp rience Nom Kanellopoulos Pr nom Garifalia Soci t SmalS Adresse Rue du Prince Royal 102 1050 Bruxelles Belgique Signature 4 L observateur Nom Pontico Pr nom Florence Soci t IHCS IRIT Universit Paul Sabatier Adresse 118 Route de Narbonne 31062 Toulouse cedex 9 France Signature 193 Annexe D Mat riel d valuation du StyleGuide ENTRETIEN PRELIMINAIRE Mon statut O Analyste O D veloppeur O Editeur de contenu O Graphiste O Autre je pr cise J ai rempli le pr questionnaire sur le Web O oui O non je le remplis maintenant Pour consulter le StyleGuide O J y acc de sur le Web O Il est dans mes favoris O Autre moyen d y acc der je pr cise O J ai imprim les guidelines les plus utiles Je pr cise lesquels de m moire O Autre je pr cise Qui a pr sent la l re page HTML dans les projets avec StyleGuide O Un analyste O Un graphiste O Un d veloppeur O Autre je pr cise J ai not des diff rences entre les projets avec sans StyleGuide O Oui avec le StyleGuide O Les pages HTML ont t pr sent es plus tard O Des arguments ont fait r f rence au StyleGuide O Le StyleGuide a t projet lors de r unions O Non A mon avis le principal avantage du StyleGuide
151. Pinker 1999 il tient pour vident ce qui ne l est pas et une grande partie des gestes et des raisonnements servant atteindre un but sont inconscients Ainsi pour conna tre son comportement il est important de s immerger dans son environne ment d usage L observation immersive permet de mieux conna tre les besoins et contraintes de l utilisateur en appr hendant son environnement coop rations et oppositions informelles avec d autres personnes utilisatrices ou non de l application contraintes et opportunit s spatiales ou sonores interruptions L valuateur doit observer le sujet comme un apprenti observe son mai tre d ceuvre Beyer et Holtzblatt 1997 Encourag par ce regard attentif et respectueux le sujet observ fait alors preuve de lisibilit dans ses comportements et de p dagogie en verbalisant si n cessaire Les m mes auteurs recommandent de 1 mener l tude et les entretiens sur le lieu d usage l utilisateur tant entour de ses artefacts habituels 2 tablir une ambiance de partena riat o l utilisateur coop re l tude 3 lire entre les lignes des propos de l utilisateur sans ex trapoler ni interpr ter et 4 diriger les entretiens comme une conversation cordiale avec naturel et spontan it Toutefois une observation naturaliste doit se d rouler avec la conscience qu un biais est introduit dans le comportement d une personne quand elle sait qu elle est observ e L ef
152. RGANISA SP CIFICATION PROC DURE DOMAINE TION NAVIGATION WEB tat _ ae P D W fe D o SU v E p a amp StateCharts a Description de l activit centr e sur l utilisateur Intervention de plusieurs utilisateurs dans une activit Conditions logi a a5 O n PL Ontologie x x x x x x x Taxonomie Px x x x x x x Carte heuristique a Ae ee ee ee ee Diagr UML classe Pr et post condi Vly lyly Viviviviviy tions v nements MM LL viv v temporels v nements de 7 v vlrlxl V4 A LA validation Exp riences de sp cification en e Procuration dans la litt rature o n no e i oD amp a Conditions causa v les a n Q a 2 Oo a n De nombreux projets europ ens se consacrent la mod lisation de proc dure pour l e Gouvernement majoritairement avec une vis e d interop rabilit ICTE PAN Loukis et Koko lakis 2003 OneStopGov Dans un tat de l art des m thodes de mod lisation de proc dure existantes Olivier Glassey montre qu elles sont insuffisantes pour l e Gouvernement pour ce qui concerne la repr sentation des donn es Glassey et Chappelet 2002 et propose un moyen d int grer la repr sentation des donn es la mod lisation de la proc dure Glassey 2005 Le rapport d tude sur la mod lisation de proc dure pour l e Gouvernement de David Brain
153. Rarement Jamais e Consultation l utilisateur rencontre un probl me de conception d interface ou souhaite se r f rer un guideline dont un de ses interlocuteurs lui a parl il cher che le guideline dans le StyleGuide Ce guideline peut appartenir une cat gorie de granularit plus ou moins haute en fonction du moment de la conception Il peut concerner le profil de l utilisateur ou un autre profil e Conception quand l utilisateur a trouv un guideline qui lui semble pertinent il tente de l adapter au projet en cours afin d explorer les solutions son probl me d interface Adapter un wireframe de page un analyste concoit un wireframe de page sur la base d l ments propos s dans le StyleGuide Il renseigne les en t te et pied de page alimente le contenu avec les informations du projet Adapter du code existant un d veloppeur d interface ou un graphiste per sonnalise les fragments de code apparaissant dans le StyleGuide pour conce voir une maquette interactive e Contributions le StyleGuide est vou voluer d s que de nouveaux probl mes de conception mergent rep r s par ses utilisateurs eux m mes Ces derniers pro posent de modifier des guidelines existants ou d en ajouter de nouveaux le proces sus de s lection de formalisation et de publication dans le StyleGuide tant r serv au comit de direction du StyleGuide Commenter un guideline un utilisateur envoie
154. S amp T Montr al Canada 28 Octobre 2 No vembre 2005 Mariage C line Jean Vanderdonckt Abdo Beirekdar et Monique Noirhomme 2004 DESTINE outil d aide l valuation de l ergonomie des sites web Dans Proceedings of the 16th conference on Association Francophone d Interaction Homme Machine 117 124 Namur Belgique ACM 30 Ao t 3 Septembre 2004 Mariage C line Jean Vanderdonckt et Costin Pribeanu 2005 State of the Art of Web Usabil ity Guidelines Dans The Handbook of Human Factors in Web Design Chapitre 41 Martin David Mark Rouncefield et Ian Sommerville 2002 Applying patterns of cooperative interaction to work re design e government and planning Dans Human factors in Com puting Systems 235 242 Minneapolis Minnesota USA ACM 20 25 Avril 2002 McConnell Steve M 1996 Rapid Development Taming Wild Software Schedules Microsoft Press Ao t 1996 157 McCurdy Michael Christopher Connors Guy Pyrzak Bob Kanefsky et Alonso Vera 2006 Breaking the fidelity barrier an examination of our current characterization of prototypes and an example of a mixed fidelity success Dans Proceedings of the SIGCHI conference on Human Factors in computing systems 1233 1242 Montr al Qu bec Canada ACM 24 27 Avril 2006 McDermid John A et Knut Ripken 1984 Life Cycle Support in the Ada Environment New York NY USA Cambridge University Press F vrier 1984 Meyer Bonnie J F et G Elizabeth Ric
155. Steven 1999 How the Mind Works ler d W W Norton amp Company Janvier 1 Pontico Florence 2008 Patrons eGov Catalogue de patrons d interface Patrons d interfaces pour l e Gouvernement http fpontico free fr Pontico Florence Christelle Farenc et Marco Winckler 2006 Model based support for speci fying eService eGovernment applications Dans TAMODIA Hasselt Belgique LNCS 4385 Springer 23 24 Octobre 2006 Pontico Florence Marco Winckler et Quentin Limbourg 2007a Organizing user interface patterns for e Government applications Dans EIS HCSE DSVIS Salamanca Espagne LNCS Springer 22 24 Mars 2007 2007b Towards a universal catalogue of User Interface patterns for e Government Web sites Dans EGOV 227 232 Regensburg Allemagne Trauner Druck 3 7 Septembre 2007 Prinz Wolfgang 1994 Object Oriented Organization Modeling for the Support of CSCW Dans HICSS 797 806 Hawaii USA IEEE CS Press 4 7 Janvier 1994 Pruitt John et Jonathan Grudin 2003 Personas practice and theory Dans Proceedings of the 2003 conference on Designing for user experiences 1 15 San Francisco California ACM Radeke Frank Peter Forbrig Ahmed Seffah et Daniel Sinnig 2006 PIM Tool Support for Pattern Driven and Model Based UI Development Dans TAMODIA 82 96 Hasselt Bel gique LNCS 4385 Springer 23 24 Octobre 2006 Reenskaug Trygve 1979 THING MODEL VIEW EDITOR an Example from a planning sys tem Note te
156. a dire que seuls les n uds li s directement c est dire par 1 transition au n ud central Page de wizard figurent sur le graphe Nos projets sont d tendre le catalogue de patrons avec un tel outil d aide la navigation pour ajouter des liens entre patrons autres que leur cat gorie d appartenance et donner du sens ces liens Des tudes compl mentaires et des valuations avec des utilisateurs seraient requis pour l int gration d un tel outil d aide la navigation dans un catalogue de patrons parmi lesquels choix des informations a pr senter modes d interaction avec la carte degr de personnalisation offert int gration concr te une applica tion Web eGovPatrons Prot g 33 file C Program 20Files Protege_3 3 eGovPatrons ppr RDF Files Le LE jesa 2B HS wna EX E prot g Forms instances Queries Ontovic Jambalaya Ble Edit Project Window TGVizTab Help TGVizTab g w Searchipage wizara Radius ft x Zoom gt lal ET D Stop frame 5 i Proc dure 2 tapes et plus a a 0 1 Proc dure une seule tape 4 Champ sblseitatte Suivi de dossier 4 Suivi de plusieurs dossiers t te et ll lh de paye NE Toujours 26 tert Utiisateurs agents administratifs p MERE nn Interta Bo te a avancement Liiisateurs novices nas sanz 171 eee a 2 tapes et p INSTAN
157. ableau montrent que nombre d l ments d interface apparaissent effectivement de fa on r cursive comme nous l avions pressenti De plus la plupart d entre eux sont d j standardis s l l ment page Recherche appara t tou jours sous la m me forme seuls les crit res de recherche changent selon le contexte D autres l ments apparaissent sous plusieurs formes mais ces formes sont souvent plusieurs standards utiliser dans des contextes de conception diff rents p ex l l ment page Page d identification appara t sous deux formes l une est adapt e l identification d un citoyen l autre l identification d un agent administratif 13 Tableau 5 pr sente les enchainements d crans et les pages rencontr s de fa on r currente lors de l analyse de l interface de quinze applications d velopp es par SmalS Leur fr quence d apparition appara t sous forme de pourcentage une fr quence d apparition de 100 corres pond un l ment d interface qui est apparu sur les quinze applications Le nombre de formes distinctes que prend cet l ment de I interface au fil de ses apparitions est indiqu galement Le chiffre 1 correspond un l ment qui appara t toujours sous la m me forme au travers des ap plications Lorsque l expression gt 3 appara t l l ment est apparu sous plus de trois formes distinctes Lorsque deux formes sont proches en termes d
158. acc s 25 sept 08 http Awww webtrends com dernier acc s 25 sept 08 44 visite sur cette page c est la copie qui est affich e la page n est pas t l charg e de nouveau et ce pour acc l rer la navigation L utilisateur aura affich la page deux fois un seul t l charge ment aura pourtant t trac depuis le serveur Le deuxi me m canisme est l utilisation de tech nologies telles qu Ajax rendant caduque la correspondance entre un t l chargement et l cran affich l utilisateur dans la mesure o la page Web ex cute des scripts c t client et n acc de au serveur que de fa on ponctuelle et asynchrone Un troisi me m canisme faussant les trac s de donn es d usage c t serveur est le suivant certaines visites trac es ne correspondent pas des utilisateurs mais des robots envoy s par des moteurs de recherche pour explorer les pages r f rencer Une fois tous ces m canismes pris en compte il reste valuer les donn es collect es Il s agit d une activit pour le moins ardue et discutable comment d cider qu une s quence de pages visit es est suspecte Qu une activit est symptomatique d un probl me d utilisabilit Pour une application Web par exemple comment tablir qu un temps de visite sur une page est anormalement long L utilisateur peut avoir mis en pause sa navigation le temps de r aliser une autre activit ce n est pas pour aut
159. ace les logos contribuent la mise en place d une ambiance qui doit s accorder avec les valeurs des institutions concern es par l application Son expertise lui permet de satisfaire une partie des besoins en utilisabilit en particulier pour ce qui concerne la lisibilit et l emploi d ic nes et de couleurs vocatrices Le d veloppeur d interfaces est charg de l impl mentation des l ments de application avec lesquels les utilisateurs interagissent en sortie affichage d informations ou en entr e saisie d informations activation d un lien hypertexte Il travaille de fa on troite avec le d ve loppeur back end et avec le graphiste pour que chacun s assure de la compatibilit de ses d ci sions avec celles des autres et de leur faisabilit technique Son travail de r flexion se base sur les patrons existants 1l participe activement leur personnalisation et donne son avis pour leur gestion et leur mise jour pour ce qui concerne leur faisabilit technique Le d veloppeur back end est charg de l impl mentation de l application back end c est dire le syst me dorsal de d veloppement derri re l interface invisible pour l utilisateur y sont par exemple impl ment s l acc s une base de donn es le calcul de variables la g n ra tion des donn es dynamiques afficher sur une page Il ne participe pas aux r unions g n rales de conception mais il y est repr sent pa
160. age lt p class pagetitle gt labelE lt p gt Texte r actif d un lien vers E sortant de E appara t apr s lt p class smalltitle gt List of outgoing links lt p gt lt p class linklist gt lt a href page_idE html gt labelE lt a gt autres liens lt p gt St r otype d un tat statique E Compl ment d informations surs un lien vers E sortant d E lt p class smalltitle gt List of outgoing links lt p gt lt p class linklist gt lt a href page_idE html gt labelE lt span class targetstereotype gt stereotypeE lt span gt lt a gt autres liens lt p gt Pagetype d un tat statique E Type de page appara t apr s le titre de la page lt p class pagetype gt pagetypeE lt p gt Si le champ image est vide d termine l adresse de l image afficher pour le wire frame lt p class smalltitle gt Wireframe lt p gt lt img src images pagewireframes pagetypeE jpg alt Sample of a pagetypeE page gt Description d un tat statique E Description de la page apparait apr s le type de la page lt p gt descriptionE lt p gt Image d une page Si le champ image est vide le wireframe g n rique apparait fichier image dont le nom est d termin par l attribut pagetype cf Pagetype Sinon le wireframe qui apparait est le fichier JPG sp cifi dans le champ image lt p class smalltitle gt Wireframe lt p gt lt img src images pagewireframes mywireframes i
161. age JESSICA avec des informations sur leurs caract ristiques statiques par exemple leur nature Des objets standard sont propos s l importation ce qui facilite la r utilisation et acc l re la conception si des ob jets efficaces ont t capitalis s par le biais de patrons La mise en correspondance des l ments constitutifs de l application peut permettre une modularit dans la pr sentation de application Par exemple il est facile de passer d une langue une autre sur une application sp cifi e avec ce langage Object Oriented Hypermedia Design Method Schwabe et Rossi 1998 OOHDM est une m thode de conception d applications hyperm dia qui consiste en quatre tapes successives chacune enrichissant la pr c dente selon un processus incr mental mod li sation conceptuelle conception de la navigation conception de l interface abstraite et impl mentation Ces tapes visent concevoir une application Web qui soit du point de vue de la navigation et de l interaction adapt e aux besoins de l utilisateur Les auteurs pr tendent que la force du Web tient dans sa nature hyperm dia c est a dire dans sa facult de lier des informa tions entre elles en d autres termes la navigation est au centre de la m thode Au fil de la M thode de conception de sites s mantiques gt Langage de balisage extensible gt M thode de conception hyperm dia orient e objet 36 conception les l m
162. age est un moyen d valuer la validit de toile De haut en bas de bas en haut 16 l interface par le biais d expertises ou bien de tests utilisateurs m me si l application est encore en cours de d veloppement Comme il est indiqu sur la Figure 5 l valuation est ainsi au cen tre de ce cycle de d veloppement Analyse de tache Impl mentation Analyse fonctionnelle Sp cification des besoins Evaluation Mod lisation conceptuelle et formelle Figure 5 Cycle de conception d interfaces Star Toutes les t ches de conception sont tr s interconnect es et reli es entre elles par la t che d valuation chaque t che de conception est ainsi valid e d s la fin de sa r alisation avant de passer a une autre tache Th oriquement la conception d interfaces peut commencer a n importe quelle phase du cycle Star chaque phase alimentant via les r sultats de son valua tion les r flexions men es dans les autres phases Il s agit l d une tr s grande libert laiss e a l quipe de conception et les premi res it rations d un tel cycle seront difficiles d pouiller et valuer Si une partie de l quipe commence par une phase une autre partie par une autre phase aucun guidage n est fourni pour trancher entre les alternatives trouv es par chaque partie dans le cas o elles ne seraient pas modulables pour des raisons techniques ou fonctionnelles Le cycle de c
163. agments d interface rencontr s en e Gouvernemente Procuration 3 3 1 Encha nements d crans r currents Les applications d e Procuration proc durales sont diff renciables par leur comportement en termes de navigation Chacune pr sente en effet un comportement particulier en terme de structure hypertexte et donc d enchainements d crans Ces comportements de navigation sont adapt s des types d actions et d utilisateurs particuliers ce qui autorise la combinaison de plusieurs de ces encha nements d crans si une m me application offre plusieurs types de fonc tionnalit s Plusieurs familles d applications se distinguent caract ris es par un enchainement d crans similaire L Annexe A d crit chacune de ces familles list es ci dessous en s appuyant sur un exemple relev lors de notre analyse de l existant Une description formelle de ces en chainements d crans est propos e galement utilisant le formalisme de mod lisation de la navigation Web State WebCharts Winckler et Palanque 2003 e Un assistant est une s quence de pages qui guide l utilisateur au travers des tapes de r alisation d une proc dure p ex d claration de revenus e Une application de consultation et modification de donn es autorise l utilisateur consulter et modifier un ou plusieurs des l ments diffus s par le biais d une liste p ex consultation des entreprises ayant d clar une p riode de ch mage te
164. ai not des diff rences dans les projets pas n cessairement avec le StyleGuide mais dans le fait de se faire accompagner par l quipe usability qui de toutes fa cons elle se base notamment sur le StyleGuide Ils ont vraiment apport des choses int ressantes concr tes des am liorations qui parfois ne co tent pas cher Et il y a des choses qu on ne voit pas Parce que quand on a le nez dans ses crans il y a des trucs qu on ne voit absolument pas On avait fait aussi des usability tests et c est vrai que a nous met le nez dessus Quand on voit l utilisateur qui dit Ah non Je ne vois absolument pas ce que veut dire cet ic6ne on se dit Mais enfin C tait pourtant vident Eh bien non Rires Sujet 4 le 17 avril 2008 Ici j aurais pu mettre aussi un bouton mais je ne l ai pas mis parce qu on nous avait dit qu un bouton c tait vraiment quand on validait quelque chose qu il y avait un envoi etc Et a c est dans le StyleGuide Sujet 8 le 15 avril 2008 Le recours syst matique l expertise du centre de comp tences en utilisabilit que nous avons voqu plus haut n emp che pas les concepteurs de tirer des le ons des corrections qui leur sont propos es et de les int grer leurs travaux suivants Ainsi les sujets 1 et 8 voquent des reproches qui leur ont t faits sur des projets pr c dents et en tiennent compte pour le wire frame
165. ain dans une d marche centr e utilisateur qui en l occurrence sont les conceptions des applications d e Procuration Il est important de remarquer que cette m thode a t effectivement appliqu e dans l industrie sur des tudes de cas r elles Apr s la mise en place de la m thode il nous a t possible de revenir pour valuer son impact au sein de l quipe de conception partir de cette valuation nous avons pu valider nos hypoth ses concernant l apport de patrons de conceptions d interface dans les tapes d analyse fonctionnelle le besoin de guidage pour la conception d interfaces ergonomiques l importance de la capitalisation et mise disposition de la connais sance en conception d interfaces Cette tude nous a permis de comprendre les difficult s rencontr es par les quipes de conception pour d velopper des applications utilisables Bien qu il y ait un consensus sur l importance de cr er une culture de l utilisabilit au sein des organisations il est n cessaire que les efforts de diffusion de la connaissance soient soutenus par un cadre m thodologique qui puisse r pondre aux besoins r els des diff rents intervenants dans le processus de conception Au del du domaine de l e Gouvernement et plus particuli rement des applications d e Procuration sur lesquelles nous nous sommes focalis s la d marche que nous avons suivie pourrait tre appliqu e d autres domaines d applications
166. ampere Finlande ACM 23 27 Octobre 2004 Fraser John Nick Adams Ann Macintosh et coll 2003 Knowledge management applied to e Government services the use of an ontology Dans KMGov 116 126 Rhodes Island Gr ce Springer Berlin Heidelberg 26 Mai 2003 Gaffney Gerry 1998 Web site evaluation checklist v1 1 Information amp Design pty Itd http www infodesign com au ftp WebCheck pdf Gamma Erich Richard Helm Ralph Johnson et John M Vlissides 1994 Design Patterns Elements of Reusable Object Oriented Software Addison Wesley Professional Novembre 1994 Genitech 2007 e Citiz e Service Factory http www ecitiz com Glassey Olivier 2005 Knowledge Component based Architecture for Process Modelling Dans eGOV INTEROP 05 23 24 Gen ve Suisse F vrier 2005 Glassey Olivier et Jean Loup Chappelet 2002 Comparaison de trois techniques de mod lisa tion de processus ADONIS OSSAD et UML Rapport technique Lausanne Suisse IDHEAP GlassFish 2008 JAXB Reference Implementation https jaxb dev java net Gruber Thomas R et Daniel M Russell 1990 Design Knowledge and Design Rationale A Framework for Representation Capture and Use Rapport technique Knowledge Systems Laboratory Stanford University http citeseer ist psu edu article gruber9 1 design html Hackos Joann T et Janice C Redish 1998 User and task analysis for interface design New York USA Wiley Halstead Nussloch
167. an r alis e en octobre 2006 Navigation de service Les liens dont l utilisateur aura probablement besoin au cours de sa 184 visite d une application Web peuvent appara tre en t te et au pied des pages de l application plus rarement dans la colonne de gauche de fa on constante pour un rep rage facile Dans le cas de l application de la Figure 96 et comme souvent dans les applications analys es apparaissent les liens qui sont souvent visit es agenda liens recherche des informations sur l identit de l application logo plan du site contact et des liens concernant le profil de l utilisateur identification d connexion Agenda Cijfers Over VDAB Links Contact Sitemap Je bent aangemeld als Jan Janssens Afmelden Werk aanbieden Opleidingen Carri re Mijn VDAB E Home Carriere Management Rekruteren Hoe vind je de best passende medewerkers voor je onderneming Waar moet je op letten als je zelf niet wil afgewezen worden Nieuwkomers die al op hun eerste werkdag spijt hebben wat kan je ertegen doen Lees snel het antwoord op deze en andere vragen Managementlectuur Solliciteren Vind een beroep internationaal Kies een bestemming a Vind een job Informeer je Bereid je voor De beste medewerkers voor je onderneming een Ne Lees en leer stappenplan EE m Integreer je gezin In economisch slechte tijden springen bedrijven onzorgvuldig om met hun a Pa
168. analyste sur des probl matiques purement d interface avec une sp cifi cation des enchainements d crans tels que per us par l utilisateur de l application Web Cette simplification avait galement pour but de fournir une notation lisible par tous les intervenants de la conception Si les analystes ont tous d clar que avec leur connaissance de StateCharts l acquisition du formalisme State WebCharts avait t imm diate ils ont toutefois fait remarquer que ce mod le ne serait pas pr sentable au client sans explications de leur part Peut tre que les states devraient tre plus repr sentatifs que les noms d finissent mieux les Parce que bon au niveau des symboles ce n est pas tr s compliqu donc je crois que a va quoi Mais au niveau des noms des sfates il faudrait que ce soit un peu plus r fl chi Sujet 2 le 16 avril 2008 127 Tous les intervenants n ont certainement pas la connaissance en tous cas de Sta teWebCharts Des diagrammes d activit non plus C est surtout a en fait Parce que bon une page c est tr s facile beaucoup de gens ont Internet Les screenflows a c est plus compliqu C est compr hensible mais je pense que si la personne n a jamais vu a elle va tre un peu interloqu e Il faut une phase d explication mais a va tr s vite c est pour a que je mets plut t oui la ques tion Est ce lisible et critiquable pa
169. anipul Parlent ils de dossier de casier d affaire de fiche Respecter ce vocabulaire dans la formulation des items de tableau de bord Quand les utilisateurs sont des particuliers attention la surcharge d informations Privil giez les objectifs pour lesquels il est le plus probable que l utilisateur visite l application ex Sur le tableau de bord de gestion des imp ts affichez en premier la d claration de revenus ou le paiement de la redevance audiovisuelle http fpontico free fr index php title BoiteA vancement Exemples dernier acc s 25 sept 08 http fpontico free fr index php title WizardRecapitulatifEditable Cas_d 27utilisation dernier acc s 25 sept 08 83 Figure 32 Attribut Mise en page du patron Tableau de bord Ressources Figurent ici les ressources article acad mique forum technique livre autres catalogues de patrons d interface qui ont aid la d finition du patron Ressources modifier Jenifer Tidwell Wizard 4 amp a Douglas K Van Duyne The Design of Sites Addison Wesley 2003 Order Summary F7 pattern page 395 a Martijn Van Welie Shopping cart 5 amp Ce patron propose des recommandations pour l affichage des achats r alis s sur un site d e Commerce Certaines de ces recommandations peuvent aider la conception d un r capitulatif d application d e Gouvernement Martijn Van Welie Wizard 6 amp Figure 33 Attribut Re
170. ant le signe d un probl me d utilisabilit 2 4 4 Confrontation de l interface des r gles ergonomiques Un artefact peut tre valu par des experts en facteurs humains par le biais d une inspec ton de l interface sur la base de la propre expertise de l valuateur ou bien d un ensemble de r gles ergonomiques Pour guider les experts dans cette activit d inspection des recueils de r gles ergonomiques sont publi s Les crit res d utilisabilit pour le Web de Christian Bastien et Dominique Scapin Christian Bastien et Scapin 1995 consid rent par exemple des probl ma tiques de guidage charge de travail contr le explicite adaptabilit gestion des erreurs homo g n it et coh rence signifiance des codes et d nominations et compatibilit Le recueil de Gerry Gaffney Gaffney 1998 quant lui liste des crit res v rifier pour s assurer de l utilisabilit d une application Web et pointer d ventuels probl mes de navigation fonctionna lit contr le de l utilisateur sur ses actions langue interaction logique pr vention et correction des erreurs ou clart visuelle Un autre mode d inspection possible d une interface se concentre sur la d tection de pro bl mes li s l apprentissage la prise en main d une application le Cognitive Walkthrough Lewis et coll 1990 Un valuateur expert en facteurs humains de pr f rence explore l artefact qu il en soit
171. antes du point de vue de la conception centr e utilisateur toutefois l implication de leur interpr tation sur les autres mod les de conception est peu guid e Interface utilisateur orient e objet 17 Analyse de l utilisateur et de la t che Analyse orient e objet Conception du mod le conceptuel de l utilisateur Conception de l information et de la pr sentation Conception de l interaction et des m canismes de contr le Prototypage et valuation Impl mentation Figure 6 Cycle de d veloppement OOUI Collins 1995 2 1 6 Cycle V Nabla Kolski 1998 Ce cycle de d veloppement vise int grer les phases de prise en compte de l utilisateur aux cycles de d veloppement traditionnels du domaine du g nie logiciel Nabla poss de une repr sentation graphique inspir e du cycle de vie en V cf 2 1 2 Analyse du syst me homme machine Reconnaissance Mod le Confrontation Reconnaissance orient e IHM r el socio technico orient e application ergonomique Sp cification du syst me interactif Exploitation Maintenance D but du projet Fin du projet Tests d int gration du syst me Tests d int gration du syst me Modules applicatifs Evaluation et validation Tests fonctionnels Sp cification SOCIOe Sp cification Tests fonctionnels de l IHM IHM lt rgenomique des modules des modules
172. ants La Figure 14 pr sente un exemple de mod le de domaine Entit Relation Codd 1970 qui pourrait tre utilis pour la conception d une application Web centralisant le signalement de changement d adresse aupr s de plusieurs organismes Quelques uns des formalismes disponi bles pour la mod lisation de domaine sont ensuite list s Couloirs de nage Mod le de ports d action gt Encore un langage pour workflow 4 Notation de mod lisation de processus m tiers 31 N de s curit sociale Nom Pr nom N identifiant Date de naissance Nom Nationalit Adresse postale Adresse postale Signale changement N identifiant individu Nouvelle adresse postale Adresse email Nouvelle adresse postale Application N identifiant Adresse postale Figure 14 Mod le de domaine Entit Relation d une application de signalement de changement d adresse e Une ontologie d crit chaque donn e avec des m tadonn es renseignant sa nature son contexte de cr ation et d utilisation ses relations aux autres donn es p ex une page Web a t cr e par une personne cette personne vit dans une ville cette ville est situ e dans un pays dans ce pays des langues sont parl es etc Ce prin cipe permet une exploration des donn es tr s riche proche des aspirations du Web depuis ses origines jusqu aux travaux tr s actifs concernant le Web s mantique Berners Lee Hendler et
173. aphicBounds height 240 width 313 x 115 y 84 gt lt StaticState file id State 11 initial true label Login page stereotype type static pagetype login_page image login_page jpg gt lt GraphicBounds height 40 width 81 x 146 y 181 gt lt StaticState gt lt StaticState file id State_ 2 initial false label Form page stereotype type static pagetype form_page image form_page jpg description Request for receiving password again gt lt GraphicBounds height 36 width 78 x 310 y 96 gt lt StaticState gt lt StaticState file id State_13 initial false label Form page stereotype type static pagetype form_ page image form_page jpg description Fill in personal data gt lt GraphicBounds height 36 width 78 x 283 y 266 gt lt StaticState gt lt EndState id State_If gt lt GraphicBounds height 18 width 18 x 317 y 193 gt lt EndState gt lt CompositeState gt Gtatic Ctata fila id Gtata 9 imann tacke eat inn initial falea Iohal Tacle Figure 63 Exemple de fichier XML repr sentant un enchainement d crans 6 2 3 G n ration du squelette de l application Les pages XHTML composant le squelette de l application sont g n r es automatique ment depuis un mod le State WebCharts dit par l utilisateur d eGovIPM Le langage XSLT Extensible Stylesheet Language Transformations W3C 2008c permet de parcourir de fa o
174. ase B login_genericxml B strongwizard_gen Ack of receipt 2 supplewizard_gen Checklist B swexml C Contact form C Form page Login page Overview Tasks set Warning before exit cterenhine description T Wizard page Tontactfarm Screen flows i L Login 4 PA Tasks C Properties 2 gt E Property Value file identifier State 6 image warning_before_exit jpg E label Warning before exit F pagetype warning_before_exit screenflowtype Figure 61 eGovIPM un plugin d Eclipse 6 2 1 Aujourd hui Eclipse Eclipse 2008a est une plateforme de d veloppement robuste et in contournable qui offre des fonctionnalit s avanc es d dition graphique de gestion de l espace de travail d analyse automatique etc En outre cette plateforme peut tre tendue selon ses besoins gr ce l ajout de plugins p ex environnement de d veloppement C diteur graphi que UML etc Une nouvelle version de SWCEditor Winckler et coll 2004 a t d velopp e 138 Architecture logicielle sous forme de plugin Eclipse pour s int grer cette plateforme en conservant les fonctionnalit s d dition et de simulation de mod les de navigation StateWebCharts fournies par SWCEditor Notre outil eGovIPM est une extension de cette nouvelle version de SWCEditor dont l objectif est de satisfaire les besoins d op rationnalisatio
175. ate9 2 0 0 2 01010 0 o putea 0 E EOE BEE a wi PE as S ba Se soma a lelelelelelelelelele paanan oolololololelolelee un ann fat leaflet elolelel D SSSR SERRE saade em 36 i a 4 Analyste Frequence d utilisation d outils Ke oO 24 tat H 25 13 o 14 4 Analyste MOYENNE H 28 6 2 4 1 2 4 0 3 9 3 0 8 0 7 0 1 3 0 18 23 N 0 o o os 1 2 2 3 0 3 1 1 14 Nn n o n n 0 4 0 7 0 9 0 4 0 3 0 2 1 0 0 23 0 207 Annexe F Patrons couverts par eGovIPM Annexe F Patrons couverts par eGovIPM Base pour un nouveau wireframe A Apparait ou peut tre A ajout un wireframe Libre Patrons Login d encha nement Tableau de bord d crans Wizard avec guidage fort Wizard avec guidage souple lt lt lt X lt x X lt lt X Wizard avec r capitulatif ditable x lt TOTAL _ Accus de r ception Avertissement avant sortie Formulaire de contact Patrons Liste des informations a rassembler de page Liste de taches Page de formulaire Page de login Page de wizard R capitulatif X X XxX X X X X XxX Xx lt lt lt lt lt lt lt lt lt TOTAL o Le 208 Non pris en compte dans le d velop pement de l
176. ation de l un d eux au cours d une r union Il est tentant pour moi d exprimer les besoins directement par le biais de pages HTML et j utilise cet outil quasi syst matiquement Le codage est facile m me si je nai pas de formation en d veloppement informatique et il me fournit rapidement un support expressif et lisible pour mes interlocuteurs Toutefois je me rends compte que par ce biais je ne rapporte pas seulement les besoins je les interpr te et je sous entends des d cisions anticip es en termes d interface Un analyste R union de conception du StyleGuide octobre 2006 Les besoins sont discut s ajust s et d taill s en fonction des contraintes techniques co nomiques et temporelles de chaque membre de l quipe et des personnes qu il repr sente Par exemple le responsable des d veloppeurs pr cise que si telle fonctionnalit est retenue une dizaine de journ es de d veloppement est requise plein temps pour un d veloppeur Le chef de projet quant lui se fait le porte parole du client au niveau de ses contraintes conomiques et temporelles Apr s discussions les besoins sont formalis s sous forme de besoins fonction nels de contenu et utilisateurs puis ils sont transmis une partie de l quipe technique charg e de la premi re version du prototype de l interface Conception bas e sur prototype Les d veloppeurs d interface et les graphistes con oivent un prototyp
177. ations qui ont d y tre successivement apport es Le sujet 4 le rejoint sur les questions de productivit Int gration des principes d utilisabilit Place du centre de comp tences en utilisabilit Les sujets voquent un recours syst matique au centre de comp tence en utilisabilit pour l valuation de l utilisabilit de leurs propositions et des corrections ventuelles Conscients que leurs wireframes passeront cette tape de validation ils ne cherchent pas trancher certaines d cisions qui leur semblent relever de la comp tence de ce service La disposition du bouton Valider c est discuter avec l usability g n ralement On leur soumet des maquettes de ce genre et on leur demande ce qui se fait au ni veau best practices et tout a Par exemple ici il mettra un bouton lorsqu une ac tion suppose une introduction dans une base de donn es ce genre de choses Sujet 7 le 15 avril 2008 On n a pas toujours le temps d aller tout re v rifier dans le StyleGuide donc par fois c est pour a qu on repasse par l quipe de usability pour tre certains que ce qu on fait correspond bien au StyleGuide Sujet 8 le 15 avril 2008 Les sujets 7 et 8 con oivent leur wireframe sans chercher trancher eux m mes sur cer tains points pour lesquels ils pressentent que l utilisabilit ne sera pas optimale Le centre de comp tences en utilisabilit inspectera le wireframe et p
178. aux aptitudes de l utilisateur L ergonomie et la psychologie cognitive ont ainsi pos les bases de la discipline Voici plusieurs formalismes de mod lisation de t ches significatifs dans le domaine de l Interaction Homme Machine e GOMS Goals Operators Methods Selectors Card Newell et Moran 1983 d compose une tache en sous taches jusqu a ce que chaque sous tache puisse tre va lu e en termes de temps d ex cution Ce temps d ex cution tient compte de la r flexion et du temps d action il est tabli d apr s un mod le cognitif de l utilisateur Les applications peuvent ainsi tre valu es de fa on quantitative ce qui s av re surtout pertinent pour comparer plusieurs interfaces e MAD M thode Analytique de Description des t ches Pierret Golbreich Delouis et Scapin 1989 d crit les t ches en termes de pr et post conditions d tats initial et final de l environnement de la t che de priorit s entre t ches et de possibilit s d interruptions Les objets du domaine font ainsi partie de la description de la t che en particulier dans la derni re version du formalisme intitul N MDA Noyau du Mod le de Description de l Activit Lucquiaud 2005 Cette derni re s attache en effet d crire les objets de l environnement de la t che de fa on coh rente et non ambigu e TKS Task Knowledge Support Peter Johnson 1992 est une m thode historique de mod lisation de t che
179. bon nom C est d j parfois un probl me a s appelle comment Alors je vais chercher tout et je vais regarder partout pour voir Est ce que c est l dedans Sujet 1 le 15 avril 2008 Une chose 4 am liorer dans le StyleGuide c est la navigabilit Faut dire qu on ne trouve pas toujours les choses quand on veut les trouver Ce que j ai fait d abord parce que je suis d butant donc je ne savais rien du tout j ai pris tout le Style Guide et je l ai lu en entier Donc je savais plus ou moins tout le contenu Mais apr s j ai essay de chercher ce que je voulais et J y ai pass un bon moment Finalement un membre de l quipe Usability m a justement appel pour cette valuation et je lui ai pos la question Aussi les noms ne sont pas tr s signifi catifs Par exemple je savais qu il y avait un truc avec les erreurs ben c est input error donc moi je mettrais plut t erreur d abord Sujet 2 le 16 avril 2008 Et l utilisateur aura un calendrier avec les dates pour lesquelles il y a des re pas r serv s pour cet enfant l Donc j irais voir ici ce qui est en rapport avec les calendriers Par contre je ne sais pas o c est donc c est l que les ennuis com mencent Rires J ai une connaissance globale du StyleGuide ce qui fait que je me doute de ce qu il y a dedans et de ce qu il n y a pas Puis
180. celui de l illustration avec la technique des Personas cf 2 2 4 Une Persona au moins est d crite appartenant au profil pr vu comme tant le plus fr quent visiteur de l application Ses caract ristiques et objectifs d passent la fa on dont il est vu sur cette application ses habitudes vis vis de l utilisation du Web ses comp tences en informatique son degr d utilisation de l e Gouvernement son attitude vis vis des nouvelles technologies seront notamment d crits M me dans les entreprises pourvues de responsables ditoriaux et d experts en bases de donn es l analyste est le premier sugg rer un mod le de donn es Cette tape est n cessaire pour une description coh rente de l interface notamment de l information mise disposition des fonctionnalit s autoris es sur ces informations de la gestion des profils sur l application Il est ici sugg r de r aliser ce mod le de donn es pr liminaire sous forme d un mod le Entit Relation Cette notation permettra notamment de repr senter les actions que chaque profil peut r aliser sur chaque donn e par le biais de relations entre entit s de profils et de donn es Dans le cas d applications d e Procuration proc durales la proc dure est mod lis e par le biais d un formalisme adapt par exemple avec un diagramme d activit s Les interactions entre agents et syst me sont ainsi repr sent es ainsi que les interactions
181. ces efficaces et utilisables Ces patrons sont propos s dit s publi s puis valu s par une quipe d experts en utilisabilit avant d tre soumis aux commentaires des utilisateurs des patrons eux m mes plusieurs it rations permettent d atteindre la Fa on Yahoo derni re tape de l am lioration de patrons Chaque patron contient les attributs suivants Description br ve Cas d utilisation D tails d impl mentation Patrons associ s Argumentation rationnelle bas e sur des recom mandations ergonomiques et Conseils pour appliquer ce patron tout en respectant les normes d accessibilit de Yahoo Patrons de conception d interface utilisateur La conception d interfaces 3 Biblioth que de Patrons de Conception de Yahoo http help yahoo com help uk accessibility dernier acc s 25 sept 08 55 Interaction Design Pattern Library Martijn Van Welie 2007 Martijn Van Welie Martijn Van Welie 2007 propose un catalogue de patrons pour la conception d interfaces qui couvre plusieurs types d applications interactives applications mo biles applications de bureau GUI et applications web Ces patrons sont group s selon plu sieurs cat gories correspondant aux motivations possibles de la recherche et de application d un patron L auteur consid re que le concepteur d une interface se pose des questions de conception en termes de besoins Des questions plus g n rales
182. cette page c est donc le wireframe g n rique du catalogue de patrons qui appara t La Figure 45 a t g n r e automatiquement galement mais l analyste a sp cifi sur le mod le State WebCharts de la navigation qu un wireframe personnalis tait disponible il appara t alors Cantine de Goville Identification Description Outgoing links login OK gt Gestion des repas erreur de login gt Identification Available for all pages of Cantine de Goville screenfiow vers ecole gt Ecole external link Back to index Wireframe of this page page type login_page Identifiez vous pour retrouver vos informations personnelles Identifiant Exemple 00000000 Ce n figure sur foment Onicha Mot de passe Mot de passe oubli Cr er un compte ttt Take a look at the patterns catalogue This screenflow pattern dashboard This page pattern login page Figure 44 Page XHTML du squelette de l application g n r par eGovIPM Identification Cantine de Goville Gestion des repas Description Outgoing links modifier gt Gestion repas enfant modifier gt Gestion repas enfant2 modifier gt Gestion tous enfants Available for all pages of Cantine de Goville screenflow se deconnecter gt Identification vers ecole gt Ecole external link Back to index Wireframe of this page page type tasks_set Cantine de l cole de Goville G re
183. cha nements d crans r currents nl Mh ce A propos de la S curit Sociale Contact Plan du site be Q Homepage t Citoyen Entreprise F Professionnel securitesociale be professionnel Vous n tes pas annonc s annoncer s enregistrer Dossier interruption de carri re et cr dit temps Interruption de https www socialsecurity be login Mozilla Firefox carri re Fichier dition Affichage Historique Marque pages Outils 2 Consulter gt Apropos de l interruption de 7 Fe carri re C gt Hete m ma ol Se Consulter le dossier Vous avez le choix de vous identifier d une des deux mani res suivantes soit en utilisant votre user ID mot de passe et token fonctionnaire re u part GS enregistrement sur le site www belgium be ONEM te 3 E iai Identification par token Last modified 29 January 2008 soit en utilisant votre carte d identit lectronique en cliquant sur le lien ci des Identification par carte d identit lectronique www socialsecurity be zotero L g re pluie 8 C 7 C S Mar10 C amp N Figure 83 Ouverture d une application destination d un professionnel dans une nouvelle fen tre capture d cran r alis e le 24 mars 2008 Int gration un portail Portail Figure 84 Mod le SWC de l encha nement d crans Int gration un portail 177 Annexe B Pages r currentes Annexe B Pa
184. changement de personnel Quand des adresses email sont ins r es dans une page HTML elles doivent tre affich es au format universel L affichage du seul nom des personnes ne suffit pas car e un utilisateur novice du Web pourrait ne pas r aliser qu il peut contacter la personne si seul son nom est affich des utilisateurs peuvent avoir modifi la configuration par d faut de leur navigateur Web IIs peuvent avoir d sactiv le souli gnage des liens ou avoir configur la couleur des liens comme identique a la couleur du texte standard Figure 18 Recommandation du UK e Government unit pour l affichage des coordonn es de contact issue de UK e Government unit 2004 UK e Government unit 2004 3 9 Clignotement d cran Un cran clignotant ou flashant peut provoquer des crises chez certains utilisa teurs atteints d pilepsie photo sensitive et les d veloppeurs de contenu devraient viter de faire clignoter l cran Les crises peuvent tre d clench es par un cligno tement ou un flashage compris dans un intervalle de 4 59 flashs par seconde Hertz avec un pic de sensibilit 20 flashs par seconde ainsi que des change ments rapides du sombre au lumineux comme l effet stroboscopique Figure 19 Recommandation 3 9 du WAI pour le clignotement d cran Plusieurs difficult s se posent au concepteur qui souhaite utiliser ces recommandations D abord le jargon technique employ pour les d crire peut t
185. chnique Xerox PARC http heim ifi uio no trygver 1979 mvc 1 1979 05 MVC pdf 159 Reeves Leah M Jennifer Lai James A Larson et coll 2004 Guidelines for multimodal user interface design Commun ACM 47 no 1 57 59 Reuchlin Maurice 1992 Psychologie 15 d Presses Universitaires de France PUF Ronkko Kari 2005 An Empirical Study Demonstrating How Different Design Constraints Project Organization and Contexts Limited the Utility of Personas Dans HICSS 220 1 IEEE Computer Society 3 6 Janvier 2005 Royce W W 1970 Managing the development of large software systems concepts and tech niques Dans IEEE WESCON 08 1 9 Monterey California USA Rumbaugh James Grady Booch et Ivar Jacobson 1999 The Unified Modelling Language Reference Manual Reading Massachusetts USA Addison Wesley Longmann Inc Scapin Dominique Jean Vanderdonckt Christelle Farenc et coll 2000 Transferring knowl edge of user interfaces guidelines to the Web Dans International Workshop on Tools for Working with Guidelines TFWWG 293 304 Biarritz France Springer Verlag Londres 7 8 Octobre 2000 Scapin Dominique Louis 1990 Des crit res ergonomiques pour l valuation et la conception d interfaces utilisateurs Dans XXVI congr s de la SELF Montr al Canada 3 Octobre 1990 Scapin Dominique Louis Corinne Leulier Jean Vanderdonckt et coll 2000 A framework for organizing web usability guidelines Dans 6th confe
186. cier d accessibilit des travaux s attachent fournir des outils de v rification intervenant de plus en plus t t dans le processus de conception Les travaux portant sur l int gration automatique de r gles ergonomiques en e Gouvernement concernent ainsi majoritairement l accessibilit Sou cieux de respecter les standards d accessibilit e Citiz Genitech 2007 est un diteur d applications d e Procuration qui fournit une v rification des r gles d accessibilit au cours de la conception La sp cification de l application est bas e sur des mod les donn es processus navigation et la v rification porte sur ces artefacts interm diaires comme le recommandent Xiong Farenc et Winckler 2007 Biblioth que de Patrons de Conception de l Interaction 56 Au vu de notre tat de l art de la litt rature il n a pas t publi l heure actuelle de cata logue de patrons d interface pour l e Procuration Cette absence est sans doute due au fait que la maturit requise pour l tablissement de patrons a t atteinte tr s r cemment dans le domaine d gager de bonnes conduites de conception n cessite en effet un recul important sur les alter natives de conception et leurs cons quences compar es En revanche de nombreux patrons ont t d finis pour l e Commerce p ex Martjin Van Welie 2007 domaine proche de l e Procuration sur certains aspects Wimmer 2001 Cependant la nature d
187. ckler 2006 Cette figure pr sente un exemple d informations qui seraient n cessaires la sp cification d une proc dure administrative sur la base de mod les Il s agit d une proc dure d inscription d enfant un centre a r dans laquelle une activit consiste v rifier que l enfant r side dans la ville du centre a r Cette activit n cessite l acc s au registre de la mairie regroupant les habitants de la ville cette ressource n tant autoris e qu au directeur du centre a r La d finition de ce simple ensemble de contraintes implique la participation de plusieurs mod les comme il appara t sur la figure M thode de conception de site Web 38 Mod le organisationnel AGENT Mathilde ROLE Directrice du centre a r Fun amp Games DROITS D ACCES Le directeur du MODE D ALLOCATION Mathilde a obtenu sa qualification centre peut lire modifier effacer de directrice le 14 01 2005 L quipe administrative de toute entr e du registre de la Fun amp Games l a nomm e directrice le 27 05 2006 mairie tout moment COMPETENCES Le directeur du centre doit inscrire les enfants rencontrer les parents g rer les autorisations REALISEE PAR k de sortie etc Le directeur du centre valide les Mod le du domaine inscriptions S EIRT Loane RESSOURCES D tails personnels des enfants E nom ABADIE L o n le 2000 08 17 r gime Se Be a 5 alimentaire normal etc Nombre
188. conserver les rep res de Vutilisateur Au vu des remarques faites par les sujets observ s le formulaire de suggestion doit tre accessible et accommodant Les intitul s des champs doivent tre d taill s et compl t s par un exemple illustratif Il doit galement bien tre sp cifi que le formulaire peut tre rempli partiel lement la forme du formulaire doit le sugg rer tr s fortement Si l utilisabilit du formulaire n est pas suffisamment consid r e les utilisateurs tr s accapar s par leurs activit s quotidien nes de travail ne feront pas l effort de le remplir Il serait galement appr ciable qu un budget transversal d di la participation au StyleGuide soit envisag au moins pour les analystes Il est estim a priori 0 75 jour par mois et par analyste et couvre la consultation r guli re des actualit s du StyleGuide et les plus rares suggestions d ajout ou de modification Am liorer l utilisabilit du StyleGuide Avant tout pour assurer des rep res au lecteur et utilisateur du StyleGuide nous sugg rons de syst matiser la forme des guidelines chacun doit disposer de titres et sous titres simi laires quelque soit le guideline consid r Ces titres et sous titres seront repris pour la concep tion du formulaire de suggestion Les titres g n ralement rencontr s dans la litt rature sont en Anglais Title Description Rational Examples good and bad Use cases must should
189. ct Eranova Nous sommes l pour r pondre toutes vos questions sur les services en ligne de la s curit sociale aux applications s curis es Vous pouvez nous envoyer vos questions via le formulaire ci dessous ont tout int r t introduire Attention d abord leur log in Nom lt Cs C est en effet la seule fa on Pr nom pour nous de pouvoir r pondre Num ro de Registre National CO ou questions s r baseia donn es fiables Num ro de t l phone Si vous n avez pas encore Adresse e mail introduit votre log in vous Num ro d affiliation l ONSS pouvez le faire via l cran de PL lodin Num ro d entreprise ou Si vous ne poss dez encore d administration ni nom d utilisateur ni mot de Nom de l entreprise ou de 777 passe consultez la rubrique l administration Acc s s curis A quel propos avez vous une question G n ral gt Formulez ici votre question max 1500 caract res Il ne vous reste que 1499 caract res Figure 98 Formulaire de contact du portail de la s curit sociale capture d cran r alis e en octobre 2006 Formulaire de d claration Les formulaires simples dits de d claration contiennent un ensemble de champs qui par souci de lisibilit sont group s par cat gorie d s que leur nombre d passe sept Les en t tes de groupement de champs doivent tre clairement signa l s comme par exemple dans l exemple de la Figure 99 o ils apparaissent sur fond b
190. cture sera d crite sur papier avec le formalisme StateWebCharts 196 Annexe D Mat riel d valuation du StyleGuide Questions compl mentaires Je suis satisfait de ma production O Pas dutout O Plut tnon OF Plut toui O Tout a fait Je pense que les pages et la structure hypertexte que j ai produits seraient utiles pour la conception de ce site Web O Pas dutout O Plut tnon OF Plut toui O Tout a fait Mes productions seraient lisibles et critiquables par tous les intervenants de la conception de l interface du client au d veloppeur O Pas dutout O Plut tnon OF Plut toui O Tout a fait Les informations n cessaires pour la sp cification de l interface sont pr sentes O Pas dutout O Plut tnon OF Plut toui O Tout a fait Mod liser la structure hypertexte aide voir l application dans sa globalit O Pas dutout O Plut tnon OF Plut toui O Tout 4 fait Je repr sente la structure hypertexte de l application lors de sa sp cification D oui O non Si oui avec quel outil quelle notation Mon avis sur le formalisme StateWebCharts Les difficult s Les avantages Les inconv nients Il y a des informations que j aurais souhait sp cifier et qui n apparaissent ni sur les pages ni sur le mod le SWC D oui O non Si oui lesquelles 197 Annexe D Mat riel d valuation du StyleGuide SCENARIO 2 Pour le m me site Web d autres propositions vous sont pr sent es pour les pages du site pour la struc
191. cuter une autre ou bien quitter l application R alisation Restrictions Tel qu il appara t dans notre catalogue ce patron peut faire figurer un enchainement d crans comme t che r aliser ex un wizard avec guidage souple Dans cette premi re version d eGovIPM nous consid rons pour simplifier qu une t che peut seule ment tre une Page de formulaire et non un en chainement d crans Wizard avec guidage fort easier tes informa I I t Page de Page de Page de Fe wara Lt wizard wars Laver JP ire isen _ de ia proc dure p R captulatt vence Accut de r ception Description Ce patron Wizard avec guidage fort propose une s rie d tapes suivre pour r aliser un objectif Une fois que le r capitulatif des informations saisies a t valid un accus de r ception est affich Pour modifier une de ces informations l utilisateur est forc de revenir l tape concern e par la modification et de traver ser de nouveau chacune des tapes qui la suivent R alisation RAS Wizard avec guidage souple Modifier les informations soties Liste des informations je rassembler f Formulaire Avertissement Ge contact avant sorne 3 T i 1 LE o R capitutatit Valider Accuse de P ce i proc dure r cention Description M me propos dans ce Wizard avec guidage souple que dans le patron Wiza
192. d autoriser l utilisateur param trer les r les pour lesquels il veut voir les guidelines par exemple Ana lyste fonctionnel et Graphiste Am liorer la communication autour du StyleGuide Tous les sujets interrog s pensent que leur exp rience est utile leurs coll gues et trou vent gratifiant de partager cette exp rience Le StyleGuide peut tre un support de communica tion pour une communaut de concepteurs aux int r ts convergents chacun ayant son r le jouer dans le bon fonctionnement des activit s des autres Cependant les sujets interrog s n utilisaient pas tous la m me version du StyleGuide et ce manque de coh rence est un obstacle leur participation active ce projet L quipe responsable du StyleGuide doit ainsi fournir un effort sur la communication autour du StyleGuide Une nouvelle version doit tre valoris e avec un courrier lectronique l annon ant officiellement tous les utilisateurs et indiquant http fpontico free fr limesurvey index php sid 72227 amp lang fr dernier acc s 25 sept 08 130 quelles avanc es elle repr sente Pour des versions comportant des changements importants des r unions de pr sentation peuvent tre l occasion de lister ces changements sans entrer dans le cadre d une formation formelle co teuse en temps Les ajouts et modifications significatives de guidelines doivent galement tre mis en va leur D une part ils son
193. d e Procuration Quelles informations sont n cessaires pour qu un patron d interface d e Procuration soit applicable Quelle latitude faut il laisser pour la personnalisa tion d une solution standard Comment tablir un standard d interface qui garantisse Vutilisabilit sans tre un frein la cr ativit Quand et comment int grer l utilisation de pa trons d interface un processus de conception d e Procuration Comment fournir les moyens d explorer les patrons pour que le concepteur reconnaisse parmi les solutions propos es celle qui correspond au probl me rencontr Comment fournir des moyens de comparer plusieurs solutions entre elles Comment autoriser l ajout d une solution n apparaissant pas dans le cata logue de patrons d interface Quelle structure mettre en place pour valider et publier cette nou velle solution comme une nouvelle bonne pratique de conception d interface d e Procuration Nous tentons de r pondre ces questions dans la section suivante qui pr sente notre contribu tion une m thode de conception d interfaces d e Gouvernement bas e sur des patrons 60 3 L e Gouvernement sur le terrain une observation exploratoire Une observation naturaliste des activit s de conception a t men e dans l entreprise SmalS d di e au d velop pement d applications pour le gouvernement belge Il s est agi de confronter les m thodes th oriques de conception telles qu
194. d veloppement le squelette est un support pour l expression pr cise des besoins collect s et sp cifi s lors de l analyse fonction nelle PERSPECTIVES COURT TERME Ce travail de th se porte sur la mise disposition de connaissance ergonomique pour la conception sans contribution sur la connaissance ergonomique elle m me Toutefois pour ren dre notre m thode op rationnelle il est n cessaire d enrichir et de valider par inspection experte le contenu du catalogue de patrons enchainements d crans pages et composants de base L ontologie des concepts des patrons doit tre effectivement int gr e dans le catalogue Une enqu te pr liminaire doit tre r alis e aupr s d utilisateurs analystes pour connaitre leur mode de raisonnement et en d duire des pistes de pr sentation de l ontologie La navigation au sein du catalogue pourra tre rendue plus efficace par le biais de moyens de visualisation adapt s p ex r seau en toile ou arbre ou la mise disposition de fonctionnalit s de personnalisation L ontologie doit prendre en compte des attributs tels que le niveau d accessibilit d un patron ou les dispositifs physiques pour lesquels il est le plus adapt p ex navigateur Web ou PDA L utilisateur du catalogue pourrait ainsi pr ciser ses contraintes pour naviguer dans le catalogue par exemple Accessibilit de niveau Bronze exig e label AccessiWeb ou encore Lisibi lit depuis un PD
195. dans ces tapes Une bo te d avancement appara t sur le c t droit de la page comme par exemple sur la Figure 101 Les tapes franchies avec succ s ou insucc s sont indiqu es clairement et l utilisateur se localise ainsi au c ur de la proc dure n tr de Hulp Sluit meldingsplictt Meldingsplicht buitenlandse werknemer zelfstandige Belgische firma Hoe kan ik sen Belgische firma selecteren Sta i Belgische firma Een bedrijf gt RENE 7 T KBO Naam Straat Nr Pcode Gemeente Provincie 2 plaatsvan v tewerkstelling M 123456 Eennaam Brusselse steenweg 138 1000 Brussel1 Brussel T y 3 Belgische gebruiker v amp Indien u en andere Belgische firma wenst te selecteren gelieve dan eerst de huidige 4 werkne selectie te verwijderen 5 6 gt volgende Figure 101 tape d assistant de l application Limosa capture d cran r alis e en octobre 2006 GUIDAGE Les op rations de guidage se limitent ici au remplissage des formulaires et laissent de c t les pages g n rales d aide l utilisateur Il est toutefois noter que tout l ment d interface qu il s agisse d un l ment d affichage de navigation ou de saisie comporte sa part de guidage Jeton 187 Annexe B Pages r currentes Toutefois dans le cas d un formulaire l affichage des contraintes pour la saisie d un formulaire ne met pas l abri d une erreur de l utilisateur qu il s agisse de l o
196. de conception d interfaces Star 17 Figure 6 Cycle de d veloppement OOUI Collins 1995 18 Figure 7 Cycle de d veloppement Nabla issu de Kolski 1998 18 Figure 8 Cycle de d veloppement RUP sense 20 Figure 9 Cycle de vie en O d un site Web Scapin et Coll 2000 21 Figure 10 Variables pour l valuation de l utilisabilit issu de Nielsen 1993 22 Figure 11 Persona Matthieu d une application centralisant le signalement d un changement d adresses sn sinks EESTE EE Nbre inerte idee Midas bight anes 25 Figure 12 Mod le CTT de la t che Signaler un changement d adresse gt 29 Figure 13 Mod le BPMN de la proc dure Signaler un changement d adresse ssns 30 Figure 14 Mod le de domaine Entit Relation d une application de signalement de Changement d adresse isin ariii ieren eE e eE E OEE OOA NEE EEE EEA E a EEN Ee 32 Figure 15 Mod le Organisationnel des Traitements de la proc dure Enregistrer un CHAN SEMEN GALESSC V ET AOI TAE ca ahs AT O Ta 33 Figure 16 Mod le de navigation SWC d une application d di e au signalement d un CHAN SEMEN d adresse iii Meter dd av eg Pe Rs ierra ea ge 35 Figure 17 Exemple d informations n cessaires la sp cification d une proc dure administrative inscription au centre a r Fun amp Games 39 Figure 18 Recommandation du UK e Government unit pour l affichage des coordonn es de contact issue de UK e Government u
197. de l cole communale de Goville Acc s par identifiant pour un parent pour inscrire ses enfants la cantine certains jours l identifiant est remis en mains propres Un repas peut tre ajout ou annul jusque trois jours avant la date du repas Les responsables de la cantine peuvent consulter le nombre de repas pr vus le jour m me ou les jours venir Un parent identifi peut r gler le montant d par carte de cr dit les repas venir pour le mois Proposer un guideline ajouter au StyleGuide pour ce module de paiement par carte de cr dit en remplissant le canevas propose Canevas de guideline fonctionnel pour une page Titre du guideline Recommandations Rationnel Cas d utilisation au moins un Doit ce guideline doit tre utilis dans les cas suivants Devrait ce guideline devrait tre utilis dans les cas suivants Ne devrait pas ce guideline ne devrait pas tre utilise dans les cas suivants Ne doit pas ce guideline ne doit pas tre utilise dans les cas suivants 202 Exemples au moins un Positifs exemples 2 suivre N gatifs exemples 2 ne pas suivre Ressources externes Prototype aper u de la page telle qu il est recommand de la concevoir Annexe D Mat riel d valuation du StyleGuide 203 Annexe D Mat riel d valuation du StyleGuide Questions compl mentaires Les l ments suivants me font g n ralement r aliser qu un
198. de la proc dure apparaissent en core et les informations enregistr es au cours de la proc dure apparaissent dans l ordre de saisie L annulation totale de la r alisation de la proc dure est encore possible ou bien la correction d une partie seulement des donn es saisies directement sur le r capitulatif ou par le biais de retours en arri re vers les tapes corriger comme le propose le r capitulatif de la Figure 88 R capitulatif de la d claration Dimona Lisez cet aper u attentivement et apportez si n cessaire des corrections Vous pouvez galement ajouter une rence pour votre usage personnel Ce n est cependant pas obligatoire Donn es de l Employeur Numer Jenbfication l ONSS Affiliation ONSS Num ro d entreprise Donn es du Contrat de Travail Natur gt la d daratior Entr e en service Date d entr e 16 04 2002 te de sorbe 20 02 2003 mission pantairs Transport ype de traralleur Travailleur ordinaire Identification du Travailleur Hur ro d identification la s curit sociale NISS R f rence propre Revenir an omer Envoyerls d claration Figure 88 R capitulatif de la d claration Dimona capture d cran r alis e en octobre 2006 Liste d l ments Une page fait souvent appara tre une liste d l ments pouvant atteindre de grands volumes dans le cas d applications destination de professionnels de l administration La liste pr sent e sur la Figure 89 est
199. de places utilise le registre peated aes le leu ce raicence disponibles 7 Registre de la mairie d tails de la mairie k lt lt personnels des habitants etc EVENEMENT Demande d inscription OUTILS Outils de bureautique DECLENCHE V rification de r sidence OK gt lance la proc dure d inscription SOUS ACTIVITE V rifier l identit de l enfant e V rifier le lieu de r sidence de l enfant VI TILISE Pour trouver l enfant M d D l ahe pe La dans le registre r pertoriant 0 e e TACHE V rifier le lieu de r sidence les habitants de la ville la SOUS TACHE Chercher l enfant dans personne qui inscrit l enfant Ld de proced u re le registre e V rifier son lieu de r sidence feuillette le registre class par gt nom de famille Modele de tache Figure 17 Exemple d informations n cessaires 4 la sp cification d une proc dure administrative inscription au centre a r Fun amp Games Les informations suivantes devraient appara tre pour la sp cification de la proc dure et des activit s d une application d e Procuration toutes probl matiques li es au Web mises part e Description de l activit centr e sur l utilisateur les buts pouvant tre satisfaits avec l application y sont d crits du point de vue de l utilisateur et d compos s en termes de t ches et de sous t ches accomplir pour atteindre l objectif e Intervention de plusieurs utilisat
200. des fonctionnalit s qu elles propo sent certaines requ rant une communication avec un syst me tiers le nombre de visites qu elles re oivent le rythme des mises jour p ex quotidien pour des r sultats sportifs annuel pour le site Web d un h tel de petite taille ou encore leur dur e de vie La diversit des applica tions Web fait que de nombreux cycles de vie peuvent r pondre aux contraintes de ces projets Pour le moment il n existe pas de consensus ni sur les phases de d veloppement n cessaires ni sur le cycle de vie qui d crirait au mieux le processus de d veloppement des applications Web Toutefois le cycle de vie du d veloppement d un site Web peut g n ralement tre vu comme un processus it ratif Le cycle de vie en O est ainsi un processus de conception it ratif pour le Web compos des six phases suivantes voir Figure 9 e Expression des besoins c est dire Analyse des besoins Cette phase identifie les principaux buts des commanditaires le contexte d utilisation et les besoins Elle comprend la collecte du contenu de l application qui sera utilis plus tard 20 e Sp cification du site c est dire Mod lisation conceptuelle Cette phase produit des sp cifications partir du contexte d utilisation et des besoins recueillis dans la phase pr c dente Des mod les d taill s sont construits pour formaliser les besoins comme par exemple les t ches utilisateur avec l architec
201. des pages du mod le de navigation en fonction du nombre d tapes franchir ajout de pages au mod le de navigation Cette personnalisation des prototypes en fil de fer est une activit rapide peu co teuse et efficace du point de vue de l avancement de la conception d interface La premi re hypoth se que nous mettons porte sur l utilisabilit du StyleGuide des gui delines qu il contient ainsi que des formes Visio associ es cette utilisabilit doit s ajouter la satisfaction subjective le sentiment de r aliser un artefact utile pour la conception servant de support la communication avec le client et aussi avec l quipe de conception Ces supports doivent de plus tre en ad quation avec les habitudes de travail des utilisateurs de la m thode Tous ces param tres entrent en jeu dans l acceptabilit et l adh sion au StyleGuide Hyp 1 Si un utilisateur doit produire des wireframes de page pour un site Web avec l aide du StyleGuide Alors il est capable de les trouver dans le StyleGuide et de les adapter avec satisfaction et en ayant le sentiment de fournir une documentation utile pour la sp cification de l interface L observation de faits provoqu s nous permettra d observer la mani re dont les utilisa teurs se servent du StyleGuide Le sc nario provoqu pour l observation portera sur la concep tion de wireframes de page avec le support du StyleGuide et galement des formes Visio
202. disation lui permet de d ja connaitre les modes d interaction et rend sa visite plus efficace et agr able L usage de patrons d interfaces permettrait d offrir ces solutions sous forme g n rique de sp cifier le contexte d usage d un patron et de renvoyer ventuellement le concepteur vers un patron plus adapt son contexte et de rassembler les bonnes pratiques pour assurer Vutilisabilit de l application L aspect r current des applications d e Gouvernement a d j t exploit pour les processus par le biais de patrons de processus Verginadis Gouscos et Ment zas 2004 issus de courants de r flexion sur la mod lisation du travail inter organisationnel Cependant au vu de notre tat de l art de la litt rature Pontico Winckler et Limbourg 2007a il n a pas t publi l heure actuelle de catalogue de patrons d interface pour l e Gouvernement Cette absence est sans doute due au fait que la maturit requise pour l tablissement de patrons a t atteinte tr s r cemment dans le domaine d gager de bonnes conduites de conception n cessite en effet un recul important sur les alternatives de conception et leurs cons quences compar es En revanche de nombreux patrons ont t d finis pour l e Commerce p ex Martijn Van Welie 2007 domaine proche de l e Procuration sur certains aspects Wimmer 2001 Cependant la nature diff rente de ces deux domaines quoiqu ils aient
203. dynamiquement le fonctionnement Birou 1966 La mod lisation d une application interactive permet d tudier une partie de l application selon un angle particulier Le langage de mod lisation s il est formel permet une repr sentation sans ambigu t de cet angle de vue sur l application pouvant tre discut e et transmise au sein de l quipe de conception par exemple de l analyste au d veloppeur Sans donner une liste exhaus tive de ces m thodes de mod lisation cette section fournit des r f rences vers des courants de mod lisation significatifs T che utilisateur Une t che utilisateur peut tre d finie comme un but de l utilisateur associ un ensem ble de t ches et d actions ordonn es de sorte que le but soit satisfait leur ex cution dans un contexte particulier p ex avec l aide d une application interactive Storrs 1995 La mod lisa tion de la t che s applique donc d crire l application d un point de vue la fois fonctionnel et interactif Elle servira de guide de conception ou de rep re pour l valuation ce d coupage du but en t ches et sous t ches sert s assurer que l application permet l utilisateur d atteindre ses objectifs par des moyens qui sont en accord avec son contexte d utilisation et ses aptitudes La mod lisation de t che a vu le jour dans un contexte d observation du travail de l utilisateur et d adaptation de l outil de travail
204. e Motivation recommandation issue l expertise IHM Probl me formulation centr e utilisateur et ou centr e application Avantages Solution Cons quences b n fices de l application du patron Exemples et D tails d impl mentation 53 Patron de niveau ornementation Nouveaut s et suggestions Personne ne doit le savoir Je vous ai d ja vu Tout d pend de la couleur La taille est importante Pourriez vous l crire Patrons de niveau page Patrons de niveau site web Bienvenue Nous parlons votre langue Avez vous tout ce dont vous avez besoin Ps eee ae lt lt LE O puis je aller Tout se ressemble Conservez votre vocabulaire Sd Cr IR Ae RE Figure 24 Catalogue de patrons propos par Francisco Montero issu de Montero et coll 2002 The design of sites Van Duyne Landay et Hong 2002 Le catalogue de Douglas K Van Duyne est l usage des concepteurs d interfaces de sites web et il est organis en plusieurs groupes correspondant des besoins utilisateur formul s avec le point de vue du concepteur Natures de sites Concevoir un cadre de navigation Cr er une page d accueil efficace crire et g rer du contenu Instaurer de la confiance et de la cr dibilit e Commerce basique e Commerce avanc Aider les clients r aliser leurs t ches
205. e p res Un r capitulatif est affich lorsque toutes les tapes d une proc dure ont t accomplies donnant la possibilit l utilisateur de confirmer ou d annuler la proc dure Une liste d l ments est affich e g n ralement sous forme de tableau et of fre des modes de tri facilitant sa consultation Une liste de t ches permet un guidage de l utilisateur en fonction des t ches qu il peut r aliser avec l application Des donn es d horodatage identifient de fa on unique la t che en cours de r alisation l utilisateur peut ainsi prouver qu il a souhait r aliser la proc dure ou encore obtenir une aide efficace sur l utilisation de l application e Offre de navigation Les points d entr e directs offrent un acc s une application au travers du choix d une t che d une langue ou d une cat gorie d utilisateurs choix r alis parmi peu d l ments Une page de tableau de bord offre un acc s plusieurs t ches depuis une m me page au sein d une architecture hub and spoke Un filtrage de liste est propos pour masquer les l ments n ayant pas d int r t pour la t che en cours Une recherche d l ment est r alis e sur l ensemble des l ments stock s dans la base relative une application 72 La navigation de service appara t au fil des pages de application g n ra lement en t te de page
206. e 1992 Prose Processing in Adulthood The Text the Reader and the Task Dans Everyday Cognition in Adulthood and Late Life 157 194 New York NY USA Leonard W Poon and B A Wilson Momotko Mariusz Wojciech Izdebski Efthimios Tambouris Konstantinos Tarabanis et Mirko Vintar 2007 An architecture of active life event portals generic workflow ap proach Dans EGOV 104 115 Regensburg Allemagne Springer Berlin Heidelberg 3 7 Septembre 2007 Montero Francisco Maria Lozano Pascual Gonzalez et Isidros Ramos 2002 Designing web sites by using patterns Dans SugarLoafPLoP 209 224 Itaipava Br sil State University of Sao Paulo 5 7 Ao t 2002 Montero Francisco et Victor L pez Jaquero 2006 IdealXml An Interaction Design Tool Dans Computer Aided Design Of User Interfaces 245 252 Bucharest Roumanie Springer Verlag 5 8 Juin 2006 Morgan David L 1997 The Focus Group Guidebook ler d Sage Publications Inc 24 Juillet 1997 Navarre David Philippe Palanque R mi Bastide Fabio Paterno et Carmen Santoro 2001 A tool suite for integrating task and system models through scenarios Dans DSV IS Glas gow Ecosse UK LNCS 2220 Springer 13 15 Juin 2001 Nielsen Jakob 1990 Improving a human computer dialogue What designers know about tra ditional interface design Communications of the ACM 33 no 3 Mars 1990 1993 Usability engineering London UK Academic Press Limited 1994 Heuristic
207. e du catalogue qui statuera sur cette proposition Il est invit l issue de son formulaire en voyer par courrier lectronique un prototype du patron sugg r Son email est requis pour le tenir au courant du devenir de sa suggestion Les informations demand es dans le formulaire sont les suivantes e Nature de la suggestion ajout ou modification champ obligatoire en cas de modification la suite des questions est remplac e par 1 la saisie de http fpontico free fr limesurvey index php sid 72227 amp lang fr dernier acc s 25 sept 08 http www limesurvey org dernier acc s 25 sept 08 86 VURL du patron modifier 2 un champ de commentaire libre 3 la saisie de l email du contributeur e Titre du patron champ obligatoire tel qu il apparaitrait dans le catalogue e Br ve description du patron champ obligatoire e Exemples bons ou mauvais champ facultatif il est demand de pr f rence de fournir des exemples issus d applications d e Procuration et de signaler P URL de l exemple e Cas d utilisation champ facultatif situations dans lesquelles le patron doit de vrait ne devrait pas ne doit pas tre appliqu e Recommandations de mise en page champ facultatif e Ressources compl mentaires champ facultatif documents ayant aid le contri buteur mettre en place le patron en situation r elle ou compl ter le formulaire de suggestion
208. e source use required type xs string gt lt The target must be either a CompositeState OR a State OR an EndState gt lt xs attribute name target use required type xs string gt lt xs attribute name trigger use optional type xs string gt lt xs attribute name guard use optional type xs string gt lt xs attribute name action use optional type xs string gt lt xs attribute name stereotype use optional type xs string gt lt xs complexType gt lt xs element gt lt xs element name GraphicBounds gt lt xs complexType gt lt xs attribute name x use optional type xs integer gt lt xs attribute name y use optional type xs integer gt lt xs attribute name width use optional type xs integer gt lt xs attribute name height use optional type xs integer gt lt xs complexType gt lt xs element gt lt xs element name Point gt lt xs complexType gt 213 Annexe H Grammaire du format XML de description des enchainements d crans lt xs attribute name x use required type xs integer gt lt xs attribute name y use required type xs integer gt lt xs complexType gt lt xs element gt lt xs simpleType name CompositeStateType gt lt xs restriction base xs string gt lt xs enumeration value dashboard gt lt xs enumeration value login gt lt xs enumeration value strong_wizard gt lt xs enumeration value supple_w
209. e 2004 rel ve que sur seize projets de conception d e Gouvernement men s en Norv ge seu lement trois ont men des tests utilisateurs Ce faible r sultat s explique en grande partie par le co t lev de tests utilisateurs et la n cessit d une expertise en facteurs humains pour analyse des r sultats Lili Wang Lili Wang Bretschneider et Gant 2005 sur la base d un tat de l art des m thodes d valuation de l utilisabilit adapt es l e Gouvernement observe galement un manque d inclusion de l utilisateur la conception en e Gouvernement De fa on g n rale l valuation reste statique et ne prend pas en compte aspect comportemental de l utilisateur De nombreuses enqu tes d usage de l e Gouvernement sont publi es sur le Web Elles portent souvent sur l usage et la satisfaction envers l e Gouvernement des citoyens d un pays donn comme par exemple l enqu te d mographique d usage et de satisfaction de l e Gouvernement en Australie AGIMO 2006 Toutefois les enqu teurs chouent r guli rement dans la mise en vidence de facteurs concrets motivant et d motivant l usage d applications d e Gouvernement Kunstelj Jukic et Vintar 2007 Suite une enqu te t l phonique men e aupr s de 1028 citoyens en Slov nie les auteurs ont tabli un graphe explicitant les facteurs ayant un impact sur l utilisation et la satisfaction vis a vis de l e Gouvernement
210. e 31 Attribut Cas d utilisation du patron Wizard avec r capitulatif ditable 83 Figure 32 Attribut Mise en page du patron Tableau de bord v ceiccesccesccssesseeneeeneeeseeennetnaes 84 Figure 33 Attribut Ressources du patron R capitulatif ss 84 Figure 34 Attribut Prototype du patron Wizard avec guidage fort 84 Figure 35 Attribut Prototype du patron Page de wizard ss 85 Figure 36 Proc dure de mise jour du catalogue de patrons ss 86 Figure 37 Formulaire de suggestion d volutions du catalogue 87 Figure 38 Section actualit s de la page d accueil du catalogue de patrons capture d cran r alis e lez juin LOWS accords ne E E EE Sok E a desta suet hae EEE E de a 88 Figure 39 R sultat de la recherche du mot cl date sur le catalogue de patrons capture d cran r alis e le 22 mai 2008 iii inserer 89 Figure 40 Prototype du patron de composant de base Calendrier 90 Figure 41 Prototype du patron de composant de base En t te et pied de page 90 Figure 42 Wireframe de la page Repas des enfants 91 Figure 43 Mod le de navigation SWC du site Web de la cantine de Goville ccccccccscessseeee 91 Figure 44 Page XHTML du squelette de l application g n r par eGovIPM Identification 92 Figure 45 Page XHTML du squelette de l application g n r par eGovIPM Gestion des repas Re Re ne Men Sn Sea is San
211. e Adresse email champ obligatoire Contribuez au catalogue de patrons Sugg rez va ce formulaire qu un patron du catalogue soit modifi ou bien qu un nouveau soit ajout sur la base de vos connaissance et de votre exp nence Le catalogue de patrons ne vaut que si ses utilisateurs le font voluer Merci pour votre contribution There are 10 questions in this survey Load Unfinished Survey next gt gt Exit and Cisar Survey Figure 37 Formulaire de suggestion d volutions du catalogue Volontairement la plupart des champs du formulaire sont facultatifs pour permettre au contributeur de sugg rer l ajout ou la modification d un patron de fa on informelle et rapide Il est n cessaire de sugg rer la personne qui remplit ce formulaire que ses r ponses ne seront pas jug es mais consid r es avec int r t Des exemples de r ponse figurent syst matiquement 4 3 2 valuation et prise en compte de la suggestion Le comit est compos principalement d experts en utilisabilit et d analystes confirm s aptes trancher sur des questions de conception Il doit en effet pouvoir formaliser la suggestion de l analyste pour l int grer au catalogue Quelle que soit la pertinence de la proposition une r ponse est donn e l analyste qui la sugg re afin de le conforter dans son lan de contributeur Si la proposition est prise en compte un avertissement est communiqu la communaut de
212. e Stylecuide Mes responsables T Mes subalternes Mes coll gues de bureau Le client il l utilise ou est au courant de son existence 7 Aucun des choix pr c dents 191 Annexe C Questionnaire d valuation du StyleGuide 9 Mon avis subjectif sur le StyleGuide pas du tout plut t pas plut t tout fait d accord d accord d accord d accord Enqu te sur l utilisation du StyleGuide pr questionnaire Quitter gt 5 O 10 Merci d avoir pris le temps de r pondre ce questionnaire Pour finir indiquez une adresse email laquelle nous pourrons vous joindre pour un ventuel entretien d approfondissement 192 Annexe D Mat riel d valuation du StyleGuide Annexe D Mat riel d valuation du StyleGuide ACCORD DE CONSENTEMENT ECLAIRE Par la pr sente le participant identifi au point 2 accepte de laisser enregistrer sa discussion avec l valuateur ainsi que ses interactions avec l ordinateur mis sa disposition dans le cadre de l exp rience d crite au point 1 Les parties 3 et 4 s engagent a la confidentialit des donn es enregistr es et ne pas utiliser ces donn es d autres fins que celles en rapport avec la recherche d crite au point 1 1 Description de l exp rience Evaluation des conditions d usage du StyleGuide et de l utilisabilit du formalisme State WebCharts dans le cadre de la conception de l interface d une application d e Gouvernement 2
213. e correspondance est ainsi tablie entre deux artefacts destination de deux cat go ries d intervenants au processus de conception Chacun d eux dispose alors d un artefact pou vant nourrir son activit et faire l objet de discussions Les deux parties traitent de deux vues 148 d un m me mod le de navigation ce qui permet une communication indirecte mais sur la base de concepts communs Les principales contributions de cette th se sont d taill es ci apr s Int gration de la m thode un processus de conception bas sur le prototypage Notre m thode de conception est inspir e d une m thode de conception bas e sur des pa trons d interfaces observ e dans l entreprise SmalS Les bonnes pratiques de conception traitant de probl mes de conception d interfaces r currents sont group es dans un catalogue de patrons d interfaces disponible en ligne Notre m thode s int gre un processus de d veloppement bas sur du prototypage moyenne fid lit Pour accompagner le prototypage moyenne fid lit en phase d analyse fonctionnelle les patrons d interface du catalogue sont associ s des proto types moyenne fid lit g n riques e wireframes pour les patrons de pages et de composants de base e mod les de navigation State WebCharts pour les patrons d enchainements d crans L utilisateur de notre m thode adapte les prototypes g n riques issus du catalogue de pa trons au contexte part
214. e d dition sont pr sent es dans le Tableau 10 136 Tableau 10 Transitions autoris es d une page a une autre page Sens de la transition x Accus de r ception Liste d informations ras lt Formulaire de contact x Page de formulaire x Page de login x Liste de t ches lt Avertissement avant sortie lt x tape d assistant lt S quence de login Accus de r ception Liste d informations x lt x x x lt lt rassembler Formulaire de contact lt x x x lt lt lt lt lt x x lt x x x x x R capitulatif v Si assistant avec recapitulatif ditable x Sinon Liste de taches X Avertissement avant X sortie v Si derni re tape tape d assistant eu S quence de login 6 1 2 G n ration d un squelette de l application partir du mod le StateWebCharts repr sentant l encha nement d crans dit avec l outil eGovIPM comme sp cifi dans la section 6 1 1 un squelette de l application concevoir peut tre g n r automatiquement L Annexe G montre la mani re dont le mod le State Web Charts est exploit pour cr er un ensemble de pages XHTML qui soient reli es entre elles conform ment au mod le State WebCharts Sur la base d un mod le de navigation StateWeb Charts il est ainsi possible de constituer un ensemble de pages XHTML li es entre elles conform men
215. e de ce s jour que quelques sujets connaissent pour avoir particip des projets pilote avec le Style Guide Ce s jour est pr sent comme contribution aux recherches pr liminaires de la conception du StyleGuide Les supports utilis s pour la r alisation des sc narios sont reproduits dans P Annexe D Un dictaphone enregistre au format MP3 l ensemble de l valuation discussions annexes ex cution de sc narios et entretiens compl mentaires Un ordinateur portable est la disposition du sujet pour r aliser les sc narios requerrant un enregistrement de captures vid o d crans r alis es gr ce la version de d monstration du logiciel SnagIt Apr s signature de l accord de consentement clair voir Annexe D stipulant ces conditions enregistrement de valuation la discussion et les interactions de l utilisateur avec l ordinateur portable sont ainsi trac es et http www techsmith fr snagit asp dernier acc s 25 sept 08 111 l valuateur peut se concentrer sur la conduite de la discussion Microsoft Visio 2003 en An glais et les formes issues du StyleGuide version 1 7 ainsi que le StyleGuide version 1 7 lui m me affich dans le navigateur Web Firefox sont disponibles sur cet ordinateur portable Par mesure de s curit les ordinateurs portables externes ne sont pas autoris s a se connecter sur le r seau de l entreprise un poste de travail fixe permet toutefois da
216. e de l interface partir des besoins exprim s Plusieurs it rations sont op r es sur ce prototype jusqu ce qu il prenne une forme satisfaisante et valid e par chaque intervenant y compris les clients institu tionnels qui participent certaines de ces r unions de conception plusieurs stades consid r s comme significatifs au niveau des choix de conception le prototype fait l objet de tests utilisa teurs men s par des experts en utilisabilit avec des utilisateurs finaux r els si le public est cibl repr sentatifs si le public est vaste Les observations r alis es lors de ces tests alimentent les discussions au sein de l quipe de conception pour l volution du prototype vers le stade 66 final o il satisfera chacun d eux La technique des Personas cf 2 2 4 est employ e pour personnifier les utilisateurs finaux Cette technique s av re efficace nous avons observ au cours des r unions de conception les intervenants utiliser r guli rement les noms des Personas pour faire r f rence un aspect particulier de l utilisation de l application et appuyer leur argu mentation Les questions de contenu ditorial sont voqu es galement au cours de ces it rations Le contenu dynamique des pages qui sera ult rieurement g n r partir d une base de donn es p ex la liste des entreprises d une ville donn e est fix de fa on arbitraire avec des donn es factices mais r a
217. e de prototypage Les patrons servent de support l analyse et au d veloppement d une application d e Procuration en guidant les concepteurs vers les solutions les plus appropri es L organisation de patrons est tudi e en d tails pour favoriser la navigation en leur sein et la recherche clair voyante de solutions tout au long du processus de conception Un outil soutient l utilisation de cette m thode et fournit un guidage pour la d finition de la structure hypertexte de l application concevoir Cette m thode de conception bas e sur patrons a t employ e dans l industrie sur des projets r els et son applicabilit t valu e sur le terrain aupr s d utilisateurs r els quel ques mois apr s son d ploiement Cette valuation nous a permis d valuer des hypoth ses de recherche concernant le support l analyse fonctionnelle le guidage dans la conception d interfaces ergonomiques la capitalisation et la mise disposition de la connaissance en conception d interfaces Cette valuation a galement ouvert des pistes d am lioration pour une meilleure adaptation aux conditions de travail dans une entreprise et une meilleure acceptabilit par ses utilisateurs Ce m moire de th se pr sente ces r flexions et contributions et s articule de la mani re suivante e Le chapitre 2 fait un tat de l art des cycles de vie et des m thodes de conception d applications interactives La place
218. e des donn es qu il fournit au r seau il ren seigne ses propres m ta donn es et s int gre alors dans la structure s mantique fournie par exemple une ontologie 3 2 2 Organisation des patrons pour la conception en e Gouvernement Le Tableau 4 ci apr s compare les diff rents modes d organisations voqu s dans cet tat de l art en fonction de crit res bas s sur ceux de Sally Fincher groupement d l ments proches et comparaison de points de vue et sur nos propres observations r f rences crois es structure hi rarchique et volutivit Nous consid rons ainsi que pour une organisation efficace favori sant la recherche de solutions de conception ad quates un catalogue de patrons devrait pr sen ter les avantages suivants e Structure hi rarchique l utilisateur doit pouvoir naviguer au fil des patrons sui vant une r flexion de conception classique partant de probl mes de conception de niveau abstrait pour aller vers des probl mes plus concrets e R f rences crois es entre l ments d interface l utilisateur doit pouvoir obtenir l ensemble des patrons concernant un l ment d interface particulier p ex tous les patrons concernant les formulaires e Groupement d l ments proches les patrons apparaissant souvent dans des contextes d utilisation identiques ou similaires doivent tre group s 69 e Comparaison de points de vue dans certains cas plusieurs patrons se
219. e fois le mod le dit l utilisateur peut le sauvegarder Les mod les StateWebCharts dit s sous eGovIPM sont enregistr s au format XML eXtensible Markup Language W3C 2008a pour formaliser leur structure et faciliter leur traitement La persistance des mod les est g r e par la technologie JAXB Java Architecture for XML Binding Glassfish 2008 Un fichier XSD XML Schema Description W3C 2008b permet de d finir la structure et la syntaxe des fichiers XML d crivant les mod les StateWebCharts il est disponible dans l Annexe H La Figure 63 montre l extrait d un fichier XML il repr sente un enchainement d crans par le biais d un mod le StateWebCharts pour l exploitation dans eGovIPM Les informations s man tiques sur le mod le p ex identifiants des tats et transitions labels types de pages et d enchainements d crans sont m l s des informations de pr sentation taille et positionne ment des objets dans l espace d dition sur l l ment GraphicBounds K xml version 1 0 encoding UTF 8 standalone yes gt lt Swe xmins http lihsirit fr swceditor gt lt CompositeState concurrent false file id State_0 initial false label Dashboard screenflowtype dashboard stereotype gt lt GraphicBounds height 385 width 510 x 183 y 97 gt lt CompositeState concurrent false file id State_10 initial true label Login stereotype screenflowtype login gt lt Gr
220. e la n tre Notre philosophie de conception d interfaces centr e sur l utilisateur et facilitant la communication est en effet com mune 4 celle du StyleGuide malgr les diff rentes voies d approfondissement suivies depuis octobre 2006 e Pour SmalS op rationnaliser rapidement le catalogue l quipe de conception du catalogue souhaitait y faire figurer tous les l ments permettant la conception a par tir de modules r utilisables notamment au niveau technique Des scripts JavaScript des feuilles CSS et des pages XHTML g n riques sont ainsi partie int grante du ca talogue Au niveau plus conceptuel des l ments concrets apparaissent galement par le biais d un ensemble de formes Microsoft Visio directement utilisables pour composer des prototypes en fil de fer Ce catalogue au sein de SmalS est nomm StyleGuide les patrons qui le composent sont nomm s guidelines Une capture d cran de la page d accueil de la version 1 7 est pr sent e sur la Figure 50 Web Application Styleguide Make Your Web Applications Usable lui A 2 B Print Lip nie 01 Introduction ALL Al Main profile Functional Technical Editorial Graphical E O71 Introduction ALL E 02 Procedures ALL E 03 Define Application purpose E 04 Choose Interface type re E 6 05 Add page design and layo Main Description E 06 Insert Content ALL 07 Add help and user guida
221. e la navi gation ces liens sont ouverts dans une nouvelle fen tre http fpontico free fr index php title Login dernier acc s 25 sept 08 Retour l index 3 Lien externe 144 Cantine de Goville Identification Description Outgoing links login OK gt Gestion des repas erreur de login gt Identification Available for all pages of Cantine de Goville screenflow vers ecole gt Ecole external link Back to index Wireframe of this page page type login_page Identifiez vous pour retrouver vos informations personnelles OO e sur g cumeant omdie Identifiant Ce n figur RE Mot de passe Mot de passe oubli Cr er un compte the rare a look at the patterns catalogue This screenflow pattern dashboard This page pattern login page Figure 68 Page XHTML g n r e pour l Identification Cantine de Goville Gestion des repas Description Outgoing links modifier gt Gestion repas enfantl modifier gt Gestion repas enfant2 modifier gt Gestion tous enfants Available for all pages of Cantine de Goville screenflow se deconnecter gt Identification vers ecole gt Ecole _ external link Back to index Wireframe of this page page type tasks_set cole de Govite Mon identifiant PICART Me d conne Cantine de l cole de Goville G rer les repas de mes enfants Pr c dent Suivant Mois d avril 2008 N 5
222. e mercis chef Merci Am lie qui m a conseill e dans mes premiers pas d enseignante mais aussi montr le chemin de la terrasse lieu de pauses particuli rement pro pice aux discussions c ur ouvert Elle m a mis sur la route d Anne Karine Nissou et Sylvie en qui j ai trouv des amies je lui en suis reconnaissante Je pense aussi mes collocs de bu reau Sandra Syrine et Christophe pour leurs grains de folie gros comme des past ques leurs rires bons pour la sant leurs cours d Anglais et d Arabe peu acad miques et leurs projets fous mais r alisables le tout en un entre autres objets indispensables Merci aussi David Eric Guillaume Jeff Manu et Xavier je garde de tr s bons souvenirs des voyages en conf rences des repas d quipe et de l organisation d IHM 05 et de TAMODIA 07 Merci aussi aux tudiants aux coll gues enseignants aux moniteurs de l UPS et ceux rencontr s dans les vivifiantes formations du CIES Merci au personnel de l IRIT et de l cole doctorale Fran oise Agar Evelyne Bony V ronique Debats Martine Labruy re Jean Pierre Baritaud et Jean Claude Debelle Je remercie les Zanni pour leur amiti leur tendresse et leur fantaisie Je suis fi re de les compter parmi mes amis Cath Florent Gilbert Laure Laurent Marie Philippe Rapha l Thierry et V ro Je n oublie pas Charlotte Guron Zonbrowski qui a veill sur ma sant mentale lors de la de
223. e plus utilisable La caze 2005 2 2 3 Prototypage basse fid lit Le prototypage basse fid lit permet de sp cifier interface d une application de fa on rapide mais suffisamment r aliste pour collecter des remarques de la part des utilisateurs finaux aussi bien que des membres de l quipe de conception Le prototype est con u avec du papier avec un diteur de diaporama type Microsoft PowerPoint ou OpenOffice Impress ou de dia grammes type Microsoft Visio Une enqu te a t men e en juin 2002 Olsen 2002 sur les usages du prototypage basse fid lit dans la conception d interfaces Web La communication permise par le prototype r alis tant avec le client qu avec l quipe de conception vient en t te des crit res de choix d un outil de support au prototypage La facilit avec laquelle un prototype peut tre modifi est galement un crit re important vis vis duquel les outils de programma tion HTML et d dition de diagrammes chouent Ils restent pourtant les plus populaires dans le support cette activit Un prototype basse fid lit permet de pr senter l quipe de conception un projet d interface ou de mener des tests d utilisabilit Les interactions de l utilisateur avec application sont alors simul es par le meneur du test Ces tests peuvent tre de nature explora toire l utilisateur navigue dans l application au hasard en faisant des commentaires voix haute ou diri
224. e proc dure plusieurs niveaux d abstraction ce qui rend le lan gage utile tout au long du processus de conception Une activit coop rative y est repr sent e comme un cadre de travail dans lequel plusieurs agents sont impliqu s et o des ressources sont partag es pour r aliser des t ches e YAWL Yet Another Workflow Language W M P Van der Aalst et Ter Hofstede 2002 est un formalisme de contr le d ex cution de flot d activit s bas sur les r seaux de Petri Brams 1983 Des ajouts ont t faits la notation de r seaux de Pe tri pour prendre en compte les besoins en sp cification de patrons de proc dures Wil Van der Aalst et coll 2003 tout en simplifiant la notation graphique pour rendre son usage plus intuitif e BPMN Business Process Modeling Notation White 2004 a pour but de proposer un cadre d change et de communication pour les acteurs du processus de concep tion BPMN se positionne en tant que standard et fournit donc des langages de mo d lisation en prenant garde leur lisibilit pour qu ils puissent constituer un v rita ble moyen de communication au sein de l quipe Donn es du domaine Pour la conception d applications manipulant d importants volumes d informations la mod lisation du domaine est n cessaire Elle permet l explicitation de concepts connus et mani pul s par tous pour que cette repr sentation soit partag e de fa on coh rente par les interve n
225. eillies dans le pr questionnaire Viennent ensuite des observations faites sur les sc narios r alis s par des sujets valu s tels qu ils ont t d crits dans la section 5 4 4 L observation des attitudes et des activit s des sujets est nourrie et corrobor e par les commentaires faits voix haute par le sujet ainsi que les entretiens entrem l s l ex cution des sc narios 5 5 1 Pr questionnaires Les donn es recueillies lors de ce pr questionnaire tant majoritairement quantitatives nous avons choisi de les r sumer dans un tableau en excluant les remarques indiqu es par cer tains sujets Ces r sultats quantitatifs sont pr sent s en Annexe E cette section met des obser vations leur sujet Peu de recul sur l utilisation du StyleGuide Suite l analyse des pr questionnaires nous constatons tout d abord le peu d exp rience et de recul des utilisateurs du StyleGuide vis vis de cet outil au moment de l valuation mars avril 2008 En moyenne un sujet a particip 0 8 projet incluant l utilisation du StyleGuide 4 des 11 sujets n ont particip aucun projet 6 ont particip un projet 1 a particip deux ou trois projets et il a personnalis 0 9 fois un wireframe issu d un guideline du StyleGuide De m me les facilitations d utilisation sont encore en cours de mise en place et seuls 3 sur 11 su jets ont re u la formation l utilisation du StyleGuide
226. en interaction entre les deux L inclusion du syst me dans cette repr sentation de la t che a pour but de permettre la g n ration automatique de l interface ou de v rifier la coh rence du mod le de t che par rapport au mod le de l interaction Navarre et coll 2001 CTT est le formalisme le plus r f renc dans le domaine de l IHM Un exemple est pr sent dans la Figure 12 FL Lf T Hier un changement d adresse ra C _ s j E E w H p s B n E Sidentifier aupr s de institution Saisir rouvele adresse abder Enregistrer changement Lire continmabon Figure 12 Mod le CTT de la t che Signaler un changement d adresse e GTA Groupware Task Analysis Van der Veer Martijn Van Welie et Chisalita 2002 d compose les t ches coop ratives de fa on hi rarchique et inclut la descrip tion de l environnement de la t che compos d v nements d objets de r les et d agents Il s agit d un cadre de mod lisation mi chemin entre la mod lisation de t che et celle de la proc dure Dans le cas d une t che coop rative r alis e avec le support d une application interactive la description de la t che s approche de la des cription de la proc dure quoique ces deux types de mod lisation soient issus de domaines loign s Proc dure Une proc dure est une s quence d activit s r alis es de mani re coordonn e par plusieurs acteurs humains gr ce des ress
227. ennent alors les d veloppeurs dont les travaux sont aliment s par les r alisations du d partement de recherche de l entreprise int gration de bases de donn es mise en place de processus de cryptographie installation de protocoles de s curit ou encore emploi de documents lectroniques Les d veloppeurs ont le r flexe de mettre profit leur exp rience en conception chez SmalS ou de consulter leurs coll gues pour savoir si des applications similaires ont d j t impl ment es Si c est le cas des fragments de code sont r cup r s d anciennes applications et int gr s la nouvelle bien qu aucun cadre formel de ges tion et de stockage de ces connaissances en conception ne soit leur disposition Cette phase d impl mentation pure repr sente en moyenne 20 du temps pass sur un projet ce qui prouve la part importante que l entreprise accorde la conception de l interface et l utilisateur Une fois l application d ploy e c est encore SmalS qui est en charge de l assistance utilisateur et de la maintenance de l application Une assistance t l phonique est disponible pour les utilisateurs Lorsque des probl mes sont relev s de fa on r currente ils sont communiqu s l quipe du projet pour une modification qui peut faire l objet d un nouveau projet si son impact sur l application est important Un trac est gard des probl mes qui font l objet d appel mais aucun traitement
228. ent un outillage est fourni ici pour l dition des prototypes d enchainements d crans eGovIPM guide le concepteur dans l instanciation de patrons d enchainements d crans d crits avec le formalisme StateWebCharts Une fois le mod le dit un squelette de l application est g n r sur sa base soit un ensemble de pages XHTML reli es entre elles conform ment au mod le de navigation dit Les wireframes personnalis s de page apparaissent sur les pages g n r es si le concepteur les sp ci fie sinon ce sont les wireframes g n riques issus du catalogue de patrons qui apparaissent L utilisation de l outil eGovIPM est int gr e aux sc narios d utilisation de la m thode et quoiqu il soit d j op rationnel plusieurs extensions sont envisageables a court terme pour que son utilisation couvre encore plus d activit s de conception 6 1 Sp cification des fonctionnalit s 0 L utilisateur type d eGoviPM est un analyste en charge de la conception pr liminaire de l interface pour une appli cation d e Procuration Le mod le de navigation tabli servira de support la communication de l analyste vers l quipe de d veloppement en tant que d finition de la navigation et des wireframes de pages En effet le client n a g n rale ment pas le recul n cessaire pour exprimer son avis et valider le mod le de navigation qui est exprim dans un jargon technique Mais le client peut en connaissance de cause valider
229. ents suivants sont sp cifi s acteurs et t ches associ es donn es du do maine sc narios d utilisation navigation avec prise en compte du contexte interface Les nota tions utilis es pour ces sp cifications sont issues d UML Rumbaugh Booch et Ivar Jacobson 1999 et ADV Abstract Data Views Cowan et Lucena 1995 est utilis pour la description abstraite de l interface c est dire sa description en termes d objets avec un comportement propre et r agissant des v nements ext rieurs Cette description orient e objet fournit l occasion de moduler la conception de l interface pour une r utilisation de ces modules ou une capitalisation des bons modules sous formes de patrons extended World Wide Web Design Technique Scharl 1999 eW3DT est un m ta mod le permettant la sp cification des applications Web informa tionnelles L application peut tre d crite au moyen d objets de type information tout contenu informationnel atomique p ex une page ou un menu navigation tout lien hypertexte et struc ture p ex combinaison d objets hi rarchiquement li s Cette m thode peut tre utilis e en conception dans un cadre classique de processus de conception comme support a la sp cifica tion de l application Un mod le eW3DT peut galement tre utilis comme support la col lecte d informations sur l utilisation de l application en vue d une valuation Chaque objet interactif porte a
230. eront dans les d marches compl mentaires effectuer Vous devez vous munir de Plusieurs informations particuli res suivant les organismes choisis Nous vous conseillons de les r unir avant de commencer Pour connaitre les informations n cessaires et les personnes concern es pour chaque organisme nous vous invitons lire attentivement la liste des services partenaires Administration Mes d marches D j commenc N de dossier 1 Inscription vous donnez votre identit votre ancienne et votre nouvelle adresses 2 Personnes vous donnez l identit des personnes concern es par les services partenaires et d m nageant avec vous 3 Organismes pour chaque personne vous choisissez les organismes informer du changement d adresse Vous compl tez ensuite votre d claration par des informations destin es aux organismes choisis 4 Validation vous v rifiez puis confirmez Votre demande C est pa a J accepte les conditions g n rales d utilisation du service gt Commencer la d marche Mot de passe Mot de passe oubli gt Reprendre ta d marche Figure 20 Page d accueil du site fran ais de changement d adresse capture d cran r alis e le 24 d cembre 2007 This page does not comply with all of the automatic and manual checkpoints of the W3C Web Content Accessibility Guidelines and requires repairs and manual verification
231. errains cultivables en Inde e Constitution de bases lectroniques de l gislations centralisation de dossiers judi ciaires p ex projet Phenix d informatisation des tribunaux en Belgique Vuyst et Fairchild 2006 e D mat rialisation de proc dures de vote sur le Web p ex lections municipales d octobre 2005 en Estonie e Plateformes de discussions avec des institutions ou d autres citoyens p ex forum F Sy 4 F 23 r unissant les victimes d inondations au Royaume Uni e Applications Web permettant le r glement d une somme due une institution p ex paiement d une amende contract e par le biais d un radar automatis en France Les applications d e Gouvernement posent des contraintes bien particuli res qui se d cli nent en fonction de risques associ s p ex niveau de s curit requis de l impact sur le public cibl p ex acceptabilit par ses utilisateurs des technologies utilis es p ex Web etc Certai nes de ces contraintes sont soumises des r glementations l gales pour le respect de la vie pri v e et le contr le des informations personnelles diffus es CNIL 2004 ou encore l accessibilit l application quelque soit le dispositif utilis Journal Officiel du 10 avril 2002 Le terme e Gouvernement d signe un tr s vaste domaine d tude Le travail de th se pr sent dans ce m moire est focalis sur un sous domaine de l e Gouvernement l e Procu
232. es enfants Une fois le c ur de la page labor l analyste l enrobe avec un cadre g n rique pour la page inspir par le patron de composant de base En t te et Pied de page dont le prototype est reproduit sur la Figure 41 Pr c dent Suivant Mois d avril 2008 L M M J YV L gende C1 112 3141 7 8 Ban 10 11 Action impossible 5 Action non renseign e SH Action a la valeur 1 Action a la valeur 2 14 15 I 29 112124 Figure 40 Prototype du patron de composant de base Calendrier NOM DE L APPLICATION Recherch slo gan S identifier Nous contacter Plan du site Cr dits Organisation 2007 tt ft ttt Figure 41 Prototype du patron de composant de base En t te et pied de page http fpontico free fr index php title EnTeteEtPiedPage dernier acc s 25 sept 08 90 Ecole de Goville site Cantine de l cole de Goville G rer les repas de mes enfants Mon identifiant PICART Me d connecter Pr c dent Suivant Mois d avril 2008 Pas de cantine Aucun enfant inscrit Jules est inscrit Th o est inscrit Z Modifier Imprimer cette page Figure 42 Wireframe de la page Repas des enfants D finition de la navigation Nous reviendrons en d tail sur les tapes de r alisation du mod le de navigation de la Figure 43 dans le chapitre 6 d di l outil eG
233. es besoins utilisateurs est men e A l issue de cette phase la d cision est prise de continuer le projet ou de l abandonner e Elaboration un cas d utilisation complet 80 est d velopp pour que l architecture de l application soit cern e dans sa globalit et qu elle soit valid e Un prototypage rapide est souvent r alis pour mieux appr hender chacun des pro bl mes techniques ayant d j merg des r flexions Il arrive qu l issue de cette phase un projet soit abandonn sans que les cons quences pour les partenaires soient d sastreuses e Construction une premi re version op rationnelle de l application est construite partir des r sultats de la phase pr c dente La gestion des ressources entre alors en ligne de compte et l impl mentation est r alis e e Transition l quipe de conception v rifie que l application d velopp e correspond bien aux exigences de ses utilisateurs finaux et des partenaires impliqu s dans la conception L application une fois valid e est d ploy e dans l environnement de ses utilisateurs finaux Processus rationnel unifi 19 Disciplines Mod lisation du travail Besoins Analyse et Conception Implementation Test D ploiement Gestion modif amp configuration Gestion de projet Environnement Figure 8 Cycle de d veloppement RUP Sur la base des travaux r alis s par Barry Boehm pour le cycle de d veloppement
234. es formes dans Visio Le poste tait ensuite laiss l utilisation du sujet la fen tre du StyleGuide en premier plan Les enregistrements d cran montrent ainsi que m me pour les sujets ayant consult le StyleGuide lors de l valuation cette utilisation reste anecdotique 6 des 8 sujets ayant consult moins de 4 pages du StyleGuide Le Tableau 7 pr sente le nombre d interactions relev es avec le Style Guide lors de la r alisation du sc nario n 1 de r alisation d un wireframe de page e Chaque ligne correspond un sujet observ identifi dans la 1 colonne e La 2 colonne fait appara tre le nombre de clics activation de lien hypertexte re lev s pour la navigation dans le menu ces clics provoquent le d ploiement d un groupement de guidelines ou le passage d une vue l autre e Le nombre de pages affich es guideline ou page auxiliaire comme une table des mati res ou une page d aide appara t dans la 3 colonne e La 4 et derni re colonne montre le nombre de pages lues une page est dite lue lorsqu elle n a pas t simplement affich e mais consult e par le sujet Tableau 7 Interactions avec le StyleGuide relev es lors de la r alisation du sc nario n4 NAVIGATION DANS LE MENU PAGES SUJET nB DE CLICS AFFICH ES n 1 15 14 13 n 2 0 0 0 n 3 1 2 2 n 4 1 0 0 n 5 13 6 4 n 6 0 0 0 n 7 0 0 0 n 8 13 3 2 Navi
235. es peuvent en effet tre va lu es automatiquement sur le code de l application par des outils de v rification Ivory 2003 Lorsque le code seul ne suffit pas valuer une r gle p ex pour les r gles concernant la coh rence du contenu difficile mesurer automatiquement en l tat actuel des outils d analyse tex Exploration cognitive 45 tuelle l outil peut sugg rer l valuateur l exploration manuelle d une partie de application Dans d autres cas de r gles que le code seul ne peut pas valider ou invalider l valuateur doit saisir des informations sur demande de l outil pour permettre l valuation Parmi les outils disponibles pour l valuation ergonomique automatique des applications Web DoctorHTML Flanders 2003 permet d analyser en ligne pour une application Web les liens bris s le texte analyse lexicale la taille des images et des pages et de v rifier la compatibilit du site aupr s de diff rents navigateurs DESTINE Design amp Evaluation STudio for INtent based Ergonomic web sites Mariage et coll 2004 permet quant lui d valuer des r gles d crites au format GDL Guideline Definition Language Beirekdar Vanderdonckt et Noirhomme Fraiture 2002 ces r gles sp cifient des attributs requis sur des objets Web pour garantir l utilisabilit de l application Web L utilisation de ces outils requiert un stade avanc dans le d veloppement de l i
236. es sur la participation des utilisateurs puissent tre men es de fa on pertinente et enrichissante En avril 2008 avec l aimable accord et la participation de SmalS nous avons eu l opportunit d effectuer une valuation du StyleGuide par ses utilisateurs Nous avons pu mener des observations de faits provoqu s ainsi que des entretiens avec des utilisa teurs r els du StyleGuide analystes et chefs de projet Mener l valuation sur leur lieu de travail permettait de r unir un maximum de sujets Leur temps de travail tant fl ch sur des budgets sp cifiques l valuation ne devait pas d passer quatre vingt dix minutes se rendre sur leur lieu de travail leur vitait de se d placer L valuation ne se d roulait pas sur le poste de travail du sujet mais dans une salle de r union quip e d un ordinateur reli Internet Un ordinateur por table et un dictaphone num riques taient amen s sur place Aucun mat riel ne requerrait ainsi que l valuation se d roule en laboratoire 5 2 MODE DE FONCTIONNEMENT DU STYLEGUIDE Le StyleGuide vient d une volont de standardisation de la conception chez SmalS Cette standardisation en plus de repr senter un gain de temps et de moyens assure une conception efficace pour des probl mes r currents probl mes de conception d interfaces Web dans le cas du StyleGuide Une base de connaissance standard est accessible aux concepteurs et cette base s enrichit au cours du
237. est qu il permet de 194 Annexe D Mat riel d valuation du StyleGuide SCENARIO 1 L application Web suivante en est au stade d analyse fonctionnelle Site web de la cantine de l cole communale de Goville Acc s par identifiant pour un parent pour inscrire ses enfants la cantine certains jours l identifiant est remis en mains propres Un repas peut tre ajout ou annul jusque trois jours avant la date du repas Les responsables de la cantine peuvent consulter le nombre de repas pr vus le jour m me ou les jours venir Proposer avec l aide du StyleGuide un prototype de la page permettant un parent de consulter et modifier les dates de repas d un de ses enfants 195 Annexe D Mat riel d valuation du StyleGuide SCENARIO IBIS StateWebCharts est une notation formelle de type diagramme d tats transitions permettant de d crire la structure hypertexte d une application Web Nous n utilisons ici qu une partis de la notation celle qui consid re le point de vue de l utilisateur en laissant de c t les actions c t serveur Parent d un ensemble de pages et liens Figure 1 l ments de base du formalisme StateWebCharts Tableau de bord Si erreur de login yes ES 1 cispombes Figure 2 Exemple de mod le StateWebCharts application de type tableau de bord R aliser une proposition de structure hypertexte pour le site Web de la cantine Cette stru
238. est repr sent e par un diagramme de composi tion avec plusieurs zones symbolisant le contenu Certains contenus sont r actifs et m nent vers d autres pages ils figurent alors galement sur le diagramme de classe Mod le de donn es pour la gestion de relations M thodologie de gestion de relations 3 M thodologie de conception hyperm dia orient e objet et bas e sur des sc narios 4 Ing nierie Web bas e sur UML 35 repr sentant la navigation Les liens entre pages sont en effet mod lis s par des rela tions sur un diagramme de classe e StateWebCharts Winckler et Palanque 2003 est un formalisme de description de la navigation d riv de StateCharts Harel 1987 Un mod le StateWebCharts est une machine tats hi rarchis e compos e d un nombre fini d tats et de transitions Chaque tat correspond une page Web appartenant l application ou li e depuis l application ou un script ex cut c t serveur et chaque transition symbolise un lien hypertexte entre deux pages Un exemple de mod le State WebCharts est pr sent sur la Figure 16 e WSDM Web Semantics Design Method Troyer Casteleyn et Plessers 2008 est une m thode de conception d applications Web proc durales et s mantiques bas e sur les diff rents publics de l application Apr s avoir mod lis les t ches pr vues pour chaque cat gorie d utilisateurs ainsi que le mod le de donn es un mod le de navigati
239. estination des analystes en tout d but de conception 4 1 Cycle de d veloppement int grant la m thode 4 2 Patrons d interfaces pour l e Procuration 4 3 volution du catalogue 4 4 Sc narios d utilisation 4 5 Discussion et perspectives Une application d e Gouvernement doit tre utilisable par le plus grand nombre ce qui fait de la conception de son interface une activit d licate L observation exploratoire des activi t s de conception en e Procuration cf chapitre 3 a r v l la forte r cursivit des probl mes de conception d interfaces traiter dans les projets successifs Instinctivement les concepteurs d interface de l analyste au d veloppeur r cup rent des fragments de projets pass s pour ga gner du temps et puiser des id es Des fragments d interface reviennent ainsi r guli rement dans les applications produites par une m me entreprise comme nous l avons observ pr c demment cf 3 2 Formaliser ce r flexe de r utilisation permettrait de rendre cette habitude de concep tion plus e Efficace gain de temps dans la recherche du fragment recherch au sein des pro jets d j d velopp s mise disposition pour les nouveaux entrants dans l entreprise ayant peu de recul sur les projets pass s conception de fragments g n riques pour un gain de temps lors de l adaptation au projet courant e Valide stockage de fragments valid s par un comit central garantis
240. eurs dans une activit lors de la r alisation d une proc dure administrative au moins deux utilisateurs coop rent savoir un requ rant et un agent administratif en charge du traitement Pour sp cifier une ap plication d e Procuration il est donc n cessaire de pouvoir d crire la coordination de leurs activit s Ce type d informations pourra servir rendre compte de l avancement d une proc dure p ex Votre demande a t pr valid e Elle est ac tuellement en attente de signature par le responsable du service e D finition de r les un r le allou un agent lui conf re un certain nombre de droits en termes d acc s des ressources informations outils et de r alisation de t ches Il doit pouvoir tre pr cis qu un droit r serv un r le peut tre temporai rement allou un agent par d l gation d un agent dont le r le comprend le droit en question il s agit du principe de d l gation e Utilisation d une ressource la sp cification doit faire figurer les donn es person nelles de l utilisateur p ex statut marital date de naissance les documents offi ciels p ex formulaire de demande d une fiche d tat civil passeport ainsi que les outils ventuellement utilis s comme support la proc dure p ex scanner logiciel permettant l acc s la liste des v hicules d clar s comme vol s Ces ressources les informations qu elles contiennent et le
241. eux points de vue s av re toutefois tr s tranch e de l aveu m me des auteurs de la m thode ce qui impose une rigidit f cheuse pour les volutions de application En effet les modifications impliquent g n ralement a la fois des aspects interface et fonctionnel Ing nierie de Phase de d veloppe l interface utilisateur ment Ing nierie logicielle Analyse de l utilisateur et de la t che lt Analyse des besoins Conception de l application Humain vs machine lt Allocation des besoins Mat riel vs logiciel Conception du dialogue lt Conception pr liminaire Conception architecturale Conception de l cran q Conception d taill e Conception logique Codage lt Impl mentation gt Codage Tests de l utilisabilit en laboratoire q Tests d impl mentation Tests unitaires et d int gration Observation contextuelle lt Tests du syst me Tests du syst me Performance humaine lt Optimisation Performance de la machine Figure 2 Int gration de l interface dans un processus de conception en cascade issu de Curtis et Hefley 1994 2 1 2 Cycle en V McDermid et Ripken 1984 Le cycle de d veloppement en V cf Figure 3 d taille le processus de d veloppement d une application interactive de telle sorte qu chaque tape productrice d artefact document module d application ou combinaison de modules vers l application finale c
242. evaluation Dans Usability inspection methods 25 62 New York NY USA John Wiley amp Sons Inc 2005 Heuristics for User Interface Design useit com http www useit com papers heuristic heuristic_list html 2006 Alertbox http www useit com alertbox Nielsen Jakob et Thomas K Landauer 1993 A mathematical model of the finding of usability problems Dans INTERCHI 93 206 213 Amsterdam Pays Bas ACM 24 29 Avril 1993 Niman Bruno von Alejandro Rodriguez Ascaso Steve Brown et Torbjorn Sund 2007 User experience design guidelines for telecare e health services interactions 14 no 5 36 40 Noble James 1998 Classifying relationships between object oriented design patterns Dans Australian Software Engineering Conference 98 109 Adelaide Australie IEEE Com puter Society 9 13 Novembre 1998 Norguet Jean Pierre Quentin Limbourg et Paul Stijfhals 2007 Web metrics Session d infor mation externe SmalS Bruxelles Belgique http www smals be site_fr components file WebMetrics pdf Olsen Henrik 2002 Results from a survey of web prototyping tools usage guuui com 30 Sep tembre 2002 http www guuui com issues 01_03_02 php 158 Olson Ryan Jessica Verley Lindsay Santos et Coresta Salas 2004 What We Teach Students About the Hawthorne Studies A Review of Content Within a Sample of Introductory I O and OB Textbooks The Industrial Organizational Psychologist 41 no 3 23 39 OMG 20
243. exp riences connues et r solues avec succ s de fournir une solution un probl me qui se pose Les solutions existantes sont analys es par analogie avec le probl me pos de sorte que le syst me CBR s lectionne et pr sente au concepteur seulement une partie d entre elles les plus pertinentes Ces th ories ont t appliqu es au domaine de la conception d interfaces Joshi et McMillan 1996 et pourraient tre une source d inspiration Onglet de visualisation de graphe interactif Raisonnement bas sur les cas 96 pour faciliter la recherche dans notre catalogue des patrons ad quats lors de la conception d une application d e Procuration Les concepts tablis dans la section pr c dente cf 4 5 1 comme devant figurer dans l ontologie des concepts pourraient servir la d finition formelle des cas pour la mise en place d un tel syst me L volutivit et la souplesse d un tel syst me doivent toutefois tre tu di s les patrons tant amen s par nature occuper un volume croissant De plus la navigation au sein du catalogue doit tre guid e et personnalis e mais conserver l aspect exploratoire cela permet l utilisateur du catalogue de prendre connaissance de son contenu de se l approprier La s lection automatique de solutions doit tre un des moyens de naviguer dans le catalogue mais pas l unique 4 5 3 Validation de la m thode Notre catalogue a t con u
244. fet Hawthorne d crit ainsi le cas o un sujet se sentant valoris par l observation manifeste une plus grande motivation dans le cadre de l valuation que d ordinaire Olson et coll 2004 L usage de l enregistrement vid o en continu peut aider contourner ce biais dans la mesure o au bout de quelques jours la cam ra est oubli e et le naturel des comportements revient Cela requiert toutefois une demande d autorisation tous les interlocuteurs m me ponctuels de la personne observ e et qui appara tront donc sur les enregistrements Les conditions n cessaires au respect de la vie priv e et les co ts financiers mise en place des cam ras maintenance tri et analyse des enregistrements rapport et interpr tation des r sultats sont contraignants voire r dhibitoires Des m thodes moins co teuses peuvent toutefois tre mises en place Pour obtenir un trac du comportement au del de la p riode de pr sence de l observateur il peut par exem ple tre demand l utilisateur de tenir un journal de bord Il sera notamment int ressant si l utilisateur accepte de se plier cette discipline journali re de confronter les journaux de bord entre eux 2 2 2 Conception participative La conception participative prend racine dans les ann es 1970 au sein de projets scandi naves visant d velopper des syst mes avec la participation de leurs utilisateurs Floyd et coll 1989 A partir d une t che de co
245. fforts importants sont men s pour l tablissement d un langage com mun tous les services administratifs au niveau international premi re tape pour un succ s dans l tablissement de telles architectures d interop rabilit Plusieurs strat gies sont ainsi remarquables dans cet effort de description de services administratifs standardis e GovML Kavadias et Efthimios Tambouris 2003 est un langage de marquage pour la description de services administratifs tandis que Fraser et coll 2003 se concentre sur l utilisation de taxono mies bas es sur une ontologie des services d e Gouvernement Une fois ce langage tabli il sera alors possible de mettre en place une plateforme d interop rabilit des services administratifs fournissant un portail One Stop aux citoyens 2 4 METHODES D EVALUATION DE L UTILISABILITE Les premiers processus de conception propos s par les acteurs du g nie logiciel se focali saient sur l utilit de l application et si une tape d valuation apparaissait elle tait consacr e aux tests techniques des fonctionnalit s de l application sans se soucier de l interaction requise pour utiliser ces fonctionnalit s Puis l IHM et le g nie logiciel ont crois leurs r flexions les syst mes informatiques se sont d mocratis s certains ont t abandonn s faute d tre en ad quation avec leur public et l utilisateur a naturellement trouv sa place dans l valuation
246. formations compl mentaires cf Annexe D Les exp rimenta tions ont t int gralement enregistr es au format audio les activit s avec le StyleGuide et Visio galement avec l accord de consentement clair des sujets Huit sujets ont pu tre rencontr s ce qui est de nouveau un nombre trop faible pour pouvoir envisager un rapport statistique sur leurs opinions et leurs activit s Toutefois comme mis en avant par Jakob Nielsen Nielsen et Landauer 1993 ce nombre de sujets est optimal pour un rep rage des principaux probl mes d utilisabilit 5 4 2 Pr questionnaire Un questionnaire destin au recueil de donn es d mographiques pour la s lection des su jets rencontrer en entretien a t diffus aux utilisateurs du StyleGuide au cours du mois de f vrier Pour cela un courrier lectronique leur a t envoy par nos contacts au centre d expertise en utilisabilit de chez SmalS avec l adresse URL du questionnaire remplir cf Annexe C Il y tait sp cifi qu un entretien compl mentaire aurait ventuellement lieu dans le courant du mois d avril 2008 Ces entretiens ont finalement eu lieu du 15 au 18 avril 2008 L intervention d un interm diaire permettait de signifier aux utilisateurs que cette valuation entrait dans le cadre de leur travail quotidien et que le temps imparti sa r alisation serait comptabilis dans leurs heures de travail L observation de r alisation d activit s quotidie
247. formations manquantes lisibi lit et potentiel pour tre montr au client compl tude et potentiel pour servir de support aux d veloppeurs d interface 5 3 2 Les wireframes de page et le mod le de structure hypertexte aident au consensus Dans un projet de conception d application d e Gouvernement de nombreux intervenants se croisent peinent communiquer faute d un langage commun et peinent prendre certaines d cisions de conception faute d arguments qui puissent tre entendus par tous toutes exigences et tous int r ts confondus Ce type de blocage intervient r guli rement dans ce contexte o les int r ts politiques ont un poids important La d cision permettant le consensus entre interve nants ne doit pas aller l encontre des int r ts de l utilisateur de l application pourtant il arrive que ce soit le cas Pour soutenir les arguments des experts en conception d interface d velop peur d interfaces consultant en utilisabilit le recours une solution attest e comme valide par exp rience c est dire un patron de conception d interface peut repr senter une issue de tels blocages d cisionnels Nous mettons ici l hypoth se selon laquelle les wireframes de page coupl s au mod le de la structure hypertexte de l application en cours de conception aident l laboration d un 108 consensus Ils sont lisibles et critiquables et sur leur base une solution consens
248. frame d une page dans le cas de la Figure 59 l utilisateur a sp cifi en ditant directement le champ image dans la vue Propri t s que le wireframe de cette page figurait dans le fichier cantine calendrier jpg L utilisateur aura pris soin d enregistrer son wireframe un format image de type JPG dans le dossier de wireframes per sonnalis sp cifi dans les pr f rences d eGovIPM Si le champ est laiss vide pour une page P le wireframe associ est le wireframe g n rique du type de page de P issu du catalogue de pa trons p ex pour la page Gestion de repas le wireframe du patron de page Liste de t ches appara t si le champ image est laiss vide 135 4 S e valider annul s Gestion des repas AA GNN pr x ae YA x ss PETER LL LES a valider annuler Ecole N y ON f Gestion tous enfants PA ER cl amp j Tacks Properties t3 Property Value file identifier State 21 image cantine calendrierjpg labe Gestion des repas pogetype tasks_set screenflowtype ehannnt Figure 59 Vue Propri t s de eGovIPM Notre contribution ne se situe pas au niveau du contenu des recommandations qui sont dispens es Nous avions d j voqu cette limite de notre travail propos du contenu du catalo gue cf 4 5 elle est aussi valable pour la d finition des contraintes qui r gissent l dition de mod les de navigation dans eGovIPM Les contraintes que nous a
249. g e par des sc narios lutilisateur doit accomplir une t che gr ce au prototype L utilisateur verbalise ses actions p ex Je clique sur le bouton Me connecter et le meneur du test modifie le prototype en r action cette action p ex le meneur te la partie centrale du prototype et d pose la place le morceau de papier correspondant la page Me connecter Ce type de manipulation requiert de la part du meneur une vive dext rit et une excellente connaissance des sp cifications de l interface Dans le cas de manipulations trop lentes ou trop h sitantes et m me s il est conscient du protocole l utilisateur risque de perdre le fil de ses actions et cela risque d loigner le d roulement du sc nario de test d un d roulement r el 2 2 4 Personas Gr ce au principe des Personas Cooper 1999 l quipe de conception projette l utilisation de l application sur un ensemble d utilisateurs fictifs Cette projection est explicite d crite dans une s rie de fiches descriptives de ces utilisateurs fictifs qui sera diffus e l ensemble de l quipe de conception Comme tout utilisateur une Persona pr sente des carac t ristiques standards et d autres moins attendues Une Persona aborde l application avec ses propres comp tences elle souhaite atteindre des objectifs concrets avec l application p ex Je veux signaler mon changement d adresse et des buts et objectifs plus abstraits qui concer
250. gation selon diff rentes vues Le StyleGuide propose diff rentes vues une pour chacun des m tiers susceptibles de l utiliser analyste graphiste responsable ditorial d veloppeur Ces vues ont du sens pour les utilisateurs analystes ils doivent consid rer les autres points de vue dans leur sp cification fonctionnelle pour proposer des solutions exploitables par les autres composantes de la concep tion Donc moi je vais surtout voir le F et le G NDLR vues analyste fonctionnel et graphiste Le T NDLR vue d veloppeur technique a je regarde presque ja mais Sujet 1 le 15 avril 2008 Je trouve bien que le StyleGuide soit s par par diff rents types de fonctions comme a tu peux aller directement vers ce dont tu as besoin dans les diff rentes tapes L par exemple quand j ai commenc faire les wireframes ben c tait plut t le fonctionnel que je regardais et maintenant je suis plut t en train de regar der pour graphiste et pour d veloppeur Sujet 2 le 16 avril 2008 Le sujet 1 comme le sujet 2 utilise le StyleGuide principalement selon la vue Analyste fonctionnel qui correspond son statut mais pas uniquement Le sujet 2 en particulier pr cise que selon le moment de la conception il consulte le StyleGuide suivant d autres vues par exemple la vue D veloppeur lorsque le maquettage interactif approche En plus de tirer parti des cat gories d finies da
251. ges r currentes DIFFUSION DE DONN ES Les pages de cette section diffusent de l information l utilisateur dans un souci de clart et de rigueur tout la fois certaines de ces pages constituant en effet une trace de la r alisation d une proc dure p ex la page Accus de r ception Cette information peut tre statique ou bien g n r e de fa on dynamique partir d une base de donn es li e l organisme concern ou partir des informations pr alablement collect es aupr s de l utilisateur Accus de r ception Quand une proc dure a t r alis e avec succ s un accus de r cep tion est affich l utilisateur d une part afin de le rassurer L utilisateur a t pris dans le tunnel d une proc dure en plusieurs tapes l issue de cette proc dure il est en effet im portant de lui pr ciser que cette proc dure a abouti D autre part dans le cas d une proc dure dont la r alisation est obligatoire p ex d claration d un risque social la s curit so ciale des donn es d horodatage figurent sur cet accus de r ception pour que l utilisateur puisse en conserver une trace concr te et parer d ventuels litiges Un lien proposant l impression de la page est souhaitable ce niveau comme il appara t en haut droite de la Figure 85 Imprimer Mas doan ns Uikeienst root L Offica Mationel de l Ernplot regu ler donn es su
252. gy 3 no 1 43 72 DmfA 2004 Manuel de la nouvelle d claration ONSS 16 Janvier 2004 https www socialsecurity be site_fr Applics dmfa documents pdf manual_dmfa_F pdf Dumas Philippe et Gilles Charbonnel 1990 La m thode OSSAD pour maitriser les technolo gies de l information Vol 1 Les Editions d Organisation Eclipse 2008a Eclipse org http www eclipse org 2008b Eclipse Graphical Editing Framework GEF http www eclipse org gef Fincher Sally et Peter Windsor 2000 Why patterns are not enough some suggestions con cerning an organizing principle for patterns of UI design Dans Workshop Pattern lan guages for interaction design building momentum at CHI2000 La Hague Pays Bas ACM 31 Mars 5 Avril 2000 Flanders Vincent 2003 Fixing Your Web Site using Dr HTML Dr HTML http www fixingyourwebsite com drhtml html Fleming Jennifer 1998 Web navigation designing the user experience Sebastopol California USA O Reilly amp Associates Inc 154 Floyd Christine Wolf Michael Mehl Fanny Michaela Resin Gerhard Schmidt et Gregor Wolf 1989 Out of Scandinavia Alternative Approaches to Software Design and System Development Human Computer Interaction 4 no 4 253 F lstad Asbj rn H vard D J rgensen et John Krogstie 2004 User involvement in e government development projects Dans Proceedings of the third Nordic conference on Human computer interaction 217 224 T
253. h of 2008 at IRIT Toulouse France SUMMARY The design of e Government applications has to cope with inherent difficulties of the domain On one hand the dematerialisation of administrative procedures involves a multidisciplinary design team which needs customised tools to support their discussions On the other hand e Government applications have to be accessible to the wider audience which requires a lot of attention on the design of user interfaces In this context one should note that e Government applications show lots of similarities which reinforces the need for interfaces homogenisation This work studies and proposes a design method allowing the settlement of homogenisation mechanisms in user centred design of e Government applica tions The reflexion began with a theoretical study of available means to store and display ergonomic knowledge for interface design This review of existing methods was completed by an ethnographic study in the field within an IT firm devoted to the design of e Government applications On the basis of these observations this thesis presents a a de sign method based on interface patterns to guide the design of usable e Government appli cations b a catalogue of patterns providing solutions rationally or empirically proven to recurrent interface design problems c a tool supporting the personalisation of screen flows patterns and d an evaluation on the effective use of interface patterns in the field
254. i CF Field error it eS a E Add help and user guidance M 4 gt M Page 1 J 4 TPE Figure 52 Formes issues du StyleGuide apparaissant dans Microsoft Visio version 1 7 Int gration Eclipse La seconde cat gorie d utilisateurs jouissant d une op rationnalisation du StyleGuide au stade 2 0 est celle des d veloppeurs d interface L une des t ches qui leur est attribu e en d but de conception est la r alisation d une maquette interactive en XHTML sur la base des prototy pes de pages en fil de fer r alis s par les analystes et sur la base de leurs recommandations auxi liaires p ex l ments d interfaces d clencheurs de la navigation Cette tape de production d une maquette interactive permet l mergence d ventuels dysfonctionnements dans l interaction avec l application ou dans son comportement dynamique qui peuvent tre pass s inaper us dans la phase de prototypage de pages Les consid rations graphiques sont galement r fl chies ce stade et il est question de choix de couleurs de fond de typographies c est dire de la d finition des styles CSS d identit graphique et de dessin d ic nes appropri es Pour soutenir cette tape en plus des recommandations techniques accessibles aux d ve loppeurs dans le StyleGuide des fragments de code XHTML sont fournis pour tre assembl s les uns aux autres la mani re des formes Visio Ce
255. ibute name initial use required type xs boolean gt lt xs attribute name concurrent use required type xs boolean gt lt xs attribute name entryAction use optional type xs string gt lt xs attribute name doAction use optional type xs string gt lt xs attribute name exitAction use optional type xs string gt lt xs attribute name stereotype use optional type xs string gt lt xs attribute name screenflowtype use optional type CompositeStateType gt lt xs complexType gt lt xs element gt lt xs element name StaticState gt lt xs complexType gt lt xs sequence gt lt xs element ref GraphicBounds minOccurs 0 maxOccurs 1 gt lt xs sequence gt lt xs attribute name id use required type xs string gt lt xs attribute name label use optional type xs string gt lt xs attribute name type use required type StaticStateType gt lt xs attribute name file use optional type xs string gt lt xs attribute name initial use required type xs boolean gt lt xs attribute name entryAction use optional type xs string gt 212 Annexe H Grammaire du format XML de description des enchainements d crans lt xs attribute name doAction use optional type xs string gt lt xs attribute name exitAction use optional type xs string gt lt xs attribute name stereotype use optional type xs string gt lt xs attribute name descript
256. ications d e Gouvernement selon une approche centr e utilisateur La r flexion a t men e sur la base d une tude th orique des moyens de mise disposition des connaissances ergonomiques pour la conception d interfaces Cette revue de l existant a t compl t e par une tude eth nographique men e dans une entreprise d di e la conception d applications d e Gouvernement Suite ces tudes cette th se pr sente a une m thode de conception bas e sur des patrons d interfaces qui guide la conception d applications d e Gouvernement utilisables b un catalogue de patron qui propose des solutions prouv es rationnellement ou empiriquement des probl mes de conception d interfaces connus et r currents c un outil guidant la personnalisation des patrons d interface concernant l encha nement d crans et d une tude sur l utilisation effective de ces patrons d interfaces sur le terrain MOTS CLES Interaction Homme Machine Conception Web centr e utilisateur e Gouvernement Patrons de conception d interface Mod lisation de la navigation Web DISCIPLINE ADMINISTRATIVE Informatique INTITULE ET ADRESSE DU LABORATOIRE IRIT Institut de Recherche en Informatique de Toulouse Universit Paul Sabatier 118 Route de Narbonne 31062 Toulouse cedex 9 France
257. ichigan aux Etats Unis d Am rique pr conise ainsi un cycle de d veloppement en spirale cf 2 1 3 avec un prototypage papier pour les premi res it rations Tombelli 2003 Il s agit l d un bon compromis qui tire profit de la libert cr ative autoris e par le prototypage papier tout en passant d s que possible a des prototypes plus r alistes qui permettront de discuter de l application et de la faire voluer de fa on raisonnable sur le plan technique La m thode des Personas est utilis e pour la conception d applications d e Gouvernement dans l entreprise SmalS dont nous avons pu observer les activit s de conception cf chapitre 3 en r union nous avons pu constater l emploi quasi syst matique des pr noms des Personas au lieu du terme abstrait d utilisateur Dans le cadre de l e Procuration le public cible est tr s large et bien que la tache utilisateur d une application fonctionnelle soit facile a cerner l emploi d un utilisateur moyen est tr s peu pertinent pour une conception d interface efficace Par exemple quel ge a l utilisateur moyen d une application de d clara tion de revenus S il est d cid que en moyenne l utilisateur a 40 ans on oublie le cas fr quent de l utilisateur de 20 ans qui fait sa premi re d claration d imp ts ou celui de l utilisateur de 70 ans qui peut tre moins habitu aux interactions sur le Web Chaque citoyen est un cas particulier et
258. iculier de l application en cours de d veloppement Il est guid en cela par des recommandations figurant dans le patron p ex bons exemples d impl mentation du patron cas d utilisation et pour les patrons d enchainement d crans par l outil eGovIPM Nous four nissons ainsi une aide la sp cification et la production de supports l analyse fonctionnelle wireframes et mod le de navigation discutables avec le client et l quipe de d veloppement Organisation de patrons d interfaces pour l e Procuration Les patrons sont organis s dans le catalogue selon leur niveau de granularit encha ne ments d crans pages et composants de base le catalogue peut ainsi tre consult selon un ordre naturel de r flexion pour la conception partant de probl mes de haut niveau d abstraction vers des probl mes plus concrets Une proposition d ontologie des concepts des patrons du catalogue compl te cette organi sation statique et offre des moyens de tisser des liens s mantiquement riches entre patrons Elle fait pour cela figurer des informations n apparaissant pas sur le catalogue pour ne pas surcharger la lecture des patrons mais pr sentant un int r t pour la recherche avanc e de solutions adap t es une situation de conception Cette ontologie n a pas l heure actuelle t int gr e au catalogue mais elle a t d velopp e s par ment dans l outil Prot g valuation de la faisabi
259. iff rente de ces deux domaines quoiqu ils aient l aspect proc dural en commun fait merger bien vite de capitales diff rences du point de vue de l interface Un patron d interface pour l e Commerce inclura des l ments d incitation l achat tandis qu un patron de page d e Procuration loin de songer susciter de nouveaux besoins chez l utilisateur proposera une r ponse formelle et claire aux seuls besoins qui l ont pouss visiter l application De plus la d finition de patrons doit venir du contexte d utilisation de l exp rience de conception du domaine d observations ac r es sur les conditions de conception cela rend bancale l utilisation pour l e Procuration de patrons pr vus pour d autres domaines 2 6 SYNTHESE ET DISCUSSION Les m thodes d aide a la conception tudi es dans les sections pr c dentes dans ce chapi tre servent de guide et de support l inclusion des besoins et contraintes des utilisateurs dans la conception de l interface Elles offrent des modes op ratoires suivre pour recueillir ou forma liser les besoins utilisateurs ou valuer la fa on dont ces besoins sont satisfaits gr ce l application Ces m thodes produisent des artefacts de diff rentes sortes e mod les de t che de proc dure de domaine d organisation de navigation e rapports d tude de l utilisateur au travers d observations de s ances de conception participati
260. ifie la d finition de la proc dure Le cycle de vie en O cf 2 1 8 consi d re ces aspects volution post d ploiement avec finesse les volutions majeures n cessitant une correction des documents de conception sont trait s diff remment des plus mineures concernant simplement l impl mentation Plusieurs exp riences d utilisation du cycle de d veloppement RUP cf 2 1 7 pour des applications d e Gouvernement figurent dans la litt rature Pour les applications de son portail gouvernemental inforME l tat du Maine tats unis d Am rique pr conise un processus de conception dont la s quence d activit s est adapt e d un plan RUP L entreprise EzGov suivait galement une m thodologie RUP pour la conception d applications d e Gouvernement mais cette m thode s est av r e insuffisante pour g rer la lisibilit des comp tences en conception d interface et a rendu complexe la communication au sein de l quipe de d veloppement Boersma 2005 Les artefacts manipul s issus des recommandations RUP taient interpr t s diff remment par les diverses cat gories de concepteurs Cette ambigu t posait des probl mes de communication une red finition formelle des artefacts manipul s a permis de clarifier le processus de d veloppement et d tablir un vocabulaire commun 2 2 M THODES DE CONCEPTION CENTR ES UTILISATEUR Dans un cycle de d veloppement cf 2 1 une activit de concepti
261. igure 71 Mod le SWC de l encha nement d crans Assistant avec guidage fort Assistant avec guidage souple dition Liste d informations rassembler Accus de 1 z 4 Avertissement _ r ception avant sortie Figure 72 Mod le SWC de l encha nement d crans Assistant avec guidage souple Assistant avec r capitulatif ditable dition Liste d informations rassembler Accus de 2 Avertissement t reception avant sortie Figure 73 Mod le SWC de l encha nement d crans Assistant avec r capitulatif ditable 171 Annexe A Encha nements d crans r currents CONSULTATION ET MODIFICATION DE DONN ES Cet encha nement d crans a t relev sur de nombreuses applications avec une com plexit plus ou moins grande selon le volume des donn es et leur nature Un exemple est trouv sur l application PrimaWeb qui permet aux employ s du secteur social de consulter et de modi fier des dossiers de suivi de personnes n cessitant une aide sociale p ex m nages faible reve nu r fugi s politiques La capture d cran de la Figure 74 concerne la consultation et l ventuelle mise jour de la composition d un m nage d j enregistr mise jour ou ajout d un membre S P P Int gration Sociale Prima web Srna AS A EA E A T Connect entantque N BCE C P A Sde TAT John Smith 0419797588 Test City Dossiers du C P A S Accueil
262. igure 74 Compl tion d une enqu te sociale via l application PrimaWeb capture d cran extraite du manuel d utilisation de l application BUCOM 2007 172 Figure 75 Mod le SWC de l encha nement d crans Consultation et modification de donn es Diii ie E Ee EEE nan nn tait en nation nT aed as 173 Figure 76 Liste des demandes d aide g rer via l application PrimaWeb capture d cran extraite du manuel d utilisation de l application BUCOM 2007 173 Figure 77 Mod le SWC de l encha nement d crans Gestion de dossiers cccccccceeseceeneeees 174 Figure 78 Page d accueil du portail de la s curit sociale belge capture d cran r alis e le 24 MOTS ZOOS nn each T cao nn enr Blea tete Para EE dette ete nee ele 174 Figure 79 En t te des pages de l espace consacr aux citoyens capture d cran r alis e le 24 Mars 2008 PEIEE NEEN AEEA tre ds et oan Wea gales bras eked dote une Tak etes ne eS 174 Figure 80 Mod le SWC de l encha nement d crans Gestion de r les 175 Figure 81 Tableau de bord pour la gestion de la d claration d un travailleur la s curit sociale capture d cran issue du manuel de l application DmfA DmfA 2004 175 Figure 82 Mod le SWC de l encha nement d crans Architecture hub and spoke 176 Figure 83 Ouverture d une application destination d un professionnel dans une nouvelle fen tre captu
263. intes mat rielles sont strictes De plus le sujet 2 estime que sugg rer un guideline doit tre fait avec application et donc que cette activit doit prendre le temps n cessaire Or le temps fait souvent d faut comme le fait remarquer le sujet 6 Formulaire de suggestion Les informations demand es dans le questionnaire de suggestion de guideline cf Annexe D sont indiqu es pour la plupart comme facultatives Il est encore pr cis oralement au sujet qu il ne doit pas remplir tous les champs mais seulement ceux qui lui semblent pertinents pour son cas pr cis puisqu il s agit d un questionnaire tr s g n rique Sugg rer un guideline tait facile Avec des explications Rires Parce que si on te donne a et qu on te dit Voil c est pas vident Il faudrait mettre un exemple Sujet 2 le 16 avril 2008 Sugg rer un guideline tait facile Oui sauf qu il y avait beaucoup d informations par rapport ce que je pouvais renseigner Sujet 4 le 17 avril 2008 Il y a peut tre trop qui est demand par rapport ce qu on peut vraiment propo ser a serait peut tre plus simple si a se limitait un petit texte explicatif avec Voila ce qu on propose et puis qu ventuellement quelqu un passe apr s pour d finir un cadre formel Ce serait plus simple avec une personne de contact Sujet 8 le 15 avril 2008 Le sujet 2 rel ve que sans l aide
264. ion use optional type xs string gt lt xs attribute name image use optional type xs string gt lt xs attribute name pagetype use optional type StaticStatePageType gt lt xs complexType gt lt xs element gt lt xs element name DeepHistory gt lt xs complexType gt lt xs sequence gt lt xs element ref GraphicBounds minOccurs 0 maxOccurs 1 gt lt xs sequence gt lt xs attribute name id use required type xs string gt lt xs complexType gt lt xs element gt lt xs element name ShallowHistory gt lt xs complexType gt lt xs sequence gt lt xs element ref GraphicBounds minOccurs 0 maxOccurs 1 gt lt xs sequence gt lt xs attribute name id use required type xs string gt lt xs complexType gt lt xs element gt lt xs element name EndState gt lt xs complexType gt lt xs sequence gt lt xs element ref GraphicBounds minOccurs 0 maxOccurs 1 gt lt xs sequence gt lt xs attribute name id use required type xs string gt lt xs complexType gt lt xs element gt lt xs element name Transition gt lt xs complexType gt lt xs sequence gt lt xs element ref Point minOccurs 0 maxOccurs 1 gt lt xs sequence gt lt xs attribute name id use required type xs string gt lt xs attribute name type use required type TransitionType gt lt xs attribute name label use optional type xs string gt lt xs attribute nam
265. ion d un formulaire de suggestion d ajout ou de modification de guide lines est le premier pas peu co teux de l encouragement la participation des utilisateurs l volution du StyleGuide Ce formulaire doit tre accessible depuis toute page du StyleGuide par exemple par un lien How can I contribute ou Suggest an update dans l en t te aux c t s du lien permettant d imprimer la page affich e Un suivi de ces suggestions doit tre assur ne serait ce que par un bref retour informel par courrier lectronique du devenir de la suggestion chaque tape de son tude En cours d tude cart e Accept e Lors de l acceptation d une suggestion sa prise en compte dans le StyleGuide doit tre mise en avant Nous sugg rons un formulaire remplir dont les informations sont enregistr es dans une base de donn es et diffu s es via une page Web Un outil d aide la conception d enqu tes de type LimeSurvey peut Comment puis je contribuer Sugg rer une mise jour http www limesurvey org dernier acc s 25 sept 08 129 tre utilis comme support comme nous avons utilis dans notre catalogue de patrons cf 4 3 Ce dernier formulaire de suggestion d ajout notre catalogue peut servir de base pour la conception du formulaire de suggestion pour le StyleGuide mais les intitul s doivent corres pondre aux titres et sous titres utilis s dans le StyleGuide pour
266. ion d une application d e Procuration de par sa nature d application Web fonctionnelle d ploy e dans un contexte soumis de fortes contraintes proc durales et organisationnelles 2 3 En d pit de l int r t port l utilisateur et de l tude attentive de ses besoins des probl mes d utilisabilit peuvent survenir lors de la confrontation du syst me ses utilisateurs Des 12 m thodes d valuation permettent de valider certains aspects de l utilisabilit du syst me d s sa conception ou apr s son d ploiement en pr sence ou non d utilisateurs finaux 2 4 La connaissance ergonomique pour la conception de syst mes interactifs utilisables fait l objet d une capitalisation formelle et syst matique de sorte qu elle soit exploitable par les concep teurs et ce sous plusieurs formes bonnes pratiques recommandations ou encore points d ci sifs sur lesquels les concepteurs doivent porter leur vigilance 2 5 2 1 CYCLES DE D VELOPPEMENT DE SYST MES INTERACTIFS Depuis les ann es 1970 et le d veloppement alors exponentiel d applications informati ques interactives tant dans le domaine priv que professionnel des travaux de recherche ont t men s activement pour offrir aux concepteurs de ces applications des cadres m thodologiques de soutien leur activit Ces cycles de d veloppement sont des encha nements recommand s de phases de conception parfois coupl s des langages de
267. ironnement en d but de t che e L heure de d but de la t che e Le d clencheur de la t che e Le comportement de l utilisateur au cours de la r alisation de cette t che de la fa on la plus objective possible e Le moment o l utilisateur consid re que la t che est termin e e L issue de la t che l objectif a t il t atteint e L heure de fin de la t che La mise en place d observations o l valuateur est aux c t s de l utilisateur requiert une bonne organisation mais peu de ressources mat rielles Toutefois l observateur doit faire preuve d une grande expertise et pr senter les qualit s suivantes capacit d instaurer un climat de confiance l utilisateur doit comprendre et ressentir que c est l application qui est valu e pas lui attention et spontan it l observateur doit noter toutes les attitudes et les actions de l utilisateur et ventuellement engager un entretien improvis avec l utilisateur au sujet d un de ces v nements et neutralit l observateur doit mettre de c t ses ventuels a priori sur l utilisateur et l application pour se concentrer sur l observation de l activit r elle brute sans l interpr ter En d pit du faible besoin en mat riel la pr sence requise d un expert pour l observation et pour l analyse des donn es collect es rend ainsi la m thode tr s co teuse 2 4 2 Consultation de l utilisateur Il s
268. is quelque soit le support choisi des modes de fonctionnement communs pour l organisation des patrons mergent un patron voisin peut ainsi tre r f renc par un lien hypertexte ou un renvoi vers la page le d crivant L organisation des catalogues de patrons tudi s suit souvent le fil d un raisonnement de conception classique allant de probl mes g n raux des probl mes plus pr cis p ex le catalogue Montero et coll 2002 encha ne les patrons de conception de sites Web suivant une granularit croissante du niveau site Web au niveau ornementation Les probl matiques d organisation sont un th me de recherche crucial et encore en cours d affinement dans la communaut des patrons de conception en g n ral au del des patrons de conception d interface L objectif est de fournir une organisation proposant un acc s rapide et facile au patron appropri au probl me qui se pose l utilisateur des patrons Sally Fincher Fincher et Windsor 2000 tablit les crit res d organisation suivants facilit de localisation groupement de patrons apparaissant dans des cas d utilisation communs offre de diff rents points de vues incitation g n rer de nouvelles solutions partir de celles propos es Plusieurs auteurs tentent de fournir une organisation efficace en tablissant des r seaux entre patrons de conception des liens entre eux qui soient riches en s mantique James Noble Noble 1998
269. isateurs proposer des solutions a la fois non ambigu s et faciles a lire et modifier illustr es par de bons et mauvais exemples Lorsque la solution propos e par le patron provient d un raisonnement scientifique par opposition un patron issu d observations empiriques pures la solution sera tay e par des r f rences scientifiques L utilisateur s y r f rera pour approfondir sa compr hension du patron proposer des modifica tions pour ce patron ou encore proposer un patron compl mentaire Cet aspect proactif tant a favoriser tant comme facteur d adoption de ses utilisateurs que comme garant de la pertinence des patrons Fincher et Windsor 2000 un catalogue de patrons est sujet 4 de nombreuses volu tions L aspect volutif et la perspective d un gros volume de patrons traiter doivent ainsi tre consid r s lors de l tablissement des moyens d organisation et de consultation des patrons Un catalogue de patrons pr sent sous forme d une application hyperm dia p ex un cata logue sous forme d application Web tel que Martijn Van Welie 2007 favorise I interaction avec ses utilisateurs un syst me de commentaires est mis en place et les modifications sont peu co teuses Au contraire un support crit p ex le livre de Van Duyne Landay et Hong 68 2002 est pris par des utilisateurs r tifs la lecture sur cran mais pr sente une grande rigidit quant a son volutivit Toutefo
270. istingu s r alis avec succ s ici Inscnption en cours ici Personnes r aliser ici Organismes et Validation Figure 30 Attribut Exemple du patron Bo te d avancement Cas d utilisation Les circonstances d application du patron sont d crites ici Quand est il obligatoire Quand est il valable mais pas n cessaire Quand est il d conseill Quand est il interdit Dans les cas de non utilisation une r f rence est donn e vers des patrons qui sont pr f rables Cas d utilisation modifier Je dois quand l utilisateur est exp riment et que l application est son outil de travail quotidien Je devrais Je ne devrais pas quand l utilisateur est novice j utilise plut t le wizard avec guidage fort ou souple Je ne dois pas quand il y a un calcul r aliser l tape i 1 qui n cessite des donn es saisies l tape i utiliser alors le guidage fort Figure 31 Attribut Cas d utilisation du patron Wizard avec r capitulatif ditable Mise en page Des recommandations concr tes sont donn es ici quant la mise en page aux informa tions faire figurer au graphisme aux mises en garde sur des points techniques Les recom mandations viennent en compl ment du prototype pour corroborer ce qui y figure et insister sur les l ments qui sont importants Mise en page modifier Quand les utilisateurs sont des travailleurs sociaux attention au vocabulaire m
271. it fr swceditor targetNamespace http liihs irit fr swceditor elementFormDefault qualified gt lt xs element name Swc gt lt xs complexType gt lt xs sequence gt lt xs element ref CompositeState minOccurs 1 maxOccurs 1 gt lt xs element ref Transition minOccurs 0 maxOccurs unbounded gt lt xs sequence gt lt xs attribute name project use optional type xs string gt lt xs attribute name author use optional type xs string gt lt xs attribute name date use optional type xs string gt lt xs attribute name version use optional type xs string gt lt xs complexType gt lt xs element gt lt xs element name CompositeState gt lt xs complexType gt lt xs sequence gt lt xs element ref GraphicBounds minOccurs 0 maxOccurs 1 gt lt lt xs element ref InitialState minOccurs 0 maxOccurs 1 gt gt lt xs choice minOccurs 0 maxOccurs unbounded gt lt xs element ref CompositeState gt lt xs element ref StaticState gt lt xs choice gt lt xs element ref DeepHistory minOccurs 0 maxOccurs 1 gt lt xs element ref ShallowHistory minOccurs 0 maxOccurs 1 gt lt xs element ref EndState minOccurs 0 maxOccurs 1 gt lt xs sequence gt lt xs attribute name id use required type xs string gt lt xs attribute name label use optional type xs string gt lt xs attribute name file use optional type xs string gt lt xs attr
272. it utile et utilisable et pour des raisons sp cifiques a chacun de ces deux publics Pour int grer les utilisateurs au processus de conception de SmalS lorsque ces utilisateurs sont identifiables et accessibles un expert en utilisabilit recueille leurs besoins en tout d but de conception Le cycle de d veloppement est bas sur des prototypes d interface sur lesquels des it rations sont r alis es jusqu a obtention d un consensus cf 3 1 2 Des tests utilisateurs sont men s sur ces prototypes sous la direction d un expert en facteurs humains lorsque au d but des it rations plusieurs alternatives sont difficiles d partager ou en fin d it rations lorsqu un prototype satisfaisant est obtenu pour le valider et rep rer d ventuels probl mes d utilisabilit Les rapports entre SmalS et les utilisateurs se prolongent apr s le d ploiement de application puisque c est l entreprise qui est en charge de l assistance t l phonique et de la maintenance Equipe de d veloppement L quipe technique est form e d un ou plusieurs repr sentants des r les indiqu s ci dessous De fa on g n rale ils travaillent de fa on tr s occasionnelle en contact direct avec les clients et les utilisateurs Dans ces occasions ils sont accompagn s de m diateurs 63 Le graphiste prend en charge l aspect visuel de l application L assemblage des couleurs les formes apparaissant sur l interf
273. ivantes into employeurs nomi Rghzdimnat voor Arbaidsvourzsiening adewsser 1000 BRUXELLES KETZERGLAAN ONSS 173079072 BCE 0700420191 BC Brussel Bruxelles Charlerci e Steenweg 60 1060 ST GILLIS Chousr e de Charleroi 60 1060 BRUXELLES 02 542 16 12 num ro unique de cette communication de chomage temporaire JAD 00004QN 00 2 Si fe contenu o la date de la communication ect pas conforme aux dispositions l gales ou r glermantaliras OKEM wour an avertirs le plus rapidement posrible afin de vous permettre da prendre les mesures fequises Le respect de certaines conditions comme la semaine de travail obligatoire pr c dant une nouvelle p riode de ch mage ne ressart toutefais pas de la communication m me L OHEM peut donc dgalemant constater ult rieurement que certaines conditions n ont par t remplies at que le travailleur ne peut pas b n ficier d aliocstions La communicebon comprenait les donn es suivantes i date de creation 30 09 2006 date de d but 01 07 2006 date de fini 27 07 2006 commision paritaire 149 00 sout commission paritaire secteur connexes aux construction metall regu suspension totale nature Mangue de commandes travailleurs 4609724409806 GEURTBAGILBERT LOUI 27 07 2006 52061027228 KABERGSE4BARINE LOUISA 27 07 2006 Figure 85 Accus de r ception de l application de d claration de ch mage temporaire capture d cran r alis e en octobre 2006 Liste d informations
274. izard gt lt xs enumeration value editable_overview_wizard gt lt xs restriction gt lt xs simpleType gt lt xs simpleType name StaticStateType gt lt xs restriction base xs string gt lt xs enumeration value static gt lt xs enumeration value transient gt lt xs enumeration value dynamic gt lt xs enumeration value external gt lt xs restriction gt lt xs simpleType gt lt xs simpleType name StaticStatePageType gt lt xs restriction base xs string gt lt xs enumeration value acknowledgement_of_receipt gt lt xs enumeration value contact_form gt lt xs enumeration value form_page gt lt xs enumeration value checklist gt lt xs enumeration value tasks_set gt lt xs enumeration value login_page gt lt xs enumeration value overview gt lt xs enumeration value warning_before_exit gt lt xs enumeration value wizard_page gt lt xs restriction gt lt xs simpleType gt lt xs simpleType name TransitionType gt lt xs restriction base xs string gt lt xs enumeration value user gt lt xs enumeration value system gt lt xs enumeration value completion gt lt xs restriction gt lt xs simpleType gt lt xs schema gt 214 AUTHOR Florence PONTICO TITLE A design method based on interface patterns for e Government applications SUPERVISED BY Marco WINCKLER Regina BERNHAUPT Philippe PALANQUE DEFENDED ON Friday July 11t
275. l L analyste est l interlocuteur privil gi du client c est dire de l institution demandeuse de l application en tout d but de conception Fort de son aptitude dialoguer avec le client avec un vocabulaire appropri de sa connaissance des contraintes mat rielles du projet et de sa cons cience des solutions techniques envisageables il recueille les besoins du client Sur leur base il r alise la sp cification de application en contr le la validit avec le client et le communique a l quipe de projet pour d marrer la conception L expert en utilisabilit est un sp cialiste des facteurs humains qui poss de galement de solides connaissances en d veloppement d interfaces Cette double comp tence lui conf re une expertise en mati re d ergonomie pour l interface Il est galement le lien entre l quipe de pro jet et les utilisateurs tant en charge du recueil des besoins utilisateurs et de la conduite des tests utilisateurs Il participe la conception d interfaces en faisant r f rence aux tests conduits aux besoins collect s et galement 4 son expertise th orique en facteurs humains Le responsable ditorial est un membre de l quipe technique mais il a une connaissance aiguis e des concepts du domaine administratif Il est charg de la relecture du contenu des pa 64 ges et en tant que charg de ce contenu il a une grande responsabilit dans la lisibilit des pa ges
276. l enchainement d crans et les wireframes qui y appa raissent car le squelette d application produit par eGoviPM offre un niveau d interaction non r aliste mais suggestif C est en cela qu eGovIPM est un premier pas dans la phase de d veloppement gr ce lui l analyste peut fournir une sp cification de la navigation et de l interface l quipe de d veloppement Technologies utilis es 6 3 Sc nario d utilisation de l outil eG ovIPM 6 4 Perspectives Le catalogue de patrons que nous avons mis disposition comme support l analyse fonctionnelle d une application d e Procuration contient notamment des patrons d enchainement d crans Ces patrons contiennent des mod les de navigation g n riques formalis s gr ce State WebCharts Winckler et Palanque 2003 L analyste est en charge de la personnalisation de ce mod le de son adaptation au contexte particulier de conception L outil eGovIPM acronyme d eGovernment Interface Patterns Manager est pr sent dans ce chapitre Il sert de support la personnalisation des enchainements d crans g n riques pr sent s dans le catalogue et satis fait les besoins suivants e Edition graphique de mod les de navigation pour la personnalisation des mod les g n riques fournis dans le catalogue de patrons et la sp cification de l application Chaque page du mod le de navigation en cours d dition est typ chacun corres pond un pat
277. l l a pas mis au bon endroit Tu vois il faut diter ce truc la En fait oui c est a qui est compliqu Quand tu as des shapes qui sont regroup es c est tr s tr s compliqu pour aller diter le bon bazar Il y a de quoi s nerver beau coup Sujet 4 le 17 avril 2008 http www igrafx fr dernier acc s 25 sept 08 119 Les sujets 1 et 8 voquent des formes trop complexes relativement leurs besoins Le probl me de la difficult de l dition de formes group es revient galement chez plusieurs su jets et notamment chez les sujets 3 et 4 cit s ci dessus Il s agit d un probl me d utilisabilit du logiciel Visio mais qui ne doivent pas tre n glig s dans la mesure o le logiciel est un support incontournable l utilisation des formes du StyleGuide Sobri t des formes propos es Certains pr cisent que les formes Visio permettent une anticipation sur l apparence finale de l application La sobri t graphique des formes propos es ne g ne pas la majorit des sujets bien au contraire leur r le est de d finir l interface fonctionnelle et ils appr cient de ne rien parasiter de cela lorsqu ils sont face au client Dans la plupart des cas moi en tous cas on commence avec ce qui doit tre sur l cran donc on commence faire une proposition sans tous les trucs NDLR hea der footer autour Sinon les clients commencent Ah c est pas comme
278. le d roulement du processus de concep 106 tion d interface que son produit Nous souhaitons v rifier hypoth se de recherche selon la quelle la conception de l interface est une activit qui peut servir de plateforme de communica tion entre intervenants tous statuts confondus Les discussions sur la sp cification des besoins puis sur les moyens de les satisfaire seront facilit es par la pr sence de cette plateforme offrant une compr hension mutuelle des intervenants Pour Claude Bernard 1865 cit par Reuchlin 1992 La seule preuve qu un ph nom ne joue le r le de cause par rapport un autre c est qu en supprimant le premier on fait cesser le second C est partir de ce raisonnement que nous d finissons ci apr s des hypoth ses de recherche bas es sur des ph nom nes sur lesquels il nous est possible d agir Ces ph nom nes seront provoqu s lors d exp rimentations afin de confirmer ou d infirmer la validit de nos hypoth ses 5 3 1 Le StyleGuide et un formalisme de description de la structure hyper texte sont utilisables et ont un pouvoir expressif satisfaisant pour la conception d interface La solution propos e par un patron issu du StyleGuide est pr te tre adapt e au contexte application de la strat gie de marque ou branding jeu de couleurs typographie lo go remplacement des donn es g n riques illustratives par les donn es r elles de l application multiplication
279. le r sultat d une recherche du nom smals dans les dossiers enregistr s sur l application Les l ments sont pr sent s dans un tableau chacun sur une ligne de couleur altern e pour faciliter la lecture Les colonnes sont sp cifi es par le responsable ditorial il s agit d attributs porteurs de sens et fr quemment utilis s pour faire r f rence aux l ments list s Annexe B Pages r currentes Nom smals Code postal ES Localit EE Num ro d entreprise BCE i I Matricule ONSS B I NISS fn E _ Rechercher l es enqu te s Effacer le s crit re s Nouvelle enqu te Num ro d enqu te D nomination Type d enqu te Secr tariat Social Trimestre Date de l enqu te 2006 000863 SMALS MVM ASBL Silencieux SSA dossier en suspens 315 29 sept 2006 2006 000863 SMALS MVM ASBL Silencieux SSA dossier en suspens 315 29 sept 2006 2006 000865 SMALS MVM EGOV VZW Silencieux SSA dossier en suspens 102 02 oct 2006 2006 000866 SMALS MVM EGOV VZW Silencieux SSA dbsuivi nok 205 02 oct 2006 2006 000870 SMALS MVM ASBL Silencieux SSA rien dans dbsuivi 101 02 oct 2006 2006 000870 SMALS MVM ASBL Silencieux SSA rien dans dbsuivi 101 02 oct 2006 2006 000878 SMALS MVM ASBL Silencieux SSA dossier en suspens 200 04 oct 2006 2006 000878 SMALS MVM ASBL Silencieux SSA dossier en suspens 200 04 oct 2006 2006 000881 SMALS MVM ASBL Silencieux SSA dossier en suspens 765
280. les dons a des organismes caritatifs D autres op rations peuvent tre mises disposition de l utilisateur en fonction de la nature des donn es et du r le de l utilisateur p ex suppression de donn es impression tablissement d un document officiel partir de ces donn es Ces informations le concernent p ex un citoyen modifie son adresse sur l application Web de la s curit sociale ou concernent un tiers p ex un chef d entreprise d clare un nouvel employ la s curit sociale L encha nement d crans g n ralement obser v au fil de l analyse de l existante pour ce type d applications est pr sent sur la Figure 75 Consultation et modification de donn es Trier Filtrer Identification de l utilisateur diter Consulter un Supprimer Mettre jour 1 l ment Confirmation Autre action sur l l ment https www socialsecurity be site_fr civilservant Applics primaweb index htm dernier acc s 24 mars 08 172 Annexe A Encha nements d crans r currents Figure 75 Mod le SWC de l encha nement d crans Consultation et modification de donn es GESTION DE DOSSIERS Cet enchainement d crans a t relev sur les applications o les utilisateurs ont plusieurs dossiers g rer en parall le sans rapport les uns avec les autres mais de la m me forme L utilisateur est g n ralement un professionnel dont l utilisation de l application e
281. leu Les contraintes de saisie doivent appara tre de fa on lisible et incitative si un champ est d fini comme requis par le concepteur du formulaire la mention zone obligatoire appa ra t par le biais d un ast risque la suite du champ concern lorsqu un format particulier est attendu il doit appara tre la suite du champ p ex format de date JJMMM AAAA ou Nom Polanski Pr nom s Lech Date de naissance 16 hN2 711981 II MM AAAA Sexe t Masculin Lieu de naissance l tranger Pays de naissance POLOGNE R P z Localit de naissance Gdansk en Belgique Localit de naissance Adresse officiele SSSR Rue Poolse straat Num ro 456 Bo te Code Postal 80 440 Localit Gdansk Pays i i zone obligatoire Attribuer un num ro BIS Figure 99 Formulaire de d claration de l application e CreaBis capture d cran r alis e en octobre 2006 Page d identification Elle permet l utilisateur de s identifier pour continuer une proc dure mise en pause pour compl ter les donn es d j saisies pour acc der son espace per sonnel et de fa on g n rale pour acc der aux fonctionnalit s associ es son r le Comme indiqu sur la Figure 100 plusieurs modes d identification sont offerts l utilisateur une 186 Annexe B Pages r currentes identification par token d livr par l administration ou directement via un lecteur
282. lisateur cherche t il des exemples des recommandations techniques des recommandations ergonomi 9 ques e Aisance dans le remplissage du formulaire e Sentiment de gratification ressenti pour la contribution au StyleGuide e Degr d implication dans l volution du StyleGuide e Motivation personnelle et sentiment quant la faisabilit concr te de telles contri butions l volution du StyleGuide 5 4 TUDE VALUATIVE Des valuations ont t men es pour confronter les hypoth ses mises aux comportements d usage des utilisateurs du StyleGuide Les donn es recueillies ont t dans un premier temps quantitatives via un questionnaire en ligne Puis des observations de r alisation de sc narios sont intervenues ponctu es d entretiens dirig s pour approfondir des points soulev s durant la r alisation du sc nario La d marche exp rimentale suivie est d crite dans cette section c est dire le mat riel employ l environnement qui a accueilli les valuations les personnes impli qu es et les sc narios qui ont t observ s 5 4 1 Utilisateurs et contexte de l valuation Le premier pas de cette exp rimentation est la mise en place d un pr questionnaire r ali s et diffus gr ce au site Web SurveyMonkey cf Annexe C sur les mois de mars et avril 2008 Le but de ce pr questionnaire est de recueillir des donn es d mographiques pour mieux cerner le profil des utilisate
283. listes pour que les discussions soient fructueuses En revanche toutes les don n es fixes connues d avance p ex les mentions l gales de l application les l ments des me nus apparaissent sur le prototype et leur pertinence est discut e d s cette phase de prototypage Les conflits qui apparaissent lors de ces phases de prototypage sont parfois difficiles a trancher Lorsque plusieurs institutions sont engag es dans un projet les questions de contenu ditorial peuvent devenir de vrais casse t te diplomatiques le choix du logo apparaissant en t te peut ainsi tre source de discussions tr s longues freinant les discussions concernant le reste du contenu et a fortiori le reste des consid rations sur l interface Les concepteurs exp riment s connaissent les bonnes pratiques les choix prouv s mais il reste difficile de convaincre les autres intervenants avec leurs propres int r ts leur propre vision des choses et leur propre vo cabulaire Des pertes de temps consid rables sont ainsi relev es faute de d cisions franches faute d argumentation suffisamment massive pour que les diff rentes parties s inclinent Impl mentation et d ploiement de l application Sur la base du prototype d interface valid par l quipe de conception l quipe de d ve loppement impl mente la partie back end de l application c est dire l pine dorsale les mo dules fonctionnels derri re l interface Intervi
284. lit de la m thode La faisabilit de notre m thode a t valid e par l valuation d une m thode similaire la n tre bas e sur des patrons d interfaces pour l e Procuration qui est d ores et d j d ploy e en entreprise le StyleGuide chapitre 5 Des observations de sc narios provoqu s et des entre tiens avec des utilisateurs du StyleGuide ont permis d explorer des moyens d am liorer l acceptabilit de la m thode et de mieux l adapter aux conditions de travail en entreprise Il a notamment t relev que la communication au sujet du catalogue de patrons devait tre soign e pour cr er une communaut d utilisateurs concern e par les informations capitali s es dans le catalogue Nous recommandons de notifier r guli rement les utilisateurs du catalo gue des changements de son contenu L aspect fortement volutif du catalogue doit tre pr sent dans l esprit des utilisateurs et il doit tre clair que les utilisateurs sont le moteur principal de ces volutions Sans tre responsables de la formalisation des patrons ni de leur validit ils sont les mieux plac s sur le terrain pour sugg rer des ajouts ou des modifications de patrons http fpontico free fr dernier acc s 25 sept 08 149 Outillage de la m thode Un outil d aide l application de la m thode eGovIPM compl te notre contribution la conception d interfaces en e Gouvernement chapitre 6 Il per
285. lors des attributs tels que le nombre de visites ou le nombre de clics effectu s sur l objet Les l ments sp cifiables avec cette m thode sont donc les donn es la navigation et la pr sentation Web Modeling Language Ceri Fraternali et Bongio 2000 L objectif de WebML est de guider la conception d applications fonctionnelles de type B2B Business to Business centr es utilisateurs et avec des modules qui soient r utilisables dans des projets futurs Les concepts du mod le de la proc dure servent ici tendre le mod le de navigation pour d limiter sur ce mod le le d but et la fin d une activit pour d composer une activit en unit s de travail et pour d finir quelles ressources sont requises pour une activit donn e Les contraintes du d roulement de la proc dure p ex coordination des activit s res source requise sont ainsi d finies par rapport au mod le de navigation de l application Lorsque la proc dure subit des modifications le mod le de navigation est a fortiori mis jour ce qui assure que l application refl te la nouvelle d finition de la proc dure Cette flexibilit est int ressante pour un domaine fortement volutif tel que l e Gouvernement dans lequel les modali t s administratives sont modifi es r guli rement Au niveau langage WebML est bas sur le mod le Entit Relation Codd 1970 et sur UML Rumbaugh Booch et Ivar Jacobson 1999 la m thode dispose d une
286. m datePatron multiple Instance of Dates m devraitPatron multiple Instance of CasUtilisations es doitPatron multiple Instance of Casttilisations m elementsPatrons multiple String m frequenceLitilisationPatron multiple Instance of IntervallesEntiers en granularit Patron multiple String en guidagePatron multiple String m neDevraitPasPatron multiple Instance of CasUtilisations m neDoitPasPatron multiple Instance of Casttilisations m nomPatron multiple String m parentPatron multiple Instance of Patrons M patronPagelnclus multiple Instance of Patrons ma relationPatronExemple multiple Instance of RelationsPatronExemple m ressourcePatron multiple Instance of PartiesRessources es sensinteractionPatron multiple String en urlPatron multiple String Figure 48 Exemple de d finition d attributs standardis s pour une page dans l ontologie du catalogue classe PatronPage d finie dans l outil Prot g 95 Des outils de visualisation d ontologie sont enfichables dans l outil Prot g et parmi eux TGVizTab TouchGraph Visualization Tab Alani 2003 c est gr ce cet outil qu un fragment de l ontologie est pr sent e sur la Figure 49 L affichage est param trable et une recherche est possible sur les valeurs d instances figurant dans I ontologie Ici certains n uds ont t masqu s pour plus de lisibilit p ex auteur du patron et il a t sp cifi un radius de valeur 1 c est
287. mage jpg alt Sample of a pagetypeE page gt Etat compos E Enchainement de pages XHTML Id d un tat compos E Label d un tat compos E St r otype d un tat compos E Screenflowtype d un tat compos E Etat dynamique Etat externe Etat transitoire Etat avec historique Qq qe Se Transition utilisateur Lien hypertexte Label d une transition Condition de l activation d une transition affich e sur l tat source lt p class linklist gt If labelT lt a href page_idE html gt labelE lt a gt autres liens lt p gt St r otype d une transition Etat source Esource d une transi tion Page XHTML dans laquelle le lien appara t page_idEsource html Etat cible Ecible d une transition Page XHTML cibl e par le lien hypertexte symbolis par la transition lt a href page_idEcible html gt labelEcible lt a gt Transition dynamique 211 Annexe H Grammaire du format XML de description des enchainements d crans Annexe H Grammaire du format XML de description des enchainements d crans Cette grammaire enrichit la grammaire utilis e par SWCEditor pour l dition de mod les de navigation State WebCharts Les attributs ajout s pour le contexte d eGovIPM sont encadr s lt xml version 1 0 encoding UTF 8 gt lt xs schema xmlns xs http www w3 org 2001 XMLSchema xmlns http liihs ir
288. mbiner celui de l accessibilit de l application ventuellement par le truchement d une interface simplifi e disponible de fa on alternative l interface riche La participation de l utilisateur final au processus de conception est lorsqu un climat de confiance a t tabli propice la d finition et la prise en compte d activit s officieuses pour une meilleure utilisabilit Par exemple un agent administratif pourra intervenir lorsqu un horo datage automatique est propos en opposant le fait que souvent la date indiqu e sur les dos siers de traitement n est pas la date du jour mais une date de convenance De plus en partici pant la conception de son futur outil de travail l agent administratif devient partie prenante des volutions de son domaine d activit loin de se sentir menac par ces volutions sa moti vation augmente avec son implication L utilisateur final citoyen est quant lui plus difficile convoquer pour des raisons de distance d abord cas d applications d e Gouvernement un niveau national voire international et pour des raisons de repr sentativit ensuite Les cas de conception participative en e Gouvernement voquent plut t la pr sence de repr sentants de citoyens Oostveen et Van den Besselaar 2004 Dans le cadre de l e Gouvernement plusieurs guides de recommandations sugg rent l utilisation de prototypages basse fid lit L tat du M
289. mblent ad quats Ils doivent tre group s et l utilisateur doit disposer des informations qui lui permettront de faire un choix d apr s son contexte de conception e Evolutivit et passage l chelle le catalogue de patrons doit supporter avec sou plesse des ajouts des modifications des commentaires et des suppressions de pa trons Le catalogue doit supporter galement d atteindre un volume d informations important sans rien perdre de ses atouts organisationnels Nous valuons ici l organisation sans tenir compte du support qui fait ventuellement obstacle cette volution Tableau 4 Comparaison des m thodes d organisation des catalogues de patrons d inter faces tudi s R f rences crois es 7 entre l Groupement Comparaison Evolutivit Structure ments d l ments de points et passage hi rarchique d interface proches de vue l chelle Borchers 2000 v x v v E Coram et Jim Lee 2002 v x v v x Henninger et Ashokku mar 2005 x i y Laakso 2003 x x x x x Montero et coll 2002 v x x x x Noble 1998 v x v v Perzel et Kane 1999 x x x x Tidwell 2005 v x v v w Van Duyne Landay et Hong 2002 A x y y Martijn Van Welie 2007 catalogue v x 7 7 x Martjin Van Welie et Van der Veer 2003 orientation objet x E Yahoo 2007 x v v x L GENDE Y support x non support partiellement s
290. mes cf 5 4 4 ils ne personnalisent pas ou personnalisent l g rement l outil La personnalisation est celle propos e en formation ou vise l all gement des informations disponibles l cran J affiche dans Visio les bo tes dont j ai besoin et j ajoute au fur et mesure ce dont j ai besoin Une fois que tu as fait ton design page par exemple tu n as plus besoin de celle 1a Sujet 1 le 15 avril 2008 Alors oui moi je pr f re la visualisation avec les ic nes Sujet 2 le 16 avril 2008 Les sujets 1 et 2 voquent des pr f rences dans l utilisation des formes du StyleGuide Il s agit de les afficher de fa on plus facile explorer soit en en affichant des aper us soit en r duisant le nombre Il ne s agit pas d une personnalisation pour plus d efficacit ou de densit comportement que l on aurait pu attendre de la part d utilisateurs exp riment s Utilisation de Visio Des difficult s subsistent dans l utilisation du logiciel Visio lui m me difficult s qui se ront probablement lev es lorsque les sujets auront particip aux formations au StyleGuide et l utilisation de ces formes La pratique de l outil aidera galement l apprentissage de son usage car jusqu il y a quelques mois la norme dans l entreprise tait de travailler avec un autre logiciel d dition de sch ma nomm iGrafx Certains sujets voquent ainsi des habitudes de
291. met en avant les concepts n cessaires pour une mod lisation pertinente Brain Seltsikas et Tailor 2005 activit coordination entr es et sorties ressources requises acteur besoins l gaux besoins en s curit localisation document propri taire origine connexion d autres domai http www onestopgov project org dernier acc s 25 sept 08 41 nes d activit environnement de travail acteurs unit s organisationnelles environnements subordonn s L utilisateur d une application d e Gouvernement est ainsi indirectement d fini par des activit s mener des ressources dont il est propri taire et une appartenance une unit organisationnelle Ce rapport tablit galement qu une contrainte dans la d finition d une pro c dure peut tre l gale technique sociale thique et g ographique C est galement l objectif de l interop rabilit qui m ne les recherches en mod lisation de donn es pour l e Gouvernement Les principes du Web S mantique sont largement utilis s ce qui augmente les relations possibles entre concepts les inf rences entre informations et ainsi le pouvoir s mantique du mod le de domaine classification avanc e des concepts manipul s par des taxonomies Suomi fi 2007 ou des ontologies Efthimios Tambouris et coll 2004 Wim mer 2006 tiquetage des concepts par des m tadonn es pour tablir des cartes de connaissan ces Handzic 2004 Des e
292. met l dition d un mod le de navigation StateWebCharts qui sch matise l encha nement d crans relatif une application L utilisateur de l outil est guid dans cette activit e L dition du mod le de navigation de son application est fait partir d un patron d enchainement d cran g n rique issu du catalogue e Certaines activit s d dition sont interdites lorsqu elles enfreignent des contraintes relatives l encha nement d cran d un patron p ex dans un assistant la r alisa tion d une proc dure un r capitulatif doit figurer la suite des tapes partir du mod le de navigation dit un squelette de l application est g n r c est un ensemble de pages XHTML li es entre elles conform ment au mod le de navigation dit Le squelette g n r peut tre montr au client rapidement car il contient des wireframes de pages g n riques si l analyste n a pas le temps d diter des wireframes personnalis s Chaque page XHTML g n r e dispose du wireframe g n rique ou personnalis qui lui correspond d une description saisie par le concepteur et de liens hypertextes actifs sous forme de liste menant vers d autres pages du squelette Sans qu il soit n cessaire de produire un prototype interactif en XHTML un encha nement des wireframes de page statiques peut ainsi tre pr sent au client Pour ce qui concerne la communication avec l quipe de
293. mple e Mark Hoogendoorn Hoogendoorn et coll 2007 propose un formalisme de des cription de l organisation en se pr occupant des modifications pouvant survenir dans ce mod le en cours d activit et des r organisations qui deviennent alors n cessaires L tude de cas porte sur des interventions d urgence susceptibles de sur venir dans des v nements sportifs de grande ampleur Les proc dures de r organi sations peuvent tre internes aux agents d j signal s ou bien consister en des ex tensions du mod le des agents qui n y apparaissaient pas Par souci de r alisme chaque agent est pourvu de forces motrices et de forces d opposition aux change ments de r les qu il subit Navigation A tout moment un utilisateur doit disposer d informations suffisantes pour savoir o il est o il peut aller comment faire pour aller quelque part et comment faire pour revenir en arri re Fleming 1998 Gr ce aux informations contextuelles de navigation l utilisateur est capable de se situer dans le site mais aussi d valuer le chemin qu il lui reste parcourir avant d atteindre le but qu il s est fix La navigation au sein d une application Web quelle qu elle soit doit donc tre trait e avec soin Les mod les de navigation tablissent l ensemble des documents hypertextes composant l application Web et les liens entre eux Le mod le de navigation peut couvrir bon nombre des besoins exprim s comme requis
294. mple r alis gr ce l outil d dition Business Process Visual Architect 2 1 Changement d adresse Confirmation d ta miss 3 jour Figure 13 Mod le BPMN de la proc dure Signaler un changement d adresse La mod lisation de la proc dure aide la conception des interfaces d applications fonc tionnelles dans la mesure o cette proc dure globale doit tre lisible sur l interface de chaque utilisateur Ces informations peuvent appara tre en d but de proc dure ou comme guidage pour expliquer l utilisateur le d roulement global de la proc dure Elles peuvent galement rensei gner le suivi d un dossier et notamment justifier les d lais d attente entre deux activit s men es par l utilisateur p ex attente de confirmation traitement d un document impression d un do cument Voici quelques unes des m thodes de mod lisation de proc dure existantes e StateCharts Harel 1987 d crit le comportement d un objet et les modifications de son tat en r action des v nements qui se produisent Un mod le StateCharts contient un tat initial un tat final et des tats interm diaires Des transitions appa raissent entre eux dont l activation est conditionn e par un v nement et des condi tions de garde L objet mod lis peut tre un environnement et l tat final est alors un tat de l environnement satisfaisant un objectif StateCharts peut ainsi tre utilis
295. mple ou impression des fins de conservation pour preuve de la r ali sation de la proc dure fr de en Hulp Slut meldingsplicht M e d n g S p i C h t Yevgeni Popov afmelden buitenlandse werknemer zelfstandige Nieuwe melding Historiek meldingen Onafgewerkte meldingen Startpagina Nieuwe melding Stap 3 Belgische gebruiker Selecteer de Belgische firma Hoe kan ik een Belgische firma selecteren Belgische firma eris geen firma geselecteerd TET Geef de rechtspersoon of natuurlijke persoon op voor wie de aangegeven personen 2 plaats van gaan werken tewerkstelling Kies uit uw bewaarde firma s of zoek een Belgische firma op 3 Belgische gebruiker Ajs u bij de opzoeking de firma niet terugvindt kan u haar gegevens invoeren A 5 Opzoeken Belgische firma 6 Zoeken in de Limosagegevenshank Een rechtspersoon gt Een natuurlijk persoon Zoeken in mijn favorieten U heeft gee vorige stap volgende stap gt Figure 70 tape d un assistant sur le site Limosa capture d cran r alis e en octobre 2006 Plusieurs enchainements d crans coexistent pour cette famille d applications Dans un assistant avec guidage fort cf Figure 71 les tapes de la proc dure doivent tre r alis es dans l ordre Si l utilisateur veut corriger les donn es saisies l tape i il devra valider de nouveau les tapes i 1 jusqu la fin Cette forme d assistant est utilis e en particulier lorsque les
296. mpo raire e La gestion de dossiers permet la conduite de plusieurs activit s en parall le sur des l ments de nature similaire diff rents niveaux avancement p ex ajout et suivi de dossiers concernant des r fugi s politiques Seule une partie du pouvoir expressif de la notation SWC sera utilis e ici savoir la partie concernant les encha nements d cran visible par l utilisateur La partie concernant les appels au serveur seront laiss s de c t pour se concentrer uniquement sur les interactions avec l utilisateur Il est toutefois indiqu que le contenu d une page est statique rectangle aux bords arrondis en trait plein ou g n r dynamiquement rectangle aux bords arrondis en pointill s 71 e La gestion de r les appara t lorsqu une m me application sert plusieurs cat gories d utilisateurs chacune tant associ e un ensemble de t ches autoris p ex d p t et consultation d offres d emploi e Une architecture hub and spoke litt ralement centre et rayon propose plu sieurs t ches l utilisateur chacune d elles ayant pour point de d part une page fai sant office de tableau de bord Les t ches sont r alis es les unes apr s les autres et la fin de chaque t che l utilisateur est renvoy la page de tableau de bord p ex gestion des informations concernant les employ s d une entreprise e L int gration un portail concerne le
297. mputing systems common ground 81 82 Vancouver British Columbia Canada ACM 13 18 Avril 1996 Katifori Akrivi Constantin Halatsis George Lepouras Costas Vassilakis et Eugenia Gian nopoulou 2007 Ontology visualization methods a survey ACM Comput Surv 39 no 4 10 Kavadias Gregory et Efthimos Tambouris 2003 GovML a markup language for describing public services and life events Dans 4th working conference on Knowledge Management in Electronic Government Rhodes Island Gr ce Springer Berlin Heidelberg 26 28 Mai 2003 Kay Michael 2008 The SAXON XSLT and XQuery Processor http saxon sourceforge net Kirakowski Jurek et Nigel Claridge 1998 Human Centered Measures of Success in Web Site Design Dans 4th Conference on Human Factors amp the Web Basking Ridge NJ USA 5 Juin 2008 Knapp Alexander Nora Koch Flavia Moser et Gefei Zhang 2003 ArgoUWE A Case Tool for Web Applications Dans Workshop on Engineering Methods to Support Information Systems Evolution Geneva Suisse 5 Septembre 2003 Koch Nora Hubert Baumeister Rolf Hennicker et Luis Mandel 2000 Extending UML to Model Navigation and Presentation in Web Applications Dans Workshop on Modelling Web Applications at UML York UK Octobre 2000 Koch Nora Andreas Kraus Cristina Cachero et Santiago Melia 2003 Modeling Web Busi ness Processes with OO H and UWE Dans IWWOST 03 3rd International Workshop on Web Oriented Software Tech
298. n Cadre d dition graphique Langage de balisage extensible gt Architecture Java pour la liaison avec XML 7 Transformations partir d un langage extensible de feuille de style 140 syst matique les l ments d un fichier XML et d effectuer des op rations de transformation sur ces l ments Le mod le XSLT de transformation est reproduit partiellement sur la Figure 64 Ici nous cherchons transformer un fichier XML celui qui repr sente le mod le de navigation State WebCharts en un ensemble de pages XHTML une par tat du mod le StateWebCharts li es entre elles conform ment aux informations contenues dans le fichier XML lui m me et dont le contenu provient de ce m me fichier XML La transformation s op re par traitement de n uds identifi s sur le sch ma XML La r gle 1 cf Figure 64 concerne par exemple l l ment Swc qui est le n ud racine d un fichier XML d crivant un enchainement d crans sous eGovIPM cf exemple de fichier XML dans la Figure 63 sch ma XSD grammaire des fichiers XML manipul s sous eGovIPM dans Annexe H C est la premi re r gle qui sera ex cut e dans le mod le XSLT impl ment pour eGovIPM Il est d crit dans cette r gle que pour tout n ud Swe la r gle CompositeState doit tre appli qu e pour chacun des fils de type CompositeState c est dire pour tout tat compos page ou enchainement d crans La r gle 2 concerne justement les n
299. n de t ches dont la r alisation est limit e dans le temps r Sommaire des t ches faire Type de t ches Quantit Enqu te s approuver 4 Enqu te s effectuer 145 Enqu te s r viser 13 Enqu te s suivre 20 4 l ments trouv s affichage de tous les l ments 1 page Figure 90 Liste de t ches r aliser sur l application iBoss capture d cran r alis e en octobre 2006 Donn es d horodatage Cette page contient les informations n cessaires l application pour l identification de la t che en cours venir ou pass e Par exemple dans le cas de la Figure 91 la page est affich e en d but de proc dure Elle est propos e l impression pour que l utilisateur puisse donner une preuve de la r alisation de la proc dure ou obtenir une assistance efficace en cas de probl me Dans d autres applications ces donn es restent comme donn es contextuelles en t te de chaque page de la proc dure ou bien apparaissent seulement lorsque la proc dure a abouti sur l accus de r ception 181 Annexe B Pages r currentes GGYNL DE NEW Quittez la DmfA gt identifi comme Demo Demo Company DmfA 3 2006 No de ticket 330 00003F4 01 Q No d immatriculation ONSS 1544038 23 No d entreprise 432 603 964 Aper u ticket 330 00003F4 01 Q No de ticket 330 00003F4 01 Q Trimestre 3 2006 No d immatriculation ONSS 1544038 23 No d entreprise
300. n e sur quinze applications d velopp es par SmalS et toutes li es au m me Construire un d p t organis d exp riences BORE tait disponible l adresse http cse ferg41 unl edu bore html dernier acc s 25 sept 08 70 organisme national de la s curit sociale belge Ce contexte pr cis favorise la r utilisation de composants de conception puisqu une m me culture d entreprise est partag e et que le contexte de d ploiement est le m me Nous y avons effectivement relev des l ments d interface r currents de diff rents niveaux de granularit selon les niveaux indiqu s sur la pyramide de la Figure 26 Les l ments des deux plus hauts niveaux enchainements d crans et pages sont list s et analys s dans cette section e Encha nement d crans comportement de s quences de pages correspondant un comportement fonctionnel de l interface p ex assistant la r alisation d un formulaire en plusieurs tapes e Page mise en page d une page ou d un l ment inclus dans une page mais signifi catif par lui m me de l interface utilisateur p ex formulaire e Composant de base affichage et offre d interactions sur des l ments d interface qui n ont pas de sens par eux m mes mais qui apparaissent dans des l ments de plus haut niveau p ex champ de formulaire Encha nements d crans Composants de base Figure 26 Niveaux de granularit des fr
301. n ou r pondre des commentaires d j d pos s 2 5 4 Gestion de la connaissance ergonomique pour l e Gouvernement Dans le cas de l e Gouvernement les recommandations ergonomiques sont un moyen pour les institutions gouvernementales de d finir pr cis ment leurs exigences en mati re d utilisabilit et de fournir en m me temps des moyens d valuer ces m mes exigences sur des applications existantes De m me les r gles ergonomiques constituent un format ad quat pour l expression des standards de bonne conduite de conception dit s par les organismes de stan dardisation internationaux Toutefois les recommandations l gales notamment en ce qui concerne l accessibilit sont souvent formul es en des termes trop peu techniques et concrets Agostini et Naggi 2007 Malgr la r glementation de nombreux pays obligeant le respect de l accessibilit pour les applications d e Gouvernement et en d pit d un effort de la part de la communaut Web pour produire des standards d accessibilit p ex W3C WAI WCAG 1 0 World Wide Web Consor tium W3C 2007 le niveau d accessibilit en e Gouvernement est encore imparfait CapGe mini 2006 Le probl me vient d une part d une d finition ambigu de l accessibilit dans les r glementations Agostini et Naggi 2007 mais aussi d un manque de support l interpr tation des standards d accessibilit existants Pour encourager les concepteurs se sou
302. n V McDermid et Ripken 1984 cccccccccccsccescesecssecsseeseeeseeeseeseeeseeeseessecesecesecaeenae 14 2 1 3 Cycle en spirale Boehm 1986 een 15 2 1 4 Cycle Star Hix et Rex Hartson 1993 eee 16 2 1 5 Cycle Object Oriented User Interface Collins 1995 17 2 1 6 Cycle V Nabla Kolski 1998 ii ikea ie ia ia ia 18 2 1 7 Rational Unified Process Kruchten 2000 ss 19 2 1 8 Cycle de vie en O des applications Web Scapin et coll 2000 20 2 1 9 Cycles de d veloppement pour l e Gouvernement ss 21 2 2 M THODES DE CONCEPTION CENTR ES UTILISATEUR 22 2 2 1 Observation des UtiliSQleUrs hein ins Goiea sess Hing saaes aged sods Sidhe aS EE SERA AR SASSER 23 2 2 2 Conception participative seashore shesensvuyeasiss ih mind seeisesschcasecesvsassases dasa desosasesscbvasassaveasinss 23 2 2 3 lt Prototypage basse fide lite svc sister hiita cass orrip ches sasespugseascs SREE PONEROS ARS REIS SEA 24 2 254 LPOFSONO SE davcesscaceitesssveescueasds cafe de E Radio cenvsanees dics Sete mn gis EE EA AEE TIETE 24 2 2 3 Groupes de AiSCUSSION tshirt rasene Eae Sass avesigassdheacadesesgasas cs SREAP OESP ST vagassesestinss 25 2 2 6 Conception centr e utilisateur pour le Gouvernement osoensis 26 2 3 M THODES DE SPECIFICATION D UNE APPLICATION INTERACTIVE sn 28 2 3 1 M thodes de sp cification par la mod lisation ss 28 2 3 2 M thodes de sp cification rencontr es dans la conception Web 36 2 3 3 M thodes de sp
303. n de notre m thodologie Pour cela nous avons impl ment deux modules principaux cf Figure 62 e Editeur de mod les StateWebCharts il permet l dition graphique de mod les Sta teWebCharts partir de mod les g n riques et sous les contraintes d dition que nous avons tablies plus haut cf 6 1 1 e G n rateur du squelette de l application partir d un mod le State WebCharts per sonnalis il permet de g n rer un ensemble de pages XHTML lui correspondant cf 6 1 2 diteur de mod le SWC Mod les SWC g n riques GEF XML aa Mod les SWC Utilisateur personnalis s d eGovIPM G n rateur du squelette de l application XSLT Wireframes de page g n riques Pages Web JPG Wireframes de du squelette pages personnalis s XHTML JPG Feuille de style CSS Lecteur du squelette de l application Navigateur Web Figure 62 Architecture logicielle de eGovIPM 6 2 2 dition de mod les StateWebCharts L interface de l diteur est montr e dans la Figure 61 La cr ation des diff rents mod les se fait en ajoutant par drag amp drop des l ments pages ou enchainements d cran depuis la palette cf Figure 58 GEF Graphical Editing Framework Eclipse 2008b est la librairie Java qui nous a permis de g rer l affichage des objets dans l diteur eGovIPM et Voffre d interactions avec ceux ci s lection cr ation connexion 139 Un
304. n du point de vue des informations accessibles chacun ou bien d un point de vue dynamique d affectation et de r affectation des r les en cas de besoin Le choix des responsables de l organisation se porte ra sur l un ou l autre de ces courants de mod lisation selon les objectifs poursuivis p ex meil leure souplesse de l affectation des r les gestion optimale des ressources absence de conflit des ressources disponibles hi rarchisation des activit s Voici quelques mod les organisationnels repr sentatifs de ces diff rents courants de mod lisation e MOT Mod le Organisationnel des Traitements est un mod le organisationnel d velopp dans le cadre m thodologique Merise Tardieu Rochfeld et Colletti 1983 Il d crit les proc dures r alis es en fonction de l organisation et des ressources qui o quand comment Un exemple est pr sent sur la Figure 15 Les agents de l organisation sont vus au travers des activit s auxquelles ils participent et de leur fa on d y participer ainsi qu au travers des objectifs qu ils aident atteindre e OSSAD Office Support Systems Analysis and Design Dumas et Charbonnel 1990 est une m thodologie de mod lisation du cadre m thodologique d une organisation Les objectifs th oriques du syst me sont d abord d crits dans un mod le abstrait en Analyse et conception de syst mes d aide au travail de bureau 33 termes de services p ex ma
305. n par un mod le StateWebCharts partir du catalogue de patrons et de l outil eGovIPM cf chapitre 6 e Favoriser la communication g n ration d un squelette de l application qui puisse tre discut avec le client sur la base des wireframes de page et de l encha nement d crans et gr ce l outil eGovIPM e Capitaliser la connaissance lorsque l analyse r v le des l ments n apparaissant pas dans le catalogue le concepteur sugg re un ajout de patron 88 4 4 1 Soutenir la conception Sur la base des besoins exprim s par le demandeur l analyste r alise les artefacts de conception d crits dans cette section Pour ce faire il utilise eGovIPM le d tail de cette r alisa tion sera fourni dans le chapitre 6 consacr l outil les patrons figurant dans le catalogue de patrons et un outil diteur de dessin annexe de type Visio L tude de cas n est que partielle ment trait e et nous ne pr sentons ici que la page concernant la gestion des repas des enfants D finition d un wireframe de page Pour concevoir son wireframe de page l utilisateur navigue sur le catalogue de patrons Aucun patron de page ne correspond son cas pr cis d finir une page permettant la gestion des repas d un ou plusieurs enfants Mais cette page a un axe central tr s fort la mani re dont les repas doivent tre pr sent s L analyste cherche d abord un patron traitant de dates il saisi
306. nalisa tion des connaissances de conception Une valuation du StyleGuide aupr s de ses utilisateurs a t conduite dans le but d observer et d am liorer leurs conditions d usage L observation por tait sur des activit s de conception provoqu es r aliser avec le support du StyleGuide D autres t ches visaient prouver des hypoth ses formul es sur les points communs entre notre m thode et celle du StyleGuide l issue de ces valuations des suggestions ont pu tre faites pour am liorer l utilisabilit et l acceptabilit du StyleGuide des perspectives d volution de notre m thode ont t aussi d gag es La section 5 1 met en avant les similarit s entre le StyleGuide et la m thode que nous proposons dans cette th se support l analyse fonctionnelle par le prototypage moyenne fid li t standardisation des interfaces capitalisation et mise disposition de la connaissance en conception d interfaces C est ainsi que seront justifi s les apports pour la validation et les perspectives concernant notre m thodologie de l valuation de cette m thode La section 5 2 d crit les modalit s de fonctionnement et d op rationnalisation de cette m thode dans le cadre de l entreprise SmalS La section 5 3 pr sente les hypoth ses de recherche qui nous ont permis d tablir l tude valuative d crite dans la section 5 4 Les r sultats sont rapport s dans la sec tion 5 5 leur lumi
307. nc rement Chez SmalS en avril 2008 Garifalia Kanellopoulos Gunther de Neeve et Nicolas Ver meulen m ont leur tour accueillie confortant encore la belle image que j ai de Bruxelles et des Bruxellois Merci eux de m avoir fait confiance et de m avoir permis d offrir un d but de va lidation mes travaux de th se c tait une grande chance et une exp rience tr s enthousias mante Merci videmment S lim Dahmane Pierre Herremans Marc Lainez Maxime Lam quet Juan Ruiz Panadero Karine Picart Luc Vanderberken et Karlien Von Ongeval qui ont jou le jeu de l valuation avec beaucoup de s rieux et d application dans une ambiance sou riante et tr s sympathique Parlant de sympathie je n oublie pas les membres duLHES de IHCS pass s et pr sents qui ont accompagn 5 ann es de ma vie et pas des moindres de DEAtte aujourd hui Un mer ci particuli rement nourri sinc re et amical Joseph le fraternel bin me l oreille attentive la Un grand merci selon Google traduction terreur d Eclipse le Berserk lunettes NDA Le berserk est un guerrier fauve qui entre dans une fureur sacr e se rendant capable des plus invraisemblables exploits La berserkerie est en particulier observ e en phase de r daction de th se II m a immens ment aid e dans la concep tion de l outil prenant du temps sur la r daction de sa propre th se pour faire avancer la mienne mill
308. nce d op rations sur chaque dossier successive ment c est son libre choix Cette latitude de comportement est particuli rement recherch e pour les applications destination d utilisateurs quotidiens d une application pour que soient respect s les modes de fonctionnement de chacun https www socialsecurity be site_fr civilservant Applics primaweb index htm dernier acc s 24 mars 08 173 Annexe A Encha nements d crans r currents Gestion de dossiers Gestion Trier dossier 1 Identification iste des Gestion de l utilisateur dossiers dossier 2 Gestion dossier n Figure 77 Mod le SWC de l encha nement d crans Gestion de dossiers GESTION DE R LES Lorsqu une application diffuse des fonctionnalit s pour plusieurs cat gories d utilisateurs un principe de gestion des r les doit tre mis en place L utilisateur peut choisir le r le qui lui convient par le biais de points d entr e sur l application comme montr sur la Figure 78 selon le cas l utilisateur choisit d acc der l espace r serv aux citoyens aux entreprises aux profes sionnels de la s curit sociale ou bien l espace international Cet acc s n est pas soumis identification et rien n emp che un citoyen de naviguer dans l espace r serv aux profession nels l institution fait ainsi montre de transparence et permet un utilisateur curieux de connai tre l tendue de
309. nception des discussions et des activit s de conception coop ratives sont organis es en alternance avec des t ches individuelles parall lis es Lors des s an ces de conception coop ratives le r le social de chacun est effac au profit de ses comp tences et de ses connaissances L utilisateur final de l application prend galement part ce type de conception Il est en effet consid r comme capable d exposer ses besoins et ses contraintes d usage au reste de l quipe de conception et cette participation s est av r e efficace dans de nombreux projets Clement et Besselaar 1993 Une fois la confiance tablie l utilisateur final ira jusqu sortir du cadre officiel de ses t ches quotidiennes pour d crire ses t ches de fa on plus officieuse La satisfaction lors de l utilisation apr s d ploiement viendra ensuite non seu lement du fait que l application est utile et utilisable mais aussi du fait que l utilisateur a pris part sa cr ation Les ventuelles modifications post d ploiement se feront galement avec souplesse le rapport d incident sera efficace puisque l utilisateur saura de quelle mani re d crire l incident l quipe technique pour qu elle puisse la r soudre efficacement Si les avanta ges de l int gration d utilisateurs finaux agents administratifs semblent vidents l utilisateur final citoyen est quant lui plus difficile convoquer pour des raisons de distance
310. nctionnalit qui serait d tect apr s d ploiement Si un retour en arri re est n cessaire vers une phase de d but de cycle le co t peut tre lev pour la conception Les ver sions r centes du cycle de vie en cascade font appara tre chaque tape une activit de v rifica tion McConnell 1996 la gestion de projet doit garantir la validit du passage d une tape l autre Le cycle de vie en cascade est aujourd hui utilis dans des projets de tr s grande enver gure p ex Department of Defense aux tats Unis ou la NASA National Aeronautics and Space Administration pour lesquels une sp cification des besoins solide et immuable est n cessaire rendant peu probable la red finition de ceux ci et plus g n ralement les retours vers des tapes ant rieures D partement de la D fense charg de la coordination de la s curit nationale et militaire Administration nationale de l a ronautique et de l espace 13 L int gration des probl matiques de conception centr e utilisateur est envisageable dans un tel contexte Curtis et Hefley 1994 Chaque tape du cycle de d veloppement en cascades est consid r e sous deux points de vue l interface et l application comme le montre la Figure 2 Les tudes et d veloppements inh rents ces deux facettes sont explorer ce qui pousse les concepteurs prendre l utilisabilit de l application en consid ration La dichotomie entre ces d
311. nd Introduction Style Guide 08 Toolkit ALL 6j 09 Concepts ALL Welcome to the Web Application Style Guide version 1 0 E S 10 Useful links ALL B Sitemap 01 Introduction ALL m Expand All Sections Collapse All Sections This Style Guide is maintained by the Usability Competency Centre at Smals and includes a series of clear Guidelines patterns and rules to be applied when designing or developing online applications Why this Style Guide The main reason for having a set of common patterns and rules in one place is to increase coherence amongst the different applications developed at Smals because everyone will work according to the same principles and standards Another important advantage is that using the Style Guide will mean less preparation and development time the Guidelines provide very clear guidance on how applications and functionalities should be implemented with a lot of concrete examples code snippets and reference material And last but not least developing according to the proposed guidelines will ensure full compliance with intemational recommendations in the field of usability and accessibility It should also be noted that this Style Guide has been the result of a common effort and that feedback Figure 50 StyleGuide version 1 7 e Pour nous formaliser le cadre m thodologique du catalogue de patrons notre effort s est concentr sur la formalisation d
312. ne e 5 A s Experts en s curit Prototype de LARGES l interface CD D Ebd Es D Probl mes Remarques Rapport CZ CR d incident Au U Figure 25 Exemple de cycle de d veloppement d une application d e Gouvernement l entreprise SmalS Bruxelles Belgique Collecte des besoins Le client voque ses besoins fonctionnels lors de discussions avec des analystes avec comme point de d part la motivation du client pour ce projet plus ou moins pr cise d mat ria lisation d une proc dure sp cifique par le biais d une application d e Procuration refonte d une application existante tablissement de partenariats entre institutions pour des proc dures croi sant leurs services Le but peut tre la modernisation g n rale de l image de l institution 65 l acc l ration du traitement des proc dures ou encore l am lioration de l utilisabilit de Vapplication La synth se de ces collectes se fait sans support particulier si ce n est d ventuelles listes de pointage provenant de la culture th orique des analystes et de leur exp rience dans le domaine Lorsqu ils ont une exp rience de collecte des besoins en e Gouvernement les analystes acqui rent en effet des r flexes et connaissent les points d licats sur lesquels la r flexion avec le client doit tre approfondie Les utilisateurs dans les cas o ils sont identifi s et accessibles rencontrent des experts en utilisabilit p
313. ne extension de SWCEditor Winckler et coll 2004 di teur et simulateur de mod les State WebCharts Par cons quent il est galement possible de cr er et d diter des diagrammes SWC via la palette d dition d eGovIPM Naturellement la g n ration du squelette de l application n est possible que si les objets eGovIPM ont t utilis s Palette b Select _ Marquee L Transitions User gt System k States C1 Static Dynamic CA Transient CZ External J Concurrent C Shallow History G Deep History initial End gt Pages _JAck of receipt C Checklist C Contact form C Form page I Login page C Overview C Tasks set Cl Warning before exit C Wizard page L Screen flows C Login Figure 58 Palette de l outil eGovIPM L utilisateur d eGovIPM peut aussi diter les informations du mod le de navigation par interaction directe avec un objet p ex double clic sur un tat pour modifier son label ou par le biais de la vue Propri t s de l environnement Eclipse qui est en partie reproduite sur la Figure 59 la page Gestion de repas est s lectionn e sur cet exemple et la vue Propri t s permet de voir entre autres informations son titre son type correspondant une entr e dans le catalogue de patrons ici Liste de t ches une description succincte de son contenu ou encore le wire frame qui lui est associ sous l attribut image Pour ce qui concerne le wire
314. ne solution un probl me de conception r current qui a t prouv e scientifiquement ou empiriquement sa validit a quoiqu il en soit t prouv e par la pratique et la communaut reconna t le bien fond de son raisonnement Cette solution se veut concr te et directement applicable un probl me rencontr moyennant une adaptation au contexte concern Cette m thode de support la conception a t initi e dans le domaine de l architecture au travers de patrons de conception de b timents de rues ou encore de jardins publics Alexander et coll 1977 En informatique le probl me trait par un patron de conception peut porter sur l architecture logicielle Gamma et coll 1994 l organisation de l quipe de conception ou encore l interface utilisateur C est ce dernier type de patrons de conception que nous nous int ressons ici un patron d interface r pond un probl me de conception d interface sur la base de la connaissance de la communaut en Interaction Homme Machine IHM et en four nissant une solution directement applicable guide le concepteur vers de bonnes pratiques de conception Dans ce m moire les patrons de conception d interfaces pour les applications d e Procuration sont d crits de fa on syst matique partir de fragments d interfaces r currents lis t s partir d une analyse de l existant La m thode de conception que nous proposons est bas e sur la pratiqu
315. nent application concern e entre autres domaines p ex je cherche gagner du temps j vite de stocker des papiers Un exemple de fiche est propos dans la Figure 11 pour la conception d une application permettant de signaler un changement d adresse Conception Rationalis e 24 Pr nom Matthieu Age 36 ans Nationalit Francaise Ville Marseille a d m nag de Lille pour cause de mutation il y a 2 mois Situation familiale Vie maritale avec Leila 37 ans professeur de Latin et Grec dans le secondaire pas d enfant Formation Bac litt raire 1991 DEUG d anglais 1994 DUT information communica tion option m tier du livre et patrimoine 1998 Profession Responsable du rayon Livres tourisme a la FNAC Niveau de comp tence informatique et Web Utilisation professionnelle quoti dienne d outils de bureautique mails et Web Utilisation personnelle quotidienne des mails et du Web blog de critique musicale t l chargement de musique consultation de ses comptes bancaires environ 15h de surf sur Internet par semaine hors travail Connexion ADSL depuis le domicile Poss de un PC portable personnel B tes noires techniques Les probl mes de configuration de sa connexion Internet les virus la confidentialit des donn es transmises quoiqu il fasse quelques achats en Matthieu ligne Le Blogger Motivation pour l utilisation des hautes technologies Acqu rir de l information au
316. nir ma contribution Je remercie galement Jo lle Coutaz Christelle Farenc et Quentin Limbourg qui me font le plaisir de participer mon jury Ces travaux ont pu voir le jour grace l allocation MENRT qui m a t attribu e puis un poste d ATER l Universit Paul Sabatier Je tiens remercier les personnes qui m ont ai d e obtenir ces conditions de travail id ales notamment Fran oise Adreit Fran ois Barr re et Thierry Montaut qui ont recommand ma candidature d ATER Ma th se a galement fait ses premiers pas dans le cadre du projet WebAUDIT je remercie Genigraph et en particulier Oli vier Nicolas et Jean Paul Perez pour leur curiosit et leur int r t envers nos travaux acad mi ques Cette th se doit beaucoup Quentin Limbourg qui m a accueillie en octobre 2006 au sein de SmalS J ai partag ses activit s quotidiennes men es la fois avec pragmatisme et exigence scientifique et mon app tit de recherche appliqu e s est ouvert Cette exp rience a eu une im portance capitale pour moi je le remercie tr s sinc rement de m avoir donn l opportunit de la mener Cerise sur le g teau son accueil tait excellent ainsi que celui de Jean Pierre Norguet qui je souhaite une deuxi me vie panouissante Cette mission scientifique a t possible gr ce au soutien de l action de coop ration scientifique et technique MAUSE COST Action 294 j en remercie ses membres tr s si
317. nit 2004 UK e Government unit 2004 cccccceereees 49 Figure 19 Recommandation 3 9 du WAI pour le clignotement d cran 49 Figure 20 Page d accueil du site fran ais de changement d adresse capture d cran r alis e le 24d cembre 2007 satire fret Mn MR in eme dem ein mine es 50 Figure 21 Extrait du rapport WebXACT de la page d accueil du site fran ais de signalement de changement d adresse le 24 d cembre 2007 ss 50 164 Figure 22 Graphe de patrons d interaction pour les expositions interactives issu de Borchers 2000 sistema net Se ARE street En ase aa eee EES 52 Figure 23 Vue partielle du r seau des patrons Experiences issu de Coram et Lee 2002 53 Figure 24 Catalogue de patrons propos par Francisco Montero issu de Montero et coll Figure 25 Exemple de cycle de d veloppement d une application d e Gouvernement l entreprise SmalS Bruxelles Belgique 65 Figure 26 Niveaux de granularit des fragments d interface rencontr s en e Gouvernemente PFOCUFANOM droer iaeaea nr een a A rien nes AA AERE EEA An A EAA eiA A n ner ane tions 71 Figure 27 Cycle de d veloppement pour l e Gouvernement bas sur des patrons d interface 78 Figure 28 Page d accueil du catalogue de patrons capture d cran r alis e le 4 juin 2008 81 Figure 29 Attribut Description du patron Wizard ss 82 Figure 30 Attribut Exemple du patron Bo te d avancement 83 Figur
318. nnes vuln rabilise en effet le sujet qui peut craindre que l valuation soit en r alit une inspection de ses aptitudes de travail Le pr questionnaire a t rempli par une population de N 11 principalement des analys tes 10 sur 11 le 11 participant tant un chef de projet ayant particip en tant qu analyste aux premi res phases de lancement du StyleGuide Avant les entretiens men s in situ 4 ques tionnaires avaient t remplis Durant les entretiens ceux des sujets qui ne l avaient pas rempli ont t encourag s le remplir et l ont effectivement fait 4 Suite aux entretiens un email tait envoy aux participants pour les remercier de leur implication il leur tait alors sugg r de proposer leurs coll gues utilisateurs du StyleGuide de remplir le questionnaire pour qu un volume de donn es int ressant puisse tre trait 3 questionnaires suppl mentaires ont alors t remplis 5 4 3 Mat riel de l valuation Chaque participant est convoqu sur l un des trois sites SmalS de Bruxelles par un res ponsable du centre d expertise en utilisabilit Les participants sont des analystes ou ont t analystes dans leur parcours professionnel L accueil du sujet consiste en une pr sentation des grandes lignes de ce travail de th se et en particulier les rapports entre celui ci et le StyleGuide Le s jour chez SmalS d octobre 2006 est mentionn galement ainsi que le nom de l h t
319. nology Oviedo Espagne 15 Juillet 2003 Kolski Christophe 1998 A call for answers around the proposition of an HCI enriched model SIGSOFT Softw Eng Notes 23 no 3 93 96 Kotz Paula Karen Renaud et Judy van Biljon 2008 Don t do this Pitfalls in using anti patterns in teaching human computer interaction principles Computers amp Education 50 no 3 Avril 2008 979 1008 156 Kruchten Philippe 2000 The Rational Unified Process An Introduction 2 d Addison Wesley Professional 14 Mars 2000 Kunstelj Mateja Tina Jukic et Mirko Vintar 2007 Analysing the demand side of e Government what can we learn from Slovenian users Dans EGOV 305 317 Regensburg Germany Springer Verlag 3 7 Septembre 2007 Laakso Sari A 2003 User interface design patterns http www cs helsinki fi u salaakso patterns Lacaze Xavier 2005 La conception rationalis e pour les syst mes interactifs Th se de docto rat de l Universit Toulouse 1 France Juin 2005 http liths irit fr lacaze divers These_Xavier_Lacaze pdf Ladd Ivor et Dennis Tsichritzis 1980 An Office Form Flow Model Dans AFIPS National Computer Conference 533 539 Anaheim California USA AFIPS Press Mai 1980 Lee Heeseok Choongseok Lee et Cheonsoo Yoo 1999 A scenario based object oriented hy permedia design methodology Information amp Management 36 no 3 Septembre 1999 121 138 Lepreux Sophie Mourad Abed et Christophe Kol
320. nomique des interfaces homme machine Presses Universitaires de Namur Namur 1994 ISBN 2 87037 189 6 Venkatesh Viswanath Michael G Morris Gordon B Davis et Fred D Davis 2003 User Ac ceptance of Information Technology Toward a Unified View MIS Quarterly 27 no 3 Septembre 2003 425 478 Verginadis Giannis Dimitris Gouscos et Gregory Mentzas 2004 Modelling e Government Service Workflows through Recurring Patterns Dans EGOV 483 488 Zaragoza Espagne Springer Berlin 30 Ao t 3 Septembre 2004 Victoria Online 2006 Web analytics toolkit Etude Melbourne Victoria Australie Septembre 2006 http www egov vic gov au pdfs Web Analytics Toolkit v1 Sept2006 pdf Vuyst Bruno de et Alea Fairchild 2006 The Phenix project a case study of e justice in Bel gium Dans Proceedings of the Sth international conference on Electronic commerce The new e commerce innovations for conquering current barriers obstacles and limitations to 161 conducting successful business on the internet 327 333 Fredericton New Brunswick Canada ACM 13 16 Ao t 2006 W3C 2004a Resource Description Framework RDF Language Specification W3C http www w3 org RDF 2004b OWL Web Ontology Language Overview Language Specification W3C F vrier 10 http www w3 org TR owl features 2008a Extensible Markup Language XML http www w3 org XML 2008b W3C XML Schema http www w3 org XML Schema 2008c
321. ns la colonne de menu cf Figure 51 Define application purpose puis 117 Choose interface type etc ce sujet hi rarchise les vues en suivant le m me type de cat gorisa tion l ordre naturel de conception Recherche de guideline Les sujets prouvent cependant des difficult s localiser les guidelines contenus dans le StyleGuide Ceux qui ont particip au moins un projet concret avec le StyleGuide ont l impression d en avoir une vision globale Certains d entre eux ont commenc par lire le Sty leGuide dans son int gralit lors de leur premier projet C est ainsi que quand ils sont la re cherche d un guideline particulier ils se servent avant tout de leur connaissance du StyleGuide pour savoir si le guideline figure dans le StyleGuide L organisation du StyleGuide et les intitu l s des guidelines ne les aident pas particuli rement dans cette t che D ailleurs lorsque leur recherche n aboutit pas ils recourent a un balayage exhaustif et lin aire des guidelines Ils ont galement le r flexe de contacter les membres du centre de comp tence en utilisabilit pour demander leur aide La je me perds un peu Qu est ce qui te fait penser parfois qu un l ment que tu cherches n est pas dans le StyleGuide Peut tre qu il y est mais que je ne sais pas o aller le chercher Tu peux m me avoir un truc pour aller chercher Quand tu sais pas tr s bien le
322. ns la majorit des cas une connexion a Internet La Figure 53 pr sente un cas typique de mise en place pour les valua tions L valuateur est plac droite de la photo ce qui lui permet de prendre des notes d observer le sujet valu et de manipuler ordinateur portable notamment pour le lancement et l arr t des captures vid o d cran Les sc narios r aliser font toujours l objet d un descriptif imprim sur papier Cette impression est plac e devant le sujet qui en dispose a sa guise Les entretiens compl mentaires sont remplis sur papier galement directement par le sujet Figure 53 Exemple typique d environnement mis en place pour les valuations 5 4 4 Sc narios observ s L valuation est pr sent e comme une occasion d observer les comportements d usage du StyleGuide et d en d duire des pistes 4 encourager et d autres a corriger Un entretien pr limi naire voir Annexe D vise lancer la discussion sur des questions vagues propos de Vint gration du StyleGuide dans les projets ce qui donne l occasion au sujet de pr ciser son profil et de donner un avis spontan sur son utilisation du StyleGuide Puis des sc narios d ex cution de sc narios sont observ s afin de comprendre plus objectivement les modes d usage et d valuer la validit des hypoth ses de recherche tablies dans la section 5 3 Les deux premiers sc narios portent ainsi sur l utilisabilit e
323. ntage du StyleGuide c est que a donne des r gles de base tr s claires sur Enfin a permet de se d brouiller pour d marrer a ne va pas r gler tous tes probl mes apr s quand les crans se complexifient Tu es dans un contexte particulier Mais au moins avec le StyleGuide tu te dis Est ce que c est une dropdown list ou est ce que c est je ne sais pas un checkbutton Eh bien l au moins tu as des r ponses claires sur ce genre de trucs Mais assez ba siques Mais c est suffisant je pense Tu ne saurais pas formaliser au dela Sujet 4 le 17 avril 2008 Le principal avantage du StyleGuide c est que a permet de guider pour la r ali sation des crans Sujet 5 le 18 avril 2008 Les sujets 1 4 et 5 appr cient d tre guid s dans les premi res heures de la conception lorsqu il s agit de placer les premiers l ments de l interface Le StyleGuide et les formes Visio associ es leur offrent une base leur permettent de ne pas partir de rien Le sujet 1 voque l aide pour la disposition des l ments de l interface tandis que le sujet 4 insiste sur le guidage pour le choix des l ments d interface eux m mes relativement leur fonction Flexibilit La flexibilit fournie par les formes Visio est appr ci e par les analystes ils pensent que c est un outil efficace et rapide En laissant de c t les difficult s de manipulation de I outil
324. nterface ce qui repousse le moment de l valuation en fin de processus de conception Des travaux explorent la v rification automatique sur des artefacts interm diaires au cours du pro cessus de conception pour ainsi d tecter d ventuels probl mes d utilisabilit plus t t dans le processus de conception Xiong Farenc et Winckler 2007 2 4 5 valuation de l utilisabilit d applications d e Gouvernement Les m thodes de conception d e Gouvernement n ont pas notre connaissance fait l objet d valuations d utilisabilit qui aient t publi es Les retours d exp rience ci apr s concernent donc les exp riences rapport es dans la litt rature sur l valuation de l utilisabilit d applications d e Gouvernement elles m mes Fred B Wood Wood et coll 2003 propose une synth se des m thodes d valuation de Vutilisabilit et des performances d une application d e Gouvernement L int gration de plu sieurs m thodes d valuation au fil des tapes de conception est recommand e avec des avanta ges compl mentaires en termes d apport d informations Ces m thodes sont synth tis es dans le Tableau 2 le moment ad quat d utilisation d une m thode d valuation y est mis en avant Pour ce qui concerne les retours sur des exp riences concr tes d valuation de Vutilisabilit d applications d e Gouvernement Asbj rn F lstad F lstad J rgensen et Krogs ti
325. ntexte a permis de d gager les besoins suivants pour une m thode de conception d applications d e Procuration e D veloppement d applications utilisables en accord avec les besoins des utilisa teurs et leurs comp tences si in gales soient elles e Capitalisation des bonnes conduites de conception d interface avec une vis e d harmonisation des interfaces du domaine plus long terme e Clarification de la communication au sein de l quipe de conception pour une sp cification de l interface non ambigu et lisible par chacun des corps de m tier im pliqu s dans la conception en e Procuration La r flexion est men e d une part sur la base d une tude th orique recherchant parmi les m thodes de conception existantes celles qui seraient applicables notre domaine d tude D autre part nous nous sommes appuy s sur des observations exploratoires men es sur le ter rain au sein d une entreprise de technologies de l information charg e de la conception d applications d e Gouvernement Au vu des activit s r elles et des besoins des concepteurs la diffusion de recommandations ergonomiques lisibles et concr tement applicables s av re oppor tune pour que les interfaces con ues soient utilisables Dans cette th se nous proposons une m thode de conception pour l e Gouvernement ba s e sur des patrons de conception d di s aux interfaces La d finition de patron employ e est u
326. ntrain tes cette phase comporte un travail de prototypage et le prototype sera de plus en plus op rationnel au fur et mesure des it rations e Conception d une solution apparaissant comme la meilleure des alternatives tu di es en phase pr c dente cette phase englobe les tapes de conception et de v ri fication d j observ es dans les cycles de d veloppement en cascade et en V sp ci fication conception pr liminaire puis conception d taill e tests unitaires puis tests d int gration d ploiement 15 e Planification de la phase suivante et notamment affectation des t ches r aliser au sein de l quipe de conception D finir les objectifs les alternatives et les contraintes Evaluer les alternatives Identifier et r soudre les risques Analyse de risque Analyse de risque Analyse de risque Prototype op rationnel Prototype 3 Planifier l analyse et le cycle de vie D finir la mission Conception d taill e Planifier le d veloppement Sp cification Planifier Conception l int gration et les tests Tests unitaires Int gration Installation D velopper et v rifier le produit en cours Planifier les phases suivantes L GENDE AR Analyse des Risques P1 P2 Prototype n 1 n 2 Figure 4 Cycle de d veloppement en spirale Ce cycle de d veloppement permet ainsi d explorer plusieur
327. o Ivory et Hearst 2002 compare automatiquement un site Web des sites de m me profil ayant t jug s d un bon niveau d utilisabilit par des experts humains C est un moyen de conserver les avantages de l automatisation co t rapidit d ex cution ob jectivit du rapport d analyse tout en injectant une dose d expertise humaine l analyse 49 L outil WebX ACT Watchfire 2004 analyse quant lui une page Web et renvoie un rapport sur la qualit d accessibilit de cette page pond r par des niveaux de priorit car toutes les re commandations n ont pas la m me importance Un exemple de rapport d analyse r alis sur la page d accueil du site fran ais de centralisation des changements d adresse capture d cran en Figure 20 est montr en Figure 21 Des recommandations figurent sur le rapport ce qui fournit un support direct au concepteur pour am liorer la qualit de son application adele pdministration en lign Changement d adresse gt en ne ommencer Pr sentation du service Les tapes de la proc dure environ 10 minutes Ce service gratuit et facultatif vous permet en quelques clics de d clarer plusieurs organismes de votre choix votre changement de r sidence principale et celui des personnes d m nageant avec vous Les organismes choisis prendront en compte votre nouvelle adresse et le cas ch ant vous accompagn
328. od les des t ches interactives 3 Conception du site Conception des pages Mod le des donn es Architecture d impl mentation Structure physique 1 Expression des besoins Nouveaux besoins 6 Maintenance du site Mesures quantitatives de l utilisation Mesures qualitatives de l utilisation valuation heuristique Mise jour du commanditaire 5 Utilisation amp Evaluation du site 4 D veloppement du site Figure 9 Cycle de vie en O d un site Web Scapin et coll 2000 Modifications d impl mentation Site Web Ce processus cyclique ne prend pas en compte les activit s de prototypage qui sont habi tuellement le coeur du processus de conception des applications Web C est pourquoi deux fl ches ont t ajout es au milieu de la boucle Dans la Figure 9 la fl che de gauche intitul e Contenu repr sente le possible raccourci dans la phase de sp cification En effet au d but du projet le concepteur peut commencer imm diatement la conception du site pour pouvoir discuter avec les commanditaires partir d informations pr cises La fl che de droite intitul e Modifications d impl mentation repr sente un possible raccourci pour que le d veloppe ment soit plus rapide et pour tenir compte de l utilisation et des valuations de mani re plus centrale En effet le d veloppeur de l application Web peut modifier directement I application apr s une valuation sans re
329. ode par ses utilisateurs Une m thodologie de conception doit tre utilisable a la mani re d un syst me interactif La m thode doit tre en accord avec les besoins et les comp tences de ses utilisateurs savoir les concepteurs Cette section pr sente le protocole et les r sultats d une valuation qui a t men e avec les utilisateurs d un support la r utilisation de solu tions des probl mes d interface r currents Les sujets utilisent cet outil sur des projets pilote depuis quelques mois en situation r elle de conception d applications d e Gouvernement Ils sont convaincus du bien fond de la m thodologie accompagnant cet outil mais rencontrent des difficult s l utiliser ces difficult s sont un frein une appropriation compl te de l outil Gr ce des entretiens et des observations de sc narios des pistes d am lioration ont pu tre d gag es pour une meilleure int gration de la m thode aux activit s de travail de ses utilisateurs 5 1 Contexte de l valuation 5 2 Mode de fonctionnement du StyleGuide 5 3 D finition des hypoth ses 5 4 tude valuative 5 5 R sultats 5 6 Interpr tation et perspectives Notre m thode cf chapitre 4 vise les m mes objectifs que le StyleGuide un catalogue de patrons d interfaces pour l e Procuration d velopp par SmalS guidage de la conception vers une application utilisable standardisation des interfaces capitalisation et op ration
330. ohn Wiley amp Sons 155 Hoogendoorn Mark Catholijn M Jonker Martijn C Schut et Jan Treur 2007 Modeling cen tralized organization of organizational change Computational amp Mathematical Organiza tion Theory 13 no 2 11 Juin 2007 147 184 Huber Peter Kurt Jensen et Robert M Shapiro 1990 Hierarchies in Coloured Petri Nets Dans Advances in Petri Nets 313 341 Paris France Springer Verlag Isakowitz Tomas Edward A Stohr et P Balasubramanian 1995 RMM a methodology for structured hypermedia design Commun ACM 38 no 8 34 44 Ivory Melody Y 2003 Automated web site evaluation researchers and practitioners perspec tives Dordrecht Pays Bas Kluwer Academic Publishers Ivory Melody Y et Marti A Hearst 2002 Improving web site design JEEE Internet Comput ing 6 no 2 56 63 Jacobs Ian 1992 The Centaur 2 0 Manual Research report Sophia Antipolis France INRIA Johnson Peter 1992 Human computer interaction psychology task analysis and software engineering Berkshire UK MCGRAW HILL Book Company Europe Johnson Peter Stephanie Wilson Panos Markopoulos et James Pycock 1993 ADEPT Ad vanced Design Environment for Prototyping with Task Models Dans INTERCHI 93 Ams terdam Pays Bas ACM Press 24 29 Avril 1993 Joshi Suneela R et William W McMillan 1996 Case based reasoning approach to creating user interface components Dans Conference companion on Human factors in co
331. oit choisir a c est de l analyse Sujet 5 le 18 avril 2008 Les sujets 1 3 4 et 5 s accordent sur la responsabilit de l analyste d finir la sp cifica tion fonctionnelle et non graphique Cependant le sujet 4 rapporte un avis contraire dans un courrier lectronique cons cutif l exp rimentation Des analystes en effet se voient frustr s d tre priv s de cet aspect graphique La communaut d analystes de l entreprise n est donc pas convaincue l unanimit de la n cessaire sobri t graphique d un wireframe telle que le sugg rent les formes du StyleGuide Adh sion aux principes de standardisation et de r utilisation Standardisation La standardisation des interfaces produites au fil des projets fait sens dans l esprit des analystes Ils appr cient qu une ligne directrice ferme soit donn e pour la conception de ces interfaces Ils l appr cient parfois pour des raisons d utilisabilit mais surtout pour tablir une coh rence interne l entreprise ils se trouvent guid s vers des solutions qu il savent approu v es par leur direction 120 Un avantage du StyleGuide c est que les wireframes que tu produis doivent tre valid es par usability donc tu as acc s ce qui est la bonne pratique des cho ses Donc apr s pour la validation a va mieux Ce que je trouve bien c est que le StyleGuide met un standard Chacun ne fait pas les choses
332. on sous peine d amende de poursuite de cessa tion de ses droits ou de ceux d un tiers L administr utilisateur d une application d e Procuration doit tre en situation de confiance envers application pour accepter de fournir des informations priv es voire confidentielles et croire en la validit de la r alisation de sa proc dure administrative de fa on d mat rialis e Les agents administratifs quant eux utilisent les applications d e Procuration pour leur activit de travail quotidienne les applications d e Procuration doivent fournir un support adapt leurs habitudes leur jargon et leur environne ment L acceptabilit d une application d e Procuration est cruciale pour ses utilisateurs mais aussi pour les institutions qui y sont engag es en cas d incident l image de l institution en p tit des poursuites peuvent tre engag es et la confiance des utilisateurs est alt r e Pour assu rer tous les aspects li s au d veloppement de ces applications diff rents corps de m tier inter viennent lors de la conception de l interface sur le plan technique analyse fonctionnelle gestion ditoriale analyse de l activit d veloppement ergonomie bases de donn es graphisme s cu rit r seaux mais aussi sur le plan administratif conduite de projet consultation des institu tions concern es aspects l gaux Parmi les d fis que doivent relever les quipes multidiscipli naire
333. on du site Web de la cantine de Goville 0006 198 Figure 104 Page talon du site Web de la cantine de Goville accueil et formulaire d identification sie OT rl ren CC TPL CUA M re nn rer ler dt cr nt taste 198 Figure 105 Page talon du site Web de la cantine de Goville gestion par un parent des repas de SOS Jana os a eects cc E hn nent tenant Teens 199 Figure 106 Page talon du site Web de la cantine de Goville confirmation de l ajout ou de la suppression d un ou de repas iirin inn n ETENE Eeo ETENEE ES E EE EE iE 200 Figure 107 Page talon du site Web de la cantine de Goville signalement d une erreur survenue lors de l ajout ou de la suppression d un ou de repas 201 Figure 108 Page talon du site Web de la cantine de Goville affichage pour le personnel de la cantine du nombre de repas pr vus une date donn e ss 201 168 Liste des tables Tableau 1 Ad quation aux besoins de l e Procuration des m thodes de sp cification de syst mes interactifs ELUIECS aaien A E e EET EA AEA A EA 41 Tableau 2 Crit res de s lection d une m thode d valuation d application d e Gouvernement issu de Wood t coll 20031 siroke nenak a E E setae EAEE ESEA EE EA 47 Tableau 3 Comparaison du potentiel des m thodes tudi es pour la conception d interfaces en eProcutal onsin iaaea e E EA E ob on E AEA A TAEA ee 58 Tableau 4 Comparaison des m thodes d organisation des catalogues de patrons d interfaces
334. on est soutenue par des m thodes qui aident sa r alisation Les m thodes de support la conception ont des objec tifs divers interviennent a des tapes diff rentes du cycle de vie et participent ainsi au bon d roulement de la conception pour fournir une application finale acceptable Parmi les attributs qui rendent une application acceptable cf Figure 10 l utilisabilit concerne l ad quation de l application avec les besoins de l utilisateur son environnement et ses comp tences En posi tionnant l utilisateur final et ses besoins au centre des r flexions de conception les m thodes de cette section fournissent un support pour que I application finale soit utilisable Utilit Acceptabilit sociale Facilit d apprentissage Facilit Acceptabilit d utilisation Utilisation efficace du syst me Co t Utilisabilit Facile m moriser Acceptabilit Compatibilit Pas ou peu d erreurs pratique Fiabilit Satisfaction subjective Figure 10 Variables pour l valuation de l utilisabilit issu de Nielsen 1993 http www maine gov informe dernier acc s 25 sept 08 http www maine gov informe state apps process htm dernier acc s 25 sept 08 3 http www ezgov com dernier acc s 25 sept 08 22 2 2 1 Observation des utilisateurs Un utilisateur est g n ralement inapte a la description pr cise d un de ses comportements ou d une de ses activit s quotidiennes
335. on sera conforme aux be soins et aux capacit s de l utilisateur Favorisent ils et clarifient ils la communication au sein d une quipe de conception pluridisciplinaire Offrent ils des moyens de capitaliser la connais sance acquise au cours des exp riences de conception Les cycles de d veloppement sont tudi s d abord 2 1 ils d finissent un encha nement synchronis d activit s pour la conception C est un cadre m thodologique g n rique qui doit tre ajust au domaine d application et aux besoins inh rents ce domaine La r alisation concr te d une phase n cessite ainsi un outillage adapt en termes de formalisme de description ou encore de m thodes de communication et de r flexion Lorsqu un int r t tout particulier est port sur la conception de l interface utilisateur des m thodes sont disponibles issues de la recherche en IHM et en g nie logiciel pour orienter la conception vers l utilisateur final d s les premi res phases de d veloppement 2 2 La sp cification du syst me interactif est aussi une activit de conception fondamentale L utilisation de m thodes de support la sp cification doit tre souple et rapide afin d encourager le d veloppement de multiples alternatives Elle doit galement tre en quilibre entre le formel et l intuitif pour que la sp cification soit la fois non ambigu et lisible Plu sieurs points de vue doivent figurer dans la sp cificat
336. on sp cifique est d crit pour chaque cat gorie sous forme de composants et de liens Un composant est une unit de navigation regroupant information et fonc tionnalit s et il est li d autres composants Un lien peut tre de type structurel s mantique raccourci ou bien signifier le franchissement d une tape dans la pro c dure De Troyer et Casteleyn 2003 2 3 2 M thodes de sp cification rencontr es dans la conception Web Plusieurs courants coexistent dans les m thodes de conception existantes mais chacun d eux prend soin de consacrer les premi res tapes du processus de conception la sp cification de l application Cette section observe quelques unes des m thodes de sp cification utilis es dans la conception Web qu elles soient publi es seules ou dans le cadre d une m thodologie de conception compl te Quels l ments sont sp cifi s Quelles m thodes de mod lisation vues pr c demment sont invoqu es pour la sp cification JESSICA Barta et Schranz 1998 JESSICA est un langage de sp cification des applications Web au format XML eXtensible Markup Language Le contenu des pages HTML y est s par de la pr sentation pour plus de flexibilit dans l volution de l application Web Chaque l ment de l application est d crit comme un objet Les l ments multim dia tels que la vid o ou le son apparaissant sur une ap plication Web sont galement d crits comme des objets dans le lang
337. onception Star convient donc aux quipes de conception de petite taille o chaque compo sante a une excellente conscience de l avancement des activit s des autres 2 1 5 Cycle Object Oriented User Interface Collins 1995 Dave Collins propose OOUL une approche de d veloppement des interfaces utilisateurs bas e sur les principes des m thodes orient es objet L approche guide le d veloppement des interfaces pr sent es l utilisateur mais aussi de l pine dorsale programmatique qui leur est associ e L objectif est de fournir une vision de l application qui soit compr hensible et discu table par tous les intervenants au processus de conception Comme le montre la Figure 6 les activit s de conception de l interface sont r alis es en parall le d activit s de conception de contr le de l application en r action aux aspects interactifs Cette m thodologie suit de plus les pr ceptes MVC Mod le Vue Contr leur Reenskaug 1979 pour les liens entre mod les de l interface et de l application Les utilisateurs sont consid r s de fa on centrale et complexe dans la m thodologie selon leurs activit s ou encore leurs mod les cognitifs et culturels Il est pr conis par OOUI d int grer les utilisateurs d s les premi res phases de conception et c est pour recueillir leurs opinions que le prototypage est employ L emploi de mod les de t ches et l tude de l activit sont des phases int ress
338. onses pair est recommand p ex Pas du tout d accord Plut t pas d accord Plut t d accord Tout fait d accord Ces conseils de composition des questionnaires sont toutefois d licats manier pour un novice Si cette m thode pour un co t modique permet d obtenir un grand volume d informations il faut prendre garde aux erreurs d interpr tation des questions aussi bien que des r ponses Le langage naturel est porteur d ambiguit s et pour que les r sultats soient pertinents et utilisables il est bon que les questions soient crites de fa on conjointe par des techniciens des linguistes et des experts en facteurs humains 2 4 3 Analyse de donn es d usage Pour conna tre le comportement de l utilisateur sans se rendre aupr s de lui il est parfois possible de tracer ses interactions avec un artefact Dans le cadre d une application Web chaque visite de page active le t l chargement de cette page depuis le serveur Un ensemble d informations pouvant servir l valuation est ainsi associ chaque t l chargement date et heure de la requ te r f rence de la page demand e r f rence de la page source informations sur le poste client syst me d exploitation navigateur adresse IP etc Des outils existent pour le tra age et la g n ration de graphiques facilitant l analyse statistique des donn es recueillies citons par exemple Google Analytics ou WebTrends A partir de ces donn
339. oriser la communication ses 92 4 4 3 Capitaliser la connaissance ses 93 4 5 DISCUSSION ET PERSPECTIVES sisccvsvscestecssvsccnccvessevesovsecucovedecosevesstestvscevrovetodassneddeveesrssaedebetecreos 94 4 5 1 Ontologie des concepts des patrons ss 94 4 5 2 Case based reasoning iieri ss 96 4 5 3 Validation de la m thode sise 97 VALUATION DE LA M THODE PAR SES UTILISATEURS sue 98 5 1 CONTEXTE DE LE VALUATION sn nn nn nn tn fente cbresp tne a de nee rns tent 98 5 1 1 Objet de l valuation le StyleGuide Lss 99 D12 KODE CUS ss cota a tees hatte rsh htigens Bote dent ne MR Rd As dit mn E 100 51 35 M thodes UnliS es nre een ee ee e e een ee ened eei 101 5 2 MODE DE FONCTIONNEMENT DU STYLEGUIDE sense 101 5 2 1 Utilisateurs du StyleGuide et responsables de sa gestion 102 5 2 2 Contenu et organisation du StyleGuide ss 103 5 2 3 Op rationnalisation du Style Guide RL 105 5 3 D FINITION DES HYPOTHEBSES 52 nent tft rate plaie nine hace E E aa AAEE 106 5 3 1 Le StyleGuide et un formalisme de description de la structure hypertexte sont utilisables et ont un pouvoir expressif satisfaisant pour la conception d interface ccsccescesecete este ents eneeeneees 107 5 3 2 Les wireframes de page et le mod le de structure hypertexte aident au consensus 108 5 3 3 Le StyleGuide favorise la r utilisation de la connaissance issue d exp riences de CONC DHON Ernie e sr in etienne E
340. ormations du centre de comp tences en utilisabilit e Habitude prise par les d veloppeurs de r utiliser des fragments de code d une appli cation plus ou moins bon escient On trouve ainsi des fragments d interfaces simi laires p ex page ou formulaire sur des applications ind pendantes les unes des au tres Sur la base de ces observations le centre de comp tences en utilisabilit d cide en 2006 de mettre en place un support la capitalisation de bonnes pratiques de conception ergonomique http www smals be dernier acc s 25 sept 08 61 en e Gouvernement Ces bonnes pratiques guideraient les analystes et les d veloppeurs d interface vers des solutions standardis es de qualit C est dans ce cadre accueillis au sein du centre de comp tences en utilisabilit que nous avons men notre observation naive du domaine au travers de l entreprise IT SmalS et de ses exp riences Les activit s d observation men es ont t de nature participante et nous avons pris part aux tudes pr liminaires a la mise en ceuvre du StyleGuide Les activit s suivantes nous ont ainsi permis de d gager les observations qui sont d crites dans la suite de ce chapitre e Observation du processus de conception et des activit s de conception par des entre tiens informels avec des membres de l entreprise sur leurs activit s quotidiennes les retours d exp rience sur les projets pass s cf 3 1 e Etude de
341. orresponde une tape qui value cet artefact Trois cat gories d tapes se d gagent e tapes dans la phase descendante le bras gauche du V qui couvre toutes les tapes de raffinement des besoins jusqu l impl mentation de l application Les tapes de conception sont d taill es en fonction de la granularit des probl mes consid r s des plus abstraits aux plus concrets e Codage de l application la base du V qui vient suite cette phase de conception e tapes dans la phase ascendante ensuite le bras droit du V chacune correspon dant un contr le d une tape de la phase descendante 14 Validation Conception pr liminaire Conception Tests d taill e unitaires Figure 3 Cycle de d veloppement en V A chaque tape de conception correspond ainsi une tape de v rification Certains tests de v rification sont r alisables directement lors de l tape de conception qui leur correspond mais la plupart des tests a lieu apr s la phase de codage conform ment au sens de lecture du cycle en V Il est noter que les tests effectuer dans la phase ascendante sont sp cifier d s l tape de phase descendante associ e Par exemple en phase de Conception pr liminaire l quipe de conception effectue les op rations inh rentes cette tape et en parall le elle d finit les moyens de v rifier que l application finale sera conforme aux besoins ayant merg de cette pha
342. orter une image ou At un son ia ge ji a Pages sp ciales L aiout de 3 9308 detaches ect 3 l tude 3 ayy 2008 a Version imprimable s Laoutde la page c sandina get l tude 13 avn 2008 Lien permanent Figure 28 Page d accueil du catalogue de patrons capture d cran r alis e le 4 juin 2008 Le catalogue pr sent ici n a pas pour but de pr senter de fa on exhaustive les patrons d interface pour la conception d applications d e Procuration De m me les patrons ont t con us partir d observations sur le terrain mais n ont en aucun cas t confirm s par un expert en facteurs humains L objectif de ce travail est de prouver la faisabilit du principe du catalo gue en tant que structure de gestion et de consultation de recommandations ergonomiques tel qu il est organis et op rationnalis ici La m thode suivie pour la r daction des patrons a t la suivante e Attribution d un patron a tout fragment d interface rep r comme r current lors de l analyse de l existant cf 3 3 inclusion des bons et mauvais exemples relev s lors de cette m me analyse e Inclusion d exemples issus du domaine de l e Gouvernement local r gional ou na tional mis en place dans des pays diff rents http www mediawiki org dernier acc s 25 sept 08 http fpontico free fr limesurvey index php sid 72227 amp lang fr dernier acc s 25 sept 08 81 e Compl tion des ob
343. osant de base du catalogue de patrons d interface Il r cu p re les pages identifi es depuis l encha nement d crans adapt et ventuellement des pages suppl mentaires selon ses besoins Puis il imbrique dans ces pages aux endroits laiss s vides par le wireframe g n rique des informations ou des formulaires ayant trait au projet courant Il est conseill de r aliser cette activit avec un outil d dition de sch mas de type Microsoft Vi sio D autres endroits laiss s vides par les wireframes g n riques du catalogue seront combl s avec des wireframes de composants de base selon les besoins de application L analyste enre gistre les wireframes de page au format image afin de pouvoir les faire apparaitre dans l encha nement d crans d fini avec eGovIPM G n ration d un squelette XHTML L outil eGovIPM est d crit dans le chapitre 6 il guide l dition de mod les de navigation StateWebCharts sur la base de patrons g n riques d enchainement d crans Une fois le mod le de navigation r alis eGovIPM g n re le squelette de l application au format XHTML c est a dire un ensemble de pages HTML li es entre elles selon le mod le de navigation dit Les pa ges contiennent le wireframe g n rique de la page consid r e ou bien un wireframe personnali s si l utilisateur d eGovIPM l a sp cifi Validation avec le client Quand l analyste consid re que le mod
344. our que leurs besoins soient collect s Dans le cas d une application destina tion des citoyens public tr s large et sans repr sentant v ritable la collecte des besoins se fera par une tude des proc dures existantes ou des questionnaires sans rencontre directe des utilisa teurs En revanche dans le cas o les utilisateurs finaux sont des employ s de l institution de mandeuse agents administratifs ou travailleurs sociaux la collecte de leurs besoins se fait direc tement aupr s d eux par entretiens et observations de leurs conditions d utilisation de l application Analyse des besoins Dans cette phase les besoins collect s sont rapport s par les analystes et les experts en utilisabilit une partie de l quipe de conception repr sentative de chaque service chef de projet responsable ditorial et responsable des d veloppeurs Les besoins recueillis dans la phase pr c dente sont d crits sans support formel oralement avec le support d extraits des tudes men es entretiens ou observations Le prototypage HTML est fr quemment utilis pour l expression des besoins par les analystes et ce de fa on importune de leur propre aveu Sur la base des besoins collect s aupr s du client ils proposeront ainsi un prototype d interface r alis avec le langage HTML plut t que de choisir le support du papier ou d outils d dition de dia grammes par exemple Plusieurs analystes ont approuv la d clar
345. ources documents donn es logiciels auxiliaires afin d atteindre un but partag par les acteurs transformer l environnement dans lequel ils voluent le contenu d une ressource la structure d une ressource la structure de l environnement ou produire une ressource suppl mentaire Pouss s par la complexit croissante des proc dures support es par des applications Web des travaux ont t men s sur l int gration d un mod le de proc dure au processus de conception Web Koch et coll 2003 Barna Frasincar et Houben 2006 Distante et coll 2007 Plusieurs points de vue coexistent pour la mod lisation d une proc dure elle peut tre vue comme une s quence d activit s utilisant des donn es en entr e et Objet naturel PAC Pr sentation Abstraction et Contr le gt Arbres de t ches concurrents 3 Analyse de t ches r alis es en groupe 29 en produisant en sortie p ex YAWL Yet Another Workflow Language W M P Van der Aalst et Ter Hofstede 2002 un change de services entre agents au sein d un environnement com mun p ex SophTalk Jacobs 1992 ou encore un ensemble structur d informations passant au travers de stations de travail qui le modifient p ex Form Flow Model Ladd et Tsichritzis 1980 Parmi les langages de mod lisation de proc dure les plus reconnus BPMN Business Process Modelling Notation White 2004 se positionne en standard la Figure 13en pr sente un exe
346. outil eGovIPM voir plus bas Annexe F Patrons couverts par eGovIPM Gestion de dossiers Liste de t ches Gestion dossier 2 RO Gestion dossier n ma rtissement avant sortie Description Le patron d enchainement d crans Ges tion de dossiers repr sente une application gr ce a laquelle l utilisateur g n ralement un agent administratif a la possibilit d agir sur plusieurs dossiers en parall le l action pouvant tre simple ou complexe sur une ou plu sieurs pages modification de donn es remplissage de for mulaire R alisation Restrictions le patron d enchainement d crans Gestion de dossiers n est pas pris en compte par eGovIPM Les tats concurrents ne sont descriptibles dans l diteur SWCeditor qu hauteur de deux tats au maximum cette restriction te tout int r t a l impl mentation de ce patron dont le but est de d montrer comment un agent administratif peut g rer un grand nombre de dossiers en parall le Libre Description ce patron vide permet de r aliser un enchai nement d crans librement sans contrainte d dition mais en profitant de la fonctionnalit g n ration de squelette R alisation Note Le patron d enchainement d crans Libre n est attach aucune contrainte d dition Login N 5i 3 5 ot Ge pase LTTE demande d envoi Page formulaire du mot de passe e Page de login
347. ovIPM Le patron de base est le canevas Ta bleau de bord d eGovIPM comme il avait t rep r lors de la conception des wireframes de pages Suite au login de l utilisateur le parent d l ve dispose d un tableau de bord Cette page cf Figure 42 comprend un calendrier des repas auxquels les enfants sont inscrits et des liens permettant de modifier les repas de chaque enfant ou de tous les enfants en une seule fois De puis toute page de I application un lien est fourni vers le site de l cole de Goville Cantine de Goville Identification Se d connecter Gestion repas enfantl valider annuler login OK Gestion repas enfant2 Gestion des repas valider annuler valider f annuler Gestion tous enfants Figure 43 Mod le de navigation SWC du site Web de la cantine de Goville 91 4 4 2 Favoriser la communication Pour sa rencontre avec le client l analyste a g n r avec eGovIPM cf chapitre 6 les pa ges XHTML de I application partir du mod le de navigation SWC de la Figure 43 et des ima ges de ses wireframes de page personnalis s Il parcourt le mod le de navigation par le biais d un navigateur Web profitant de chaque nouvelle page pour en expliquer les fonctionnalit s La Figure 44 ci apr s montre la page d identification g n r e automatiquement depuis le mod le StateWebCharts L analyste n a pas jug bon dans un premier temps de personnaliser le wireframe de
348. ovembre 2004 http www epractice eu document 295 1 CapGemini 2006 Online Availability of Public Services How Is Europe Progressing Juin 2006 http ec europa eu information_society eeurope i2010 docs benchmarking online_availabi lity_2006 pdf Card Stuart K Allen Newell et Thomas P Moran 1983 The Psychology of Human Computer Interaction Mahwah New Jersey USA Lawrence Erlbaum Associates Inc Carlsen Steinar 1998 Action Port Model a mixed paradigm conceptual workflow modeling language Dans 3rd IFCIS International Conference on Cooperative Information Systems New York City New York USA IEEE CS Press 20 22 Ao t 1998 Ceri Stefano Pierro Fratemali et Aldo Bongio 2000 Web Modeling Language WebML a Modeling Language for Designing Web Sites Dans WWW9 Amsterdam Pays Bas Else vier Science B V 15 19 Mai 2000 153 Clement Andrew et Peter Van den Besselaar 1993 A retrospective look at PD projects Com munications of the ACM 36 no 6 Juin 1993 29 37 CNIL 2004 Loi du 6 janvier 1978 relative l informatique aux fichiers et aux libert s 6 Ao t 2004 Codd E F 1970 A relational model of data for large shared data banks Communications of the ACM 13 no 6 377 387 Collins Dave 1994 Designing Object Oriented User Interfaces Benjamin Cummings Publish ing Co Inc Cooper Alan 1999 The Inmates Are Running the Asylum Why High Tech Products Drive Us Crazy and How to Resto
349. par l outil eGo vIPM en effet deux tats concurrents peuvent tre sp cifi s au maximum dans SWCEditor Formalisation et affinement des contraintes d dition les contraintes d dition du mod le figurent l heure actuelle dans le corps du code de l application Les ex traire de ce code et les formaliser selon un langage d dition de contraintes de type OCL Object Constraint Language OMG 2007 permettrait une meilleure gestion de celles ci Il serait envisageable de proposer leur dition aux utilisateurs exp ri ment s P dagogie autour des corrections fournies une correction pr ventive des contraintes d dition rendrait l dition de mod les de navigation plus utilisable p ex griser les objets de la palette ne pouvant figurer dans le mod le en cours d dition faire appara tre en rouge les pages et transitions ne pouvant tre modi fi s afficher dans une couleur diff rente les pages et transitions ajout es par Vutilisateur Lier une contrainte une recommandation ergonomique qui s afficherait en m me temps que la contrainte est viol e permettrait de transmettre l utilisateur des bases de conception centr e utilisateur Insertion de fragments de code au lieu d ins rer une image du wireframe de la page comme l ment principal de la page g n r e du code XHTML pourrait tre directement int gr Ce code serait stock dans le catalogue de patrons de m me que les image
350. para t lorsqu il s est identifi personnellement comme sur la Figure 87 Dans le cas de postes de travail partag s cette marque de l utilisateur iden tifi permet d viter l utilisation accidentelle de l espace de travail d un autre utilisateur qui aurait oubli de se d connecter L historique des op rations peut appara tre galement avec des liens vers des dossiers consult s ant rieurement ou bien des sections visit es Ces don n es apparaissent en particulier dans le cas d applications destination de professionnels de l administration pour lesquels l application est un outil de travail quotidien e CreaBis a a Ingelogd als Serge Guban KBO nr 207451227 Gemeente Test City Persoon Opzoeken Identificatie van de person Naam Voornaam namen Geboortedstum DD MM I333 Tolerantie i Geslacht Onbekend z Opzoeken Figure 87 Donn es contextuelles disponibles sur l application e CreaBis Dernier acc s 25 mars 08 capture d cran r alis e en octobre 2006 172 Annexe B Pages r currentes 180 R capitulatif Lorsque les tapes d un assistant la r alisation d une proc dure ont t r alis es avec succ s un r capitulatif est affich L utilisateur est alors en mesure de confirmer ou de corriger certaines donn es saisies lors de la proc dure Pour le guider dans ces ventuelles corrections il est conseill de les rep res
351. partie de l application confront e aux avis des participants p ex essais de charte graphique sur le site intranet d une entreprise Les mod rateurs connaissent parfaitement les sp cifications de l application mais ne sont pas membres de l quipe de conception Les participants peuvent tre d tendus et sinc res leur avis n aura pas d impact direct sur leurs interlocuteurs Le r le de mod rateur est d terminant pour la qualit des r sultats de l exp rience puis qu il s agit tout la fois de pousser les participants dans leurs raisonnements de reformuler leurs propos sans les interpr ter de faire r gner une ambiance amicale et d tendue sans juge ment individuel tout en conservant une parfaite impartialit La difficult tient galement la s lection d un groupe de discussion qui soit repr sentatif ce qui aura n cessit une tude d mo graphique approfondie du public de l application en amont Les r unir constitue un nouvel obs tacle qui peut tre contourn gr ce aux outils de groupes de discussion en ligne tels que ceux fournis par la soci t GreenField quoique la discussion y soit moins spontan e ce genre d outils permet l acc s des utilisateurs distants la r duction du co t de l op ration et un ar chivage de la discussion par nature ce qui r duit les possibilit s de mauvaise interpr tation des propos 2 2 6 Conception centr e utilisateur pour l e Gouvernement
352. passer par les trois premi res phases du processus de conception 2 1 9 Cycles de d veloppement pour l e Gouvernement Le cycle de d veloppement d une application d e Procuration doit fournir un cadre qui permette de s assurer de la coh rence de l application avec la proc dure qu elle d mat rialise Cette coh rence doit tre maintenue tout au long de la vie de l application Les cycles it ratifs 21 tels que le cycle en spirale cf 2 1 3 permettent de consid rer tous les aspects de application en parall le partant d une description sommaire qui s enrichit au fil des it rations Cette articu lation des activit s de conception permet de g rer les contraintes complexes de l e Procuration qui portent la fois sur l interface la proc dure la gestion des donn es la s curit et aussi les enjeux politiques sous jacents Un s jour dans l entreprise SmalS cf chapitre 3 charg e de la conception d applications d e Gouvernement en Belgique nous a permis d observer le cycle de d veloppement suivi il s agissait d un cycle en spirale Une attention particuli re y est port e a Vinterface le prototypage est au centre du d veloppement et le prototype est enrichi jusqu devenir l interface finale C est alors que l application back end est d velopp e Des modifications sont pr voir sur l application apr s son d ploiement d s qu une nou velle l gislation mod
353. pour la mod lisation d application Web proc dura les Winckler et coll 2005 La Figure 16 pr sente un exemple de mod le de navigation State WebCharts Winckler et Palanque 2003 pour une application servant signaler un changement d adresse plusieurs organismes Ce mod le d finit tous les sc narios de navigation possibles qu offre l application Web Figurent ensuite quelques uns des formalismes de mod lisation de la navigation Web disponibles actuellement repr sentatifs de courants de formalismes existant dans la litt rature Le syst me d informations organisationnelles pour les applications informatiques de support au travail coop ratif 34 so Signalement de changement d adresse S2 S3 S4 Identification V rification Saisie de la nou du visiteur des identifiants velle adresse 7 Si erreur S1 Page d accueil S6 S5 S lection des orga Mise jour de la nismes pr venir base de donn es S9 Foire aux questions S7 Signalement aux orga Si erreur nismes concern s S8 S10 Nous contacter R capitulatif et confirmation S11 du signalement Service public fr Figure 16 Mod le de navigation SWC d une application d di e au signalement d un changement d adresse e RMDM Relationship Management Data Model est un mod le qui fait partie de la m thodologie de conception Web RMM Relationship Management Methodology Isakowitz Stohr et Balasubramanian 1995 Il est
354. pour mod liser une proc dure avec ses contraintes et ses objectifs e Les objets coop ratifs R mi Bastide 1992 aident la mod lisation d un syst me plusieurs niveaux d abstraction au travers d un formalisme bas sur les r seaux de Petri color s Huber Jensen et Shapiro 1990 Le syst me est repr sent comme un ensemble d objets concurrents qui coop rent selon un mode pr d fini dans le but de se rendre des services les uns aux autres Ce formalisme peut ainsi mod liser une proc dure Encore un langage de mod lisation de workflow Notation de mod lisation de processus d affaires gt http www visual paradigm com product bpva dernier acc s 25 sept 08 4 Carte d tats 30 e Les diagrammes UML Rumbaugh Booch et Ivar Jacobson 1999 de s quence et de classe permettent la mod lisation de donn es et de leur traitement ce qui peut aider mod liser une proc dure Les diagrammes d activit repr sentent le flot des activit s au travers d une machine tats Les objets du domaine peuvent appara tre sur ce flot avec ceux de leurs attributs qui se voient modifi s par l ex cution d une activit Les activit s peuvent de plus tre group es selon l agent qui les r alise sous forme de swimlanes ce qui offre une vue organisationnelle sur la proc dure repr sent e e APM Action Port Model Carlsen 1998 est un formalisme flexible permettant la mod lisation d un
355. pour une proc dure d e Procuration Il appara t qu un point de vue sur l application ne suffit pas couvrir parfaitement toutes ses sp cificit s GTA mod le de t che repr sentant galement la proc dure les ressources et r les s accorde bien aux besoins en sp cification mais manque h las de formalisme les l ments sont d crits en langage naturel ce qui pose un probl me de lisibilit et d ambigu t Les mod les de proc dure les plus adapt s aux besoins UML APM et BPMN fournis sent un point de vue tr s complet sur les d finitions li es la proc dure mais faillissent dans la repr sentation de l utilisateur individuel StateWebCharts satisfait ou au moins touche chacun des crit res nonc s comme requis Quoique ce point de vue manifeste de la lourdeur pour d crire des angles de vue pour lesquels il n a pas t con u initialement p ex une t che utilisa teur il concorde avec chacun des besoins en sp cification pour une application d e Procuration Parmi les m thodes sp cifiques au Web WSDM WebML et UWE couvrent de fa on tr s satis faisante les besoins Ces cadres m thodologiques nous serviront d inspiration pour encha ner les tapes et les formalismes employer pour la conception d une application d e Procuration 40 Tableau 1 Ad quation aux besoins de l e Procuration des m thodes de sp cification de syst mes interactifs tudi es M THODES DE DONNEES DU O
356. probl mes commun ment rencontr s recommandations prati ques concr tes et pr tes l emploi Toutefois pour constituer un v ritable pas dans la d mar che de conception suivie chez SmalS ces recommandations sont accompagn es de modules pr ts tre int gr s au travail quotidien des analystes et des d veloppeurs d interface pour la conception de maquettes en fil de fer r alis es avec Microsoft Visio pour les premiers et de maquettes interactives en XHTML pour les seconds Int gration Visio Les analystes disposent de formes Visio standardis es et correspondant aux modules fonc tionnels dont ils ont besoin au moment de la r alisation des premi res maquettes Si un guide line dispose d une forme associ e dans Visio alors elle y appara t sous le m me intitul L intitul du pochoir ensemble de formes apparaissant dans la colonne de gauche de la Figure 52 auquel elle appartient est le titre de la cat gorie o le guideline appara t dans le StyleGuide Cette correspondance de terminologie est importante pour guider l analyste dans le passage du StyleGuide Visio c est dire de la th orie la pratique Cet ensemble de formes est accom pagn d ic nes et d images standard pour rendre r aliste le wireframe Toutefois le maquettage est ici purement fonctionnel et n entre pas dans le d tail de la pr sentation Les formes sont volontairement sobres au niveau graphique pour que les consid
357. que il s agit d un site Web Les structures choisies sont de m me nature il s agit d associer les patrons par granularit et d offrir ainsi un ordre de consultation qui suive la r flexion naturelle de conception Toutefois dans notre catalogue la forme des patrons est plus syst matis e que dans le StyleGuide les sections de description de nos patrons suivent une forme immuable quelque soit leur niveau de granularit Tandis que SmalS a d velopp des guidelines destin s aux d ve loppeurs d interface nous avons cherch de notre c t faire la distinction entre prototypes de page et prototypes d encha nement d crans formalis s avec StateWebCharts cf 4 2 L op rationnalisation des patrons a ainsi pris des directions diff rentes tandis que SmalS s est attach supporter le prototypage de pages mise disposition de formes Visio et de fragments de code XHTML nous avons produit un outil guidant la conception de la structure hypertexte de l application cf chapitre 6 Les diff rences de fond peuvent tre r sum es de la fa on sui vante tandis que nous avons nourri la sp cification d interface de haut niveau en formalisant et op rationnalisant des patrons d enchainements d crans le StyleGuide a approfondi la concr ti sation en ajoutant des guidelines techniques L cart le plus notable toutefois entre le StyleGuide et notre catalogue est que le Style Guide est d ores
358. r cisent notamment les pr conditions sur des actions et les appels la base de donn es pour le remplissage des champs par exemple Un exemple d cran avec des num ros et sur chaque num ro je mets le type d objet est ce que c est enabled ou disabled quelle est la source de donn es En gros hein Parce que parfois si le mod le de donn es n est pas termin il y a des choses qu on ne peut pas pr ciser L v nement ou l action par exemple permet l utilisateur d identifier la formule dans toute l application default value s il y en a une et les r gles de validation avec les messages d erreurs standardis s si la r gle n est pas respect e Les d veloppeurs taient contents que ce soit bien pr cis Ceci dit c est peut tre parfois trop pr cis parce que c est difficile maintenir puis a ne laisse pas de libert au d veloppeur Sujet 4 le 17 avril 2008 Moi ce que j aime bien repr senter l dessus c est que je donne des num ros aux boutons aux zones dans lesquelles on peut interagir et j aime bien les faire apparai tre dans les encha nements d crans Sujet 7 le 15 avril 2008 126 Dans le cadre de ce projet l avec mon coll gue on avait fait un fichier un peu sp cial qui s appelait Requirements techniques qui d finissait clairement dans chaque interface que faisait quoi Mais ce n est pas vraiment
359. r ces informations des recherches avanc es pour un utilisateur expert Parmi ces informations masqu es sur le catalo gue mais pr sentes dans l ontologie pr liminaire que nous avons tablie citons e Sens d interaction le fragment d interface d crit par le patron sert il la saisie d informations de la part de l utilisateur ou bien la diffusion d informations e Fr quence d utilisation le fragment d interface d crit par le patron est il recom mand pour une fr quence particuli re d usage Par exemple un patron offrant un fort guidage est adapt une utilisation tr s ponctuelle mais n est pas recommand pour une utilisation quotidienne e Inclusion d autres patrons pour un patron de granularit donn e liste des pa trons de granularit sup rieure auxquels il peut tre inclus La Figure 48 pr sente une proposition d attributs d finissant une page ces attributs tant des cha nes de caract res ou des r f rences des instances d autres classes personne cas d utilisation patron etc L ontologie a t construite avec l outil Prot g Stanford Center for Biomedical Informatics Research 2008 CLASS EDITOR For Class PatronsPage instance of STANDARD CLASS Name Documentation PatronsPage Role Concrete Template Slots Name Cardinality Type m auteurPatron multiple Instance of Personnes m cat goriePatron multiple String
360. r chacun des intervenants de la conception Sujet 3 le 16 avril 2008 Le prototype des pages serait plus parlant pour le client que le mod le State WebCharts Il pourrait le lire il pourrait le comprendre mais je pense que c est plus convivial pour lui de discuter le prototype et que le mod le StateWeb Charts c est plus un support pour les programmeurs ou en interne Sujet 6 le 17 avril 2008 Certains de nos clients sont de la vieille cole et Ils ne comprennent pas par exemple que c est une maquette que ce n est pas a que a ressemblera Ce n est pas un probl me en soi mais c est en cela que le mod le State WebCharts n est pas sp cialement lisible Sujet 7 le 15 avril 2008 Les sujets 2 3 et 6 pensent que moyennant des intitul s clairs et un accompagnement dans l appr hension du formalisme les mod les State WebCharts pourraient m me tre lus par les clients des projets Les sujets 3 et 7 pensent que les mod les State WebCharts sont difficiles lire car ils ne refl tent pas la r alit d une application Web pour un client peu connaisseur des technologies Web 5 6 INTERPR TATION ET PERSPECTIVES Les variables exp rimentales nonc es dans la d finition des hypoth ses de la section 5 3 sont r capitul es dans le Tableau 8 ci dessous telles qu elles ont t valu es en moyenne au fil des exp rimentations Au regard de ces variables
361. r le domaine de l e Procuration La m thode offre un cadre de stockage pour les solutions d velopp es Tableau 3 Comparaison du potentiel des m thodes tudi es pour la conception d interfaces en e Procuration Le 2 LL z D oO o v v D 2 S o 23 T 5125 B co 3 6 3 o lt 5 aag e S gt 0 g 5 Sols v ajs J lg EL gt ole Ki 0 53 5 Sa cio Heje Sl op se S F 5 9 v vulivuis S o 9 Si El Sle T TU T T 50 olo 7 sis sis 5 als LSi sl s 00 0 0 2 s o e So ps Bl cl 3 v D E 5 Tm oimim 5 S olu Elos 2 0 4 8 L Baol To ee z Q Ey lt ov a v IE PAAR REE 21815 0125015 2 23 Z2 22 2 0 0 a Qa UI On Lisibilit I lol al I I lala ly Non ambiguit v v x el x ix u lvl COMMUNICATION aes lea el eal calla le hen e eee l argumentation Support a la y ylula xivivixixlviviv recherche de consensus _Supporta la yfxl nlx ulula xl uliya conception graphique CONCEPTION rr POT ea e a e a l dition du contenu Support la conception a E ES E EE lage R E de la navigation _ P rennit des y y u u x x ululi xixi solutions d velopp es CAPITALISATION ae aeS a a aaa eaea et cadre de stockage Ces crit res sont repris dans le Tableau 3 ci dessus pour valuer le potentiel des m thodes list es dans cette section pour la conception d une application d e Procuration De
362. r le responsable des d veloppeurs qui est capable d valuer la faisabilit des choix de conception r alis s Les experts en bases de donn es s curit cryptographie ou encore en r seaux participent galement au d veloppement Ils ont un r le de consultation et participent plus ponctuellement que les graphistes ou d veloppeurs Leur activit quotidienne est une activit de recherche pour la mise en place de syst mes innovants dans leur domaine M diateurs Les m diateurs assurent un lien entre les institutions l initiative de l application et les utilisateurs d une part et l quipe technique d autre part Ils ont un r le de passerelle et connais sent les jargons les int r ts les besoins et les contraintes de plusieurs corps de m tier impliqu s dans la conception Les m diateurs cherchent et sugg rent des consensus qui satisfont chaque partie p ex le client et le d veloppeur deux institutions partenaires tout en garantissant que la d cision n ira pas l encontre de la qualit de l application Le chef de projet est le responsable de la bonne conduite du projet le garant de la tenue des d lais et des contraintes financi res mais aussi de la satisfaction du client et par le biais du client de la satisfaction des utilisateurs de l application Il donne un avis consultatif au fil de la conception en particulier sur la conception des pages de l application et de leur contenu dito ria
363. r les repas de mes enfants Mon identifiant PICART Me d connecter Pas de cantine 5 Aucun enfant inscrit Jules est inscrit Th o est inscrit the rare a look at the patterns catalogue This screenflow pattern dashboard This page pattern tasks set Figure 45 Page XHTML du squelette de l application g n r par eGovIPM Gestion des repas http fpontico free fr index php title Login dernier acc s 25 sept 08 92 Le client est satisfait des modes d interaction choisis et des informations dispens es Ce pendant a la vue de cette proposition une id e merge celle d ajouter une fonctionnalit per mettant un parent de payer la cantine pour le trimestre pass par carte de cr dit Il demande a l analyste si un tel ajout est possible en peu de temps afin de ne pas prendre trop de retard dans le projet L analyste accepte et entame la deuxi me d finition de l interface pour y ajouter ce module de paiement par carte de cr dit 4 4 3 Capitaliser la connaissance Le client du site Web de la cantine a demand l ajout d un module de paiement par carte bleue sur le site L analyste a fourni un effort consid rable pour produire un wireframe de page satisfaisant pour cette page qui ne figurait pas dans le catalogue Afin que cet effort soit forma lis par le comit de gestion du catalogue de patron et ventuellement int gr celui ci il ren
364. rames de l ontologie Suggestion par remplissage du formulaire Evaluation de Notification de tinent _ Notification de la suggestion l analyste du devenir l volution du catalogue de sa suggestion aux utilisateurs Figure 36 Proc dure de mise jour du catalogue de patrons 4 3 1 Suggestion par remplissage du questionnaire Les suggestions sont trait es de la m me fa on pour l ajout ou la modification d un patron du catalogue Id alement une suggestion est formul e suite au succ s du d ploiement d un fragment d interface nouvellement produit l quipe de conception a re u de bons retours sur application et l application a t d ploy e et est utilis e depuis un temps qui l a men e la stabilit dans la forme et le contenu C est alors que l analyste sugg re l ajout d un fragment d interface qui a contribu au succ s de l application et ne figure pas dans le catalogue Toute fois il est acceptable de recevoir des suggestions d s la fin de la sp cification quoique le frag ment n ait pas encore t d ploy les raisonnements qui ont conduit sa mise en place sont encore clairs dans l esprit de son concepteur Ces raisonnements sont pr cieux pour l ajout au catalogue partir du formulaire r f renc depuis le catalogue cf Figure 37 et r alis gr ce l outil LimeSurvey l utilisateur du catalogue transmet ses suggestions au comit responsabl
365. ration Les applications d e Procuration sont destin es supporter la r alisation en ligne de toute ou d une partie de une proc dure administrative Plus particuli rement nous nous int ressons ici uniquement au processus de conception des interfaces utilisateurs des applications d e Procuration laissant de c t d autres probl matiques telles que la mod lisation de donn es Ka vadias et Efthimos Tambouris 2003 ou les contraintes li es la sp cification des proc dures Brain Seltsikas et Tailor 2005 Cependant les apports de l tude r alis e ne sont pas r duits au sous domaine de l e Procuration Les utilisateurs vis s par les applications d e Procuration sont essentiellement des admi nistr s et des agents administratifs Du c t des administr s on distinguera les citoyens mais http www help gv at dernier acc s 25 sept 08 http www bhoomi kar nic in dernier acc s 25 sept 08 gt http www floodforum org uk dernier acc s 25 sept 08 https www amendes gouv fr dernier acc s 25 sept 08 8 galement les repr sentants d entreprises et d associations Globalement il s agit d un public tr s vari en particulier pour ce qui concerne les citoyens 4 titre priv de tous ages toutes com p tences en informatique et toutes conditions physiques L utilisateur est souvent tenu de r ali ser la proc dure d mat rialis e sur l applicati
366. rd avec guidage fort mais lors d une modification le compor tement de l application est diff rent L utilisateur revient vers l tape concern e effectue la modification puis il est autori s rejoindre directement le r capitulatif pour valider ou appliquer d autres modifications R alisation RAS Wizard avec r capitulatif ditable Modifier es infarmat ions page de Page de Page de witerd El wizard Et wizard oi m pA grapes J coez JO ewen j 3 GRR Avertissement avant sarte 7 Formulaire de contact Valider Accus de recepton Description M me propos dans ce Wizard avec guidage avec r capitulatif ditable que dans les patrons Wizard avec guidage fort et Wizard avec guidage souple mais lors d une modification le comportement de l application est diff rent L utilisateur modifie directement le r capitulatif qui offre des champs ditables pour les informations qui ont t saisies R alisation RAS 210 Annexe G Correspondance entre mod le StateWebCharts et page XHTML Annexe G Correspondance entre mod le State WebCharts et page XHTML SWC Etat statique E XHTML Page XHTML Id d un tat statique E Nom de la page XHTML page_idE html Label d un tat statique E Titre de la fen tre lt head gt lt title gt labelE lt title gt lt head gt Titre principal de la page HTML apparait en t te de p
367. re d cran r alis e le 24 mars 2008 177 Figure 84 Mod le SWC de l encha nement d crans Int gration un portail 177 Figure 85 Accus de r ception de l application de d claration de ch mage temporaire capture d cran r alis e en octobre 2006 178 Figure 86 Liste d informations rassembler avant une d claration via l application de DmfA capture d cran r alis e en octobre 2006 179 Figure 87 Donn es contextuelles disponibles sur l application e CreaBis capture d cran r alis e enoctobr 2000 nitrate ateliers t Reb ERA 179 Figure 88 R capitulatif de la d claration Dimona capture d cran r alis e en octobre 2006 Re TR A art annee ie Rate 6 as God ideas aR te Lane E OE ein sertie test E les 180 Figure 89 Liste d l ments sur l application iBoss capture d cran r alis e en octobre 2006 Fes ar ne ME art ch AR Tis Se Son eke nee de tak cca een OER Sad di ne Pate nn tete 181 Figure 90 Liste de t ches r aliser sur l application iBoss capture d cran r alis e en octobre LOO seven ests ren nat An aS Eade aa ne Ge ead dea eet 181 Figure 91 Donn es d horodatage sur l application DmfA capture d cran r alis e en octobre 2006 ere tt antenne titane en hit nt 182 167 Figure 92 Points d entr e directs sur l application VDAB capture d cran r alis e en octobre 2006 frs hernie mr ae nan Ann ann el nn imite 182 Figure 93 Tableau de bord de l
368. re nr ete de eas 92 165 Figure 46 Bon exemple pour la suggestion de patron Paiement par carte de cr dit 93 Figure 47 Wireframe de la page Paiement du trimestre pass 94 Figure 48 Exemple de d finition d attributs standardis s pour une page dans l ontologie du catalogue classe PatronPage d finie dans l outil Prot g V ss 95 Figure 49 Extrait de la visualisation de l ontologie des l ments du catalogue g n r e par LG VIAZT ED isco Rd ln nent dre iee nel bakes me tte res en estate Seca sitea ere Rene t tdi 96 Figure 50 StyleGuide version 1 7 inserer 99 Figure 51 Colonne de navigation du StyleGuide par cat gories de guidelines vue globale 104 Figure 52 Formes issues du StyleGuide apparaissant dans Microsoft Visio version 1 7 106 Figure 53 Exemple typique d environnement mis en place pour les valuations 112 Figure 54 Environnement de travail par d faut pour la r alisation d un wireframe avec Visio RTL MN estat a Man aan ty ase Megs M nr D SON ee nen a ER Rui ni 113 Figure 55 Requirements techniques tels que repr sent s par le sujet 8 dans son activit UOT AL CNC nn nn LR RR seh Shy OAS mr ln ten nie eh GRR alba Sb ao 127 Figure 56 Wireframe d identification des composants des crans du site Web de la cantine de GOVINO nodon nn e L RM RER RE AA diverts ne Ut Ne tre A 132 Figure 57 Exemple de page X
369. re the Sanity Indianapolis USA Sams http www infotoday com Online jul03 head shtml essential Coram Todd et Jim Lee 2002 Experiences A pattern language for user interface design http www maplefish com todd papers Experiences html Coutaz Joelle 1988 Interface Homme Ordinateur Composition et r alisation Th se de docto rat de l Universit Joseph Fourier Grenoble France Cowan Donald D et Carlos J P Lucena 1995 Abstract Data Views An Interface Specifica tion Concept to Enhance Design for Reuse IEEE Transactions on software engineering 21 no 3 229 243 Curtis Bill et Bill Hefley 1994 A wimp no more the maturing of user interface engineering interactions 1 no 1 22 34 Dearden Andy et Janet Finlay 2006 Pattern languages in HCI a critical review Human Com puter Interaction 21 no 1 49 102 De Troyer Olga et Sven Casteleyn 2003 Exploiting link types during the conceptual design of websites International journal of Web engineering and technology 1 no 1 17 40 Derntl Michael et Renate Motschnig Pitrik 2004 A Pattern Approach to Person Centered e Learning Based on Theory Guided Action Research Dans Networked Learning Confer ence 2004 Lancaster UK 5 7 Avril 2004 Distante Damiano Gustavo Rossi Gerardo Canfora et Scott Tilley 2007 A comprehensive design model for integrating business processes in web applications International Journal of Web Engineering and Technolo
370. re un obstacle le concepteur de la recommandation doit trouver le juste quilibre entre le jargon ergonomique opaque pour le non expert et le langage de vulgarisation qui ne d crit plus assez pr cis ment les th ories avanc es De ce probl me de communication d coulent des difficult s interpr ter une recommandation lorsqu une ambigu t appara t dans sa d finition cette ambigu t serait probablement lev e en un clin d il pour un ergonome mais ce sera plus d licat pour le novice qui a toutes les chances de mal appliquer la recommandation faute de la comprendre correctement Le grand nombre de recommandations disponibles est un autre obstacle leur bonne utilisation Le concepteur a besoin de guidage pour trouver dans l ensemble des recommandations propos es celle qui correspond son contexte de conception Des travaux ont ainsi t men s pour une organisation et une diffusion pertinente de recommandations aux concepteurs Scapin et coll 2000 D autres ont classifi les types de recommandations disponibles dans la litt rature pour guider le concep teur vers le choix d un ou autre de ces types en fonction du contexte de conception Mariage et coll 2005 2 5 2 Outils d valuation ergonomique Certaines r gles ergonomiques peuvent tre v rifi es automatiquement par inspection de l application Web et des outils de support cette v rification existent pour le Web Brajnik 2000 Parmi eux WebTang
371. rence on human factors and the web Austin Texas USA Ph Kortum amp E Kudzinger ds 19 Juin 2000 Scharl Arno 1999 A Conceptual User Centric Approach to Modeling Web Information Sys tems Dans AusWeb 33 49 Ballina Australie 18 20 Avril 1999 Schobert Wolfram et Till Sch mmer 2006 Supporting Pattern Language Visualization with CoPE Dans EuroPLoP Irsee Allemagne Universitaetsverlag Konstanz 5 9 Juillet 2006 Schwabe Daniel et Gustavo Rossi 1998 Developing hypermedia applications using OOHDM Dans Workshop on Hypermedia Development Pittsburgh PA USA Peter Brusilovsky Paul De Bra ds 20 24 Juin 1998 Section508 gov 2008 Section 508 Standards http www section508 gov index cfm FuseAction Content amp ID 12 Shiu Simon et Sankar K Pal 2004 Foundations of Soft Case Based Reasoning ler d Wiley Interscience 18 Mars 2004 Stanford Center for Biomedical Informatics Research 2008 The Prot g Ontology Editor and Knowledge Acquisition System http protege stanford edu Storey Margaret Anne Mark Musen John Silva et coll 2001 Jambalaya Interactive visuali zation to enhance ontology authoring and knowledge acquisition in Protege Dans Work shop on Interactive Tools for Knowledge Capture at K CAP Victoria B C Canada 20 Octobre 2001 Storrs Graham 1995 The notion of task in Human Computer Interaction Dans BCS HCI 357 365 Huddersfield UK Cambridge University Press Ao
372. ril 2008 L ajout de la page Liste de t ches est l tude 3 ziout de paga jar ast l il 2008 and a da Ur Figure 38 Section actualit s de la page d accueil du catalogue de patrons capture d cran r alis e le 2 juin 2008 4 4 SC NARIOS D UTILISATION La m thode de conception pour l e Gouvernement que nous proposons est illustr e dans cette section sur une tude de cas fictive La mairie de Goville souhaite concevoir le site Web de la cantine de l cole communale Pour ce faire elle fait appel une entreprise de technolo gies de l information qui utilise notre m thodologie Les besoins exprim s sont succincts et c est sur leur base que l analyste doit produire une premi re proposition d interface e Acc s s curis pour les parents qui souhaitent consulter les repas auxquels sont ins crits leurs enfants ajouter ou supprimer des repas e L identifiant et le mot de passe leur sont remis en mains propres l cole e On peut ajouter ou supprimer un repas jusque trois jours avant la date du repas partir de cette tude de cas cette section montre comment notre m thode satisfait les trois crit res voqu s la fin de notre tat de l art des m thodes de conception d interfaces cen tr es utilisateur e Soutenir la conception Support la conception de wireframes de pages partir du catalogue de pa trons Support la d finition de la navigatio
373. rketing production C est le mod le descriptif qui d crit les agents op rations et ressources qui permettent d atteindre les objectifs du premier mod le Un mod le prescriptif entre dans le d tail des technologies utili s es e TOSCA The Organizational Information System for CSCW Computer Supported Cooperative Work Applications Prinz 1994 est une architecture orient e objet de stockage d informations organisationnelles Le serveur TOSCA donne ainsi des in formations sur les comp tences et les contraintes de l utilisateur aussi bien que de ses collaborateurs Ces informations fournies d un point de vue personnalis a Vutilisateur aident tablir des modes de communication et de coop ration effica ces en particulier dans le cas de coop rations a distance Les auteurs ont pris garde rendre ce syst me souple et tol rant un grand volume d informations compte te nu de l aspect volutif d un syst me coop ratif e Hozo Sunagawa et coll 2006 est un cadre de description des r les endoss s par des agents et de leurs caract ristiques Cette description est faite au moyen d ontologies pour permettre une int gration formelle du mod le organisationnel un traitement informatique Le contexte d activit de l agent est pris en compte pour la d finition de son r le le m me agent peut en effet tre un citoyen dans sa vie ci vile et un agent administratif dans sa vie professionnelle par exe
374. rni re semaine de r daction Drine Isa Justin et Sylvain mes quatre piliers je vous aime aussi fort que vous tes dif f rents Merci pour tout Merci Drine pour sa pr sence rassurante et son amiti p tillante Aucun mot ne d crit l infini amour et la reconnaissance que j ai pour ma famille ma Maman mon Papa ma s ur Maryline et mon beauf coach Patrice mon fr re Jean Luc mes neveux Mathilde et Corentin et ma tante Rosy Leur amour leur chaleur et leur inconditionnel soutien me portent comme sur un nuage et je veux leur dire ici quel point je les en remercie Je pense aussi l amour que m ont donn mes tr s chers grands parents Marie Marie et Justin et mon grand p re Joseph disparu avant que je n apparaisse Et merci St phane de tout mon c ur de me rendre si heureuse http fr wikipedia org wiki Berserker dernier acc s 25 sept 08 4 Table des mati res REMERCIEMENTS wis sssssesssscesccasccssacsstcusscsceuescsecastscctcscesseusasessusceseccebcocesbsssseassscasesadaccssssscesdsctabessssesedcesse 3 FABLE DES MATI RES nn iniiai vases ln nn anni 5 Ts INTRODUCTION 2 55 dress e a e sbsteestonse a e Sa peas o EEE ee E een eds tarots t tentez sn 8 2 ETAT DE L ART DES M THODES DE CONCEPTION IHM sms 12 24 CYCLES DE D VELOPPEMENT DE SYST MES INTERACTIFS c scscsscssssssesesseecseseeeseeeeecsenseeeaeees 13 2 1 1 Cycle en cascade Royce 1970 een 13 2 1 2 Cycle e
375. rnier acc s 25 sept 08 3 http fpontico free fr index php title WizardGuidageFort Prototype dernier acc s 25 sept 08 84 prise en compte des fonctionnalit s faible richesse de l interactivit moyenne richesse du mod le de donn es faible Prototype modifier EN TETE gt Etape 3 CONTENU pr c dent suivant gt PIED DE PAGE Figure 35 Attribut Prototype du patron Page de wizard 4 2 2 Organisation du catalogue de patrons L tude r alis e au chapitre pr c dent cf 3 2 cons cutivement au relev de fragments d interface r currents a permis de d gager les atouts d une organisation de patrons efficace La difficult de la mise disposition de patrons est en effet de rendre accessible et de faciliter la navigation au sein de cette base de connaissances en mati re de conception La conclusion sti pulait que l organisation des patrons devait fournir la fois une structure hi rarchique et des possibilit s de navigation alternative r f rences crois es entre l ments d interface groupe ment d l ments proches comparaison de points de vue Il fallait galement garantir qu un passage l chelle n entame en rien l efficacit de l organisation un catalogue de patrons tant fortement volutif par nature La structure hi rar chique de notre catalogue est d taill e dans un premier temps puis nous pr sentons une propo si
376. rnisation des relations m diatis es par ordinateurs entre administrations et admi nistr s est une vraie question d actualit Depuis quelques ann es et notamment suite la mise en place d une politique volontariste par l Administration Fran aise pour simplifier les d mar ches administratives d cret du 25 mai 2001 des applications Web sont d velopp es comme support aux proc dures administratives p ex t l d claration d imp t sur le revenu demande d intervention sur la voie publique demande d acte d tat civil L objectif de ces applications d e Procuration est double du point de vue du citoyen il s agit de simplifier ses d marches aupr s de l administration faciliter la communication avec les agents administratifs et rendre le processus administratif plus transparent du point de vue de l administration il s agit de simpli fier la gestion des dossiers Parmi les objectifs annonc s il y a la diminution des co ts une meilleure circulation des informations l am lioration des conditions d archivage et la person nalisation des services Plusieurs travaux sur l valuation de l utilisabilit et l accessibilit des utilisateurs d applications d e Gouvernement existent Lili Wang Bretschneider et Gant 2005 Cependant tr s peu d tudes ont essay de comprendre les difficult s rencontr es par les quipes de d ve loppement de ces applications Il est important de remarquer q
377. ron de page du catalogue D autres informations peuvent figurer sur une page p ex titre description Pour une transition il peut tre pr cis la condi tion de son activation e Analyse syntaxique des mod les de navigation v rification du respect de r gles concernant l encha nement des crans Par exemple pour un assistant la r alisa tion de proc dure il peut tre v rifi qu une page de r capitulatif existe et qu elle vient l issue de la r alisation des tapes de la proc dure e G n ration d un squelette de l application partir du mod le dit pour le sup port la communication au cours de la conception Il s agit d un ensemble de pages XHTML li es entre elles conform ment la d finition de la navigation donn e par le mod le de navigation dit Chaque page fait figurer les informations qui ont t sp cifi es son sujet ainsi que celles de ses transitions sortantes Un exemple est montr dans la Figure 57 Ce chapitre pr sente tout d abord en d tails les fonctionnalit s de eGovIPM pour l dition guid e de mod les de navigation et la g n ration d un squelette de l application cf 6 1 Puis Gestionnaire de patrons d interfaces pour l e Gouvernement 133 les technologies utilis es pour l impl mentation de l outil sont explicit es cf 6 2 Enfin un sc nario d utilisation de l outil illustre son mode d utilisation cf 6 3
378. roposera tr s probablement des correc tions Quoiqu ils discernent les l ments qui rendent leur wireframe peu utilisable ils n essayent pas de les corriger eux m mes parce qu ils manquent de temps et parce qu ils ont toute confiance en l expertise du centre de comp tences en utilisabilit Le sujet 8 voque pour tant le fait que les informations de bonne pratique sont sa disposition dans le StyleGuide Culture en utilisabilit La culture en utilisabilit des sujets observ s est bonne Bien qu ils ne soient pas experts en utilisabilit leurs critiques des propositions talon sont pertinentes et argument es Les sujets se servent d ailleurs des corrections r alis es sur leurs wireframes dans des projets pr c dents des remarques que le centre de comp tence en utilisabilit a formul es sur des propositions pr c dentes Certains sujets rel vent que ces conseils de conception corroborent le contenu du Sty leGuide ils ont donc potentiellement via le StyleGuide la comp tence de l quipe usability leur disposition 122 Je me base surtout sur d autres crans sur des choses que j ai d j vues et qui moi me semblent faciles Et apr s il y a usability qui dit Non Rires Je viens juste d avoir des remarques sur des crans que j ai faits Donc pour l instant c est ah a je ne peux plus faire a je ne peux plus faire Sujet 1 le 15 avril 2008 J
379. rt majeur du catalogue concerne la pr senta tion des informations plusieurs niveaux d abstraction allant du prototypage d enchainements 147 d crans aux consignes pour l utilisation de composants de base comme par exemple des me nus La standardisation des interfaces bas e sur un catalogue officiel pourrait tre consid r e comme un objectif terme pour assurer une coh rence transversale entre applications d e Gouvernement d velopp es par les diff rents prestataires et sous traitants des organismes pu blics Il est important de faire remarquer que la d marche de standardisation au sens large est confront e a la volont d adoption par d autres organisations En outre compte tenu du carac t re tr s orient conception et impl mentation du contenu des patrons il faut mettre en place des m canismes pour faire voluer le catalogue de fa on prendre en compte de nouveaux types d applications et les nouvelles technologies L id e de pr senter des solutions de conception d interfaces par le biais d un catalogue de patrons n est pas nouvelle Pourtant l originalit de ce travail repose sur le domaine d application choisi i e l e Gouvernement et plus particuli rement sur la volont de pr senter les patrons de conception comme des l ments essentiels d une m thode de conception des in terfaces La m thode propos e dans cette th se est fond e sur des observations sur le terr
380. rtains fragments d finissent la mise en page dans son ensemble p ex page avec deux colonnes dont la colonne de navigation gauche d autres d crivant des l ments plus pr cis de l interface y sont int gr s p ex formulaire de saisie d une adresse email Cette activit se d roule sous Eclipse cadre de d veloppement clas sique des d veloppeurs d interface de SmalS La personnalisation des fragments est manuelle sur la base de fragments au graphisme sobre tels que les formes Visio Une formation est pro pos e aux d veloppeurs d interface en m me temps que celle propos e aux analystes La pre mi re partie les concerne tous elle porte sur l utilisabilit et la conception d interfaces en g n ral ainsi que sur le prototypage tel qu il est vu par chacune de ces cat gories d utilisateurs Puis quand les travaux pratiques portent sur Visio pour les analystes les d veloppeurs d interfaces s int ressent au maquettage XHTML 5 3 D FINITION DES HYPOTH SES Le d ploiement du StyleGuide dans l entreprise SmalS est une illustration concr te de l introduction d une m thode de conception bas e sur des patrons telle que celle que nous pr sentons dans cette th se La m thode est bas e sur la r utilisation d un projet sur l autre de solu tions des probl mes de conception d interfaces elle est donc suppos e raccourcir le temps de r solution des probl mes d interface et am liorer tant
381. rts Une partie seulement du forma lisme est pr sent celui qui concerne les interactions avec l utilisateur laissant de c t les ac tions du serveur Des explications sur la syntaxe du formalisme sont donn es sur deux exemples simples cf Annexe D Le mod le StateWebCharts est r alis sur papier Les observations men es sur ce sc nario visent valider l hypoth se Ibis cf 5 3 1 c est dire valuer la facilit et la satisfaction avec laquelle le sujet s approprie et utilise le formalisme de mod lisation de la structure hypertexte ici State WebCharts Le n ud de la navi gation est ici l identification du visiteur s agit il d un parent ou d un membre du personnel de la cantine Quelle navigation proposer chacun de ces profils Il est galement int ressant d observer la mani re dont le sujet d coupe les pages la mani re dont il appose des labels sur les tats et les transitions l issue de la r alisation du mod le un entretien porte sur la satisfac tion subjective prouv e lors de l utilisation de ce formalisme et les difficult s rencontr es Le pouvoir expressif de la partie du formalisme pr sent est galement mis en cause Si on consi d re le wireframe r alis lors du premier sc nario et en imaginant que les autres pages ont t 113 sp cifi es de m me et en un temps plus r aliste si on consid re aussi le mod le StateWebCharts r alis des l ments
382. s Borchers Jan O 1997 WorldBeat Designing a Baton Based Interface for an Interactive Music Exhibit Dans CHI 131 138 Atlanta Georgia USA ACM Addison Wesley 22 27 Mars 1997 2000 A pattern approach to interaction design Dans Designing interactive systems 369 378 New York City USA ACM Press Brain David Philip Seltsikas et Deemple Tailor 2005 Process modelling notations for eGov ernment an assessment of modelling notations for identity management Dans elntegration in Action Bled Slov nie 6 8 Juin 2005 Brajnik Giorgio 2000 Automatic web usability evaluation what needs to be done Dans 6th Human Factors and the Web Conference Austin Texas USA 19 Juin 2000 Brams G W 1983 R seaux de Petri Th orie et pratique Masson Brown William J Raphael C Malveau et Thomas J Mowbray 1998 AntiPatterns Refactor ing Software Architectures and Projects in Crisis ler d Wiley Mars 1998 BUCOM 2007 Manuel Prima Web Ao t 2007 https www socialsecurity be site_fr civilservant Applics primaweb documents pdf utilise r_primaweb_F pdf Caelen Jean 2004 Conception participative des objets interactifs principes m thodes et ins trumentation pr sent l cole d t TIC et soci t CNRS Carry le Rouet http www clips imag fr geod User jean caelen Publis_fichiers CaelenCarry2004 pdf CapGemini Netherlands et TNO 2004 Does e Government Pay Off Europe epractice eu 22 N
383. s alternatives en int grant ventuellement une activit de maquettage Il s agit en r alit de travailler it rativement la d finition des besoins et la sp cification de l application Une fois que la r flexion a atteint un degr de raffinement permettant la prise de d cision l quipe de conception encha ne avec un cycle de d veloppement en cascade ou en V pour mener bien les phases concernant la concep tion d taill e puis l impl mentation proprement dite Ce cycle de d veloppement est donc long et co teux mettre en place et requiert en particulier que les personnes charg es de la gestion du projet soient form es un tel processus et une gestion des ressources qui s adapte la morphologie de ce genre de projet 2 1 4 Cycle Star Hix et Rex Hartson 1993 Ce cycle de d veloppement a t tabli pour le d veloppement d interfaces utilisateurs en r ponse aux cycles de d veloppement d applications pr existants Deborah Hix consid re en effet que la conception et le d veloppement d interface ne suivent pas des parcours classiques de r flexion parcours analytiques ou synth tiques galement appel s top down ou bottom up Il est constat dans ces travaux que la conception d interfaces n est pas une activit s quentielle et que les taches de conception peuvent tre r alis es dans n importe quel ordre chacune d elles tant valu e au fur et mesure Le prototyp
384. s d crivent en effet les recommanda tions de mise en uvre du patron et s attachent couvrir les questions que l utilisateur pourrait se poser au moment d appliquer le patron Le sixi me et dernier attribut est plus sp cifique la m thodologie que nous proposons dans la mesure o il permet au patron d tre un point d entr e concret dans l tape de prototypage fonctionnel du cycle de conception Description Les caract ristiques du patron sont donn es ici sous forme d une phrase ou deux bri ve ment en repla ant le patron dans son contexte par exemple Description modifier Plusieurs tapes sont effectuer pour r aliser une proc dure Un wizard guide l utilisateur travers ces tapes Figure 29 Attribut Description du patron Wizard Exemples De bons et mauvais exemples d impl mentation du patron sont donn s ici ventuellement accompagn s de justification de leur choix notamment lorsque des erreurs de conception clas siques y sont relev es De pr f rence les exemples sont tir s des productions de l entreprise qui utilise le catalogue ou au moins du domaine d application http fpontico free fr index php title Wizard Description dernier acc s 25 sept 08 82 Exemples Je signale mon changement d adresse 1 e Gouvernement national France Captur le 29 juin 2007 ce gt i gt CLD Les 3 tats d avancement possibles pour une tape sont d
385. s de concepteurs d applications d e Procuration on remarquera les besoins suivants four nir des services fonctionnels et proc duraux complexes susceptibles de subir des modifications r guli res en cas de nouvelle l gislation stocker et manipuler de grands volumes de donn es personnelles de fa on s curis e et plus particuli rement produire des interfaces utilisables sur lesquelles repose g n ralement un grande partie de la cr dibilit accord e par les utilisateurs aux applications Une plateforme de communication pour ces intervenants dans le processus de conception est donc essentielle pour la coh rence et la satisfaction de ces besoins de diff rentes natures Pour un projet de conception en e Gouvernement incluant plusieurs partenaires la communication est reconnue par les praticiens eux m mes comme le facteur le plus important de la r ussite tablissement d objectifs clairs constitution de communaut s de conception acti ves et partageant leurs exp riences Halstead Nussloch et coll 2003 L objectif principal de ce travail de th se est de fournir un cadre m thodologique pour la conception d interfaces d applications d e Procuration Pour cela nous nous int ressons aux processus de conception d interface Notre objectif est de fournir les supports les plus adapt s pour que l utilisabilit soit prise en compte par tous les intervenants dans le processus de d ve loppement Une tude approfondie du co
386. s de wireframe le sont comme le StyleGuide le propose cf 5 2 3 Il s agirait alors de faire un pas dans l tape de d veloppement de l application d e Procuration concevoir Pour aller plus loin nous pouvons nous inspirer des fonctionnalit s offertes par les autres outils d op rationnalisation de patrons Ils fournissent dans la majorit des cas des moyens de visualiser la collection de patrons certains repr sentent les relations entre eux Gestion d une collection de patrons les utilisateurs exp riment s devraient tre autoris s ajouter facilement des encha nements d crans qu ils utilisent r guli re ment et qui ne figurent pas encore dans le catalogue de patrons L utilisateur devrait pouvoir personnaliser son environnement de travail comme il est propos dans l outil IdealXml Montero et L pez Jaquero 2006 Partage d une collection de patrons pour encourager la coop ration entre mem bres d une m me communaut d utilisateurs de patrons les encha nements d crans personnalis s ou les nouveaux patrons d enchainement d crans peuvent tre mis disposition d autres utilisateurs la mani re de l outil CoPe Collaborative Pattern Editor Schobert et Schiimmer 2006 Cet outil fournit galement un moyen de vi sualiser les patrons et les relations entre eux Langage de contraintes sur des objets diteur de patrons collaboratif 146 7 Conclusions La mode
387. s je aan imago Een studie Een overzicht a Seizoenswerk Veel kandidaten haken of door het gedrag van de interviewer Voorkom een afwijzing tijdens het sollicitatiegesprek VDAB diensten Pas afgestudeerd Sollicitanten raadsels laten oplossen Microsoft getuigt Studentenjobs Het assessment center onder de loep De intelligentietest heef meer waarde dan de persoonlijkheidstest Vrienden van je personeel rekruteren Een goed idee Boomerang rekrutering ex werknemers aanwerven is in Tranen op de eerste werkdag Goed onthaal is essentieel Is jouw wervingsbeleid succesvol Vraag het aan de nieuwkomers 2005 Disclaimer info 0800 30 700 avr tot 20 wut of info wdab be Figure 96 Navigation de service sur l application VDAB capture d cran r alis e en octobre 2006 Tri de liste Les listes d l ments propos es sont souvent associ es des fonctionnalit s de tri sur les attributs des l ments qui apparaissent en t te des colonnes Dans le cas de la Figure 97 les l ments stock s sur l application courante sont des documents produits par d autres applications d e Gouvernement Ils peuvent tre tri s selon leur description leur taille ou encore leur date de cr ation de fa on croissante ou d croissante Le mode de tri en cours doit tre indiqu clairement ici il est indiqu seulement pour le mode de tri dans le Annexe B Pages r currentes quel les documen
388. s par des attributs Le nombre de ces relations est born par des cardinalit s sp cifi es sur le mod le Cette repr sentation du domaine est tr s utilis e pour sp cifier des bases de donn es rela tionnelles Langage d ontologies pour le Web Cadre de description de ressources 3 En Anglais mind map 4 Remue m ninges 32 e Les diagrammes UML Rumbaugh Booch et Ivar Jacobson 1999 permettent une repr sentation statique des donn es grace au diagramme de classes combin e a une repr sentation dynamique des donn es Le comportement des donn es est alors d fini en r action des actions ou v nements grace au diagramme d tats ou en core par le biais de relations temporelles entre donn es grace au diagramme de s quences Les formalismes de la m thode UML font aujourd hui figure de standard dans le domaine de la mod lisation de domaine Organisation Dans une organisation des agents coop rent afin d atteindre des objectifs Des r les sont affect s 4 ces agents sur la base de leur cursus scolaire de formations suivies de leur exp rience du temps qu ils ont pass dans l organisation Ces r les correspondent des comp ten ces des activit s dont ils sont responsables des droits d acc s des ressources information nelles ou logicielles Les interactions entre agents sont galement d crites dans le mod le orga nisationnel dans la mesure o certaines activit s
389. s utilisateurs du catalogue pour les inciter consulter la version optimale du catalogue et insister sur l aspect volutif de celui ci et leur responsabilit dans cette volution La base de wireframes int gr e l outil eGovIPM doit tre mise jour galement le catalogue et l outil doivent imp rativement voluer simultan ment L ontologie est mise jour de m me par le comit responsable du catalogue 87 4 3 3 Notifications Le comit de gestion du catalogue envoie un courrier lectronique au contributeur 1 a r ception de la suggestion 2 d s qu elle est port e l tude 3 d s qu elle est rejet e ou accep t e 4 quand elle est ventuellement publi e La proc dure est la m me si l analyste souhaite sugg rer l ajout d un nouveau patron ou la modification d un patron existant En cas d ajout ou de modification effective d un patron la rubrique Actualit s de la page d accueil du catalogue est mise jour cf Figure 38 Les modifications sont class es par ordre anti chronologique les ajouts et les modifications majeures sont mis en exergue Tous les mois un email est envoy l ensemble des utilisateurs connus du catalogue pour leur r sumer les mises jour effectu es Actualit s Ajout un bon exemple sur la page Calendrier 22 mai 2008 Calendrier ajout 28 avril 2008 L ajout de la Page de formulaire est l tude 3 avril 2008 av
390. sant la qualit du fragment et sp cifiant ses cas d utilisation e Riche partage d exp riences gratifiant incitation des concepteurs contribuer cette base de solutions diffusion de connaissances en utilisabilit La m thode que nous proposons vise ces objectifs et se base pour cela sur des patrons de conception d interfaces ils servent de support l analyse en tout d but de conception d une application d e Procuration cf 4 1 Tous les patrons contiennent bons et mauvais exemples et des recommandations de mise en place Notre m thode se positionne comme support au proto typage moyenne fid lit de l interface enchainements d crans pages et composants de base Les prototypes de patrons d enchainement d crans sont formalis s au moyen d un langage de mod lisation de la navigation Web et les patrons de pages et de composants de base sont ac compagn s de wireframes Ces patrons g n riques sont a adapter au contexte de conception en cours Les observations r alis es dans le chapitre pr c dent cf 3 2 ont guid nos choix pour une pr sentation optimale de ces conseils de conception Les patrons sont regroup s dans un catalogue un site Web qui encourage la navigation d un patron l autre cf 4 2 Pour faciliter la lecture et aider l utilisateur se rep rer chaque patron est d crit syst matiquement selon un ensemble d attributs Les patrons sont organis s selon leur nivea
391. se et la t che qu il est susceptible de r aliser avec l application respectivement consulter une offre d emploi ou en d poser une Agenda Cifers Over VDAB Werklinks Contact Sitemap Werk zoeken Werk aanbieden Opleidingen Carriere Mijn VDAB RE gt Vind een job Kies uit 66139 jobs Solliciteer spontaan bij 2430 bedrijven Schrijf je in als werkzoekende gt Kies uit 2162 opleidingen gt Kies uit 216407 cv s gt Vind een VDAB kantoor in jouw buurt Verander van koers fi a AER Wiat ie dat de nverheid ANN tnt 10N eur ner maand Figure 92 Points d entr e directs sur l application VDAB capture d cran r alis e en octobre 2006 Page de tableau de bord Une fois identifi l utilisateur peut acc der des informations personnelles qu il peut modifier ainsi qu de courtes proc dures La surcharge 182 Annexe B Pages r currentes d informations est viter en particulier dans le cas d une application destination de ci toyens pour conserver les avantages d un tableau de bord qui aiguille directement sur la t che ou la section recherch e au premier coup d il Les ic nes et autres indicateurs graphi ques sont utiles pour une lecture efficace de pareilles pages Sur l exemple fourni par la Figure 93 l utilisateur est guid dans le choix de sa t che ici le choix du dossier compl ter par l tat d avancement de la compl tion des informations
392. se de conception Cette v rification aura lieu en phase de test correspondant c est dire lors de l Int gration Pour les premi res phases une longue p riode de temps s coule donc entre la phase de conception et la phase de test correspondante si elle a lieu seulement lors de la phase ascendante En cas de correction effectuer il y a un retour vers le d but du cycle et un r ajus tement n cessaire des phases suivantes ainsi que des batteries de tests d j sp cifi es pour la phase de validation La flexibilit et la large renomm e du cycle en V font qu il est utilis dans de nombreuses entreprises de d veloppement informatique La documentation n cessaire pour la mise en cor respondance d une phase de production ligne descendante et de la phase de v rification qui lui est associ e ligne ascendante sert la gestion de projet et la coh rence de la conception y compris dans les projets de grande envergure 2 1 3 Cycle en spirale Boehm 1986 Le cycle de d veloppement d applications interactives en spirale cf Figure 4 est aussi appel cycle de d veloppement it ratif Il correspond en effet plusieurs it rations sur quatre types d tapes dont le contenu voluera au fil des it rations mais dont la nature reste la m me e D finition des objectifs des alternatives possibles et des contraintes du projet e valuation des alternatives en r ponse aux besoins et en tenant compte des co
393. servations faites de ces analyses par des l ments issus de do maines proches e Commerce e Assurance lorsque le patron s y pr te p ex boite d avancement Patrons d interfaces Tidwell 2005 Martijn Van Welie 2007 Exemples bons et mauvais 4 2 1 Structure syst matique d un patron Tous les patrons sont d crits de fa on analogue dans le catalogue cette syst matisation visant faciliter l utilisabilit du catalogue pour l utilisateur quelque soit son niveau d expertise Des tudes de psychologie exp rimentale ont montr que la mise en place d indices de structuration sur un texte affecte non seulement la m morisation de celui ci mais aussi la prise d informations Meyer et Rice 1992 En Interaction Homme Machine galement des recommandations portent sur l homog n it des interfaces pour une meilleure utilisabilit J M Christian Bastien et Scapin 1993 La syst matisation de la pr sentation des patrons est ainsi un atout pour l utilisabilit du catalogue pour les utilisateurs novices auxquelles une structure de m morisation des informations diffus es est ainsi sugg r e Les utilisateurs exp riment s du catalogue appr cieront quant eux que cette structuration rende plus efficace leur lecture rapide et la prise d informations Les attributs de description d un patron suivent une forme classique de patrons de concep tion pour ce qui concerne les cinq premiers Ces attribut
394. seseeesesesesesesecesesecececeseeecececececececscececececececececececececececeeeeeeess 175 INTEGRATION UN PORTAIL unrin suze decsnnserss Sten detente dcevedenceneeteldcdevscecenduett einer diner tue 176 ANNEXE B PAGES RECURRENTES 2 0 nan tas nat RL es 178 DIFFUSION DE DONN ES mi aa ne ne a An Eee en RE Ei eee nn 178 OFFRE DE NAVIGATION SES E E ce ee van ee ede De a RTS ve 182 ENTREES DE L UTILISATEUR EEEE ne eet ee Dae as Al ica ae nt ee es 185 GOUT A GE oy scsi ve Soest E ses ee dr LR RSS RE EERE IR cae Re et mat 187 ANNEXE C QUESTIONNAIRE D VALUATION DU STYLEGUIDE ccecccccsessssesosscsesseeee 189 ANNEXE D MATERIEL D EVALUATION DU STYLEGUIDE cccccccsssccssssssscecescccessecceseee 193 ACCORD DE CONSENTEMENT ECLAIRE ccssccccssssccecsssseceessssecesssscecssseceeaseecessssccesssseseessssecesssseesssssseeens 193 ENTRETIEN PR LIMINAIRE ar dau dans no rauedare dans dobevdencsstdounsevaecg sveeendutudsenss etat entame ue a 194 SC NARIO LR ET AT nn A mn E A dae oda E R EN duree dat 195 SCENARIO BIS ESS SA TA dace buds cues RS DR RE RSS RU nn 196 SC NARIO FAET AL RIRE R AREA RU ES AS AR SU A LE nr nu E Li Rte So nuit 198 SC NARIO 34 ee AA TRI RS RS TN RE RS nd RIT MA A de Re ne 202 ENTRETIEN FINAL 2 505206 EA E EE a at les da E amener do dada a nee san semer ta 205 ANNEXE E R SULTATS DU PR QUESTIONNAIRE sense 206 ANNEXE F PATRONS COUVERTS PAR EGOVIDPM ssccscsscssssssssssessccecscssssscssccecesssssssceces 208 ANNEXE
395. shouldn t mustn t Related links Les illustrations utilis es comme exemples sont d autant plus signifiantes pour l utilisateur qu elles appartiennent son domaine de conception et notamment ici de fa on optimale qu elles sont des r alisations de l entreprise elle m me Sur les guideli nes tablis sur une base empirique des retours sur exp rience informels aideraient encore la compr hension de ces illustrations Un moteur de recherche est en cours de d ploiement pour une publication sur une version prochaine du StyleGuide ce qui permettra aux utilisateurs d acc der directement au guideline traitant de l l ment recherch Un th saurus est galement en cours de d veloppement la combinaison du th saurus avec le moteur de recherche permettrait d enrichir encore la recher che de guidelines en sugg rant des associations de patrons La fonctionnalit par vues est appr ci e des analystes qui sont utilisateurs exp riment s du StyleGuide ils y voient une classification des informations selon l tape du processus de conception cf 5 5 2 Avant tout 1l serait bon d viter que lorsque l utilisateur change de vue l ensemble des menus de la colonne de gauche ne se replie Cette caract ristique pose un pro bl me de rep rage et pousse les utilisateurs conserver la vue g n rale Corriger ce probl me permettrait un passage plus souple d une vue l autre Nous sugg rons par la suite
396. si vraiment je ne trouve pas je t l phone au Usability Competency Center Sujet 4 le 17 avril 2008 Ce qui me ferait penser qu un guideline dont j ai besoin n est pas dans le Style Guide Eh bien je ne sais pas Le fait que je suis d ja all sur le site et que je n ai jamais vu a Sujet 6 le 17 avril 2008 Les sujets 2 4 et 6 voquent leur connaissance du StyleGuide comme arme principale pour savoir si un guideline y appara t ou pas Les sujets 2 et 4 compl tent cet a priori par un recours direct au centre de comp tences en utilisabilit Les sujets 1 et 2 voquent encore un balayage exhaustif du StyleGuide technique syst matique qui sera rendue de plus en plus labo rieuse au fur et mesure que le volume du StyleGuide grandira Une question de terminologie est soulev e par les sujets 1 et 2 et peut tre distingu e au travers des r flexions du sujet 4 qui cherche un calendrier et qui pourrait trouver des informations sur un guideline qui traite de date Un th saurus est en cours de mise en place chez SmalS le coupler aux moyens de na vigation serait un atout pour compenser ces probl mes de terminologie 118 Utilisation des formes Visio efficace mais non optimale Appropriation de Visio L appropriation de l outil Visio n est pas vidente Bien que valuateur invite les sujets en premier lieu reconfigurer leur go t l outil et la disposition des for
397. sissez alors 4 occupation pour plus d explications concernant la qualit et l occupation choisissez Lorsque toutes les donn es sont compl t es les cotisations peuvent tre calcul es Statut Action Ajoutez Supprimez Qualit 1 Compl t Employ 000 495 i maom Occupation 1 Comni t Modifiez cos comme OA Prestations Compt t R mun rations compl t D ductions Compi t ma Cotisations dues pour la qualit Compi t D ductions demand es pour la qualit Compt t Calculez Centre de contact de la S curit Sociale 02 511 5151 Formulaire de contact Figure 81 Tableau de bord pour la gestion de la d claration d un travailleur la s curit sociale capture d cran issue du manuel de l application DmfA DmfA 2004 175 Annexe A Encha nements d crans r currents L application DmfA de gestion des d clarations de travailleurs la s curit sociale est un exemple d impl mentation de ce comportement de navigation une capture d cran du tableau de bord de cette application est pr sent e en Figure 81 Lorsque l utilisateur choisit de modifier un des attributs du travailleur s lectionn le formulaire de modification est ouvert la place du tableau de bord c est dire que toute autre activit avec l application est impossible tant que celle ci n est pas termin e Ce sch ma de navigation permet d offrir un guidage fort a l u
398. ski 2003 A human centred methodology applied to decision support system design and evaluation in a railway network context Cognition Technology amp Work 5 no 4 1 D cembre 2003 248 271 Lewis Clayton Peter G Polson Cathleen Wharton et John Rieman 1990 Testing a walk through methodology for theory based design of walk up and use interfaces Dans Pro ceedings of the SIGCHI conference on Human factors in computing systems Empowering people 235 242 Seattle Washington USA ACM 1 5 Avril 1990 Loukis Euripidis et Spyros Kokolakis 2003 Computer supported collaboration in the Public Sector the ICTE PAN Project Dans EGOV 2003 181 186 Prague R publique Tch que Springer Berlin Heidelberg 1 Septembre 2003 Lucquiaud Vincent 2005 S mantique et outil pour la mod lisation des taches utilisateur N MDA Th se de doctorat de l Universit de Poitiers France D cembre 2005 Maguire M C 1999 A review of user interface design guidelines for public information kiosk systems Internation Journal of Human Computer Studies 50 263 286 Mahemoff Michael J et Lorraine J Johnston 1998 Principles for a Usability Oriented Pattern Language Dans Australasian Conference on Computer Human Interaction 132 Adelaide Australie IEEE Computer Society 30 Novembre 4 D cembre 1998 Malone Eric Matt Leacock et Chanel Wheeler 2005 Implementing a Pattern Library in the Real World A Yahoo Case Study Dans ASI
399. ssources du patron R capitulatif Prototype Lorsque le patron porte sur un enchainement d crans le prototype est un mod le g n rique StateWebCharts Winckler et Palanque 2003 de la navigation telle qu elle est recomman d e sur cet enchainement d crans Les pages du mod le font r f rence des patrons de page existant dans le catalogue Prototype Strong quidance wizerd Checklist Wizard page Wizard paqe Wizard page ps it filledin informetinn N Edit filled in WEAH Ped in Irora ie in information Overview Cancel quitting LT Confirm Warning befete exit led z iot r f Z Figure 34 Attribut Prototype du patron Wizard avec guidage fort Lorsque le patron porte sur une page ou un composant de base le prototype est un wire frame pr sentant de fa on g n rique la mani re dont le patron doit tre impl ment L analyste qui utilise le catalogue constitue son propre wireframe en combinant plusieurs patrons et en ajoutant les informations relatives au projet courant Ces wireframes peuvent tre qualifi s de prototypes de fid lit moyenne consid rant les crit res de McCurdy McCurdy et coll 2006 affinement visuel bon largeur de la couverture des fonctionnalit s bonne profondeur de la lhttp fpontico free fr index php title TableauDeBord Mise_en_page dernier acc s 25 sept 08 http fpontico free fr index php title Recapitulatif Ressources de
400. ssssssssssss 68 3 2 2 Organisation des patrons pour la conception en e Gouvernement nosses 69 3 3 ANALYSE DES INTERFACES DES APPLICATIONS D VELOPP ES sn 70 3 3 1 Enchainements d crans r currents ss 71 3 3 2 Pages r currentes isutnsssmninnetneeenttifrrennenretenraneninltee eatis e iee soeia oe ei 72 3 38 SVNIN CSC RS NAN NAT haste NA ME aan Saas beet EEE nt es Mes ELA 73 3 4 CONCLUSION sh nn ni nn nn en nr ne tn in ten 75 4 M THODE DE CONCEPTION BAS E SUR DES PATRONS sssssssssssssssssssssssssssssssssssssssees 77 4 1 CYCLE DE DEVELOPPEMENT INT GRANT LA M THODE 78 4 1 1 Expression des besoins et Sp cifications 78 41 22 SCONCE PUON 5 rss cits fustese coczsatedonts ayeaseesds cash da vecasess ches sa tases astases detre eee danois 79 41 51 D veloppements Lis ds cabs cues EEE tess Sada wvea used en te Nid e nets dt tenant en 60 4 2 PATRONS D INTERFACES POUR L E PROCURATION sisi 81 4 2 1 Structure syst matique d un patron ss 82 4 2 2 Organisation du catalogue de patrons sise 85 4 3 VOLUTION DU CATALOGUE nipa mr an h GSR ATANN 86 4 3 1 Suggestion par remplissage du questionnaire 86 4 3 2 valuation et prise en compte de la suggestion 87 ASS NoMa on S ren doves gsias35 a D EE Ea ESE oa EPEa eee dt nt Legs ins 68 44 SCENARIOS D UTILISATION sso ere denim nan A pe tenter an ia in Gras ising 88 4 41 Sout nir la concephon peer arses aa ess ona hidden een AD EEE TRE ESTSP EPF 89 4 4 2 Fav
401. st tr s r gu li re voire quotidienne Par exemple les travailleurs sociaux ont plusieurs demandes d aide g rer en parall le chacune ayant son propre tat d avancement via l application PrimaWeb comme pr sent sur la Figure 76 Une nouvelle demande peut galement tre saisie selon la m me structure que les demandes d j enregistr es La s lection d un dossier entra ne l ouverture de sa description dans une nouvelle fen tre ce qui permet son traitement en paral l le du reste des activit s de l utilisateur Proma wb tast ques N HCE CILAN de mm re wrth D x970 ui Pest Oty Peeri de CP AS Arrel A ennpee pardniigraha ia here wie NISS ES 730109 pito Nam T Num ra de dossier CPAS gt frr mem s ATTA GUN Date d ouverture 10 12 2003 s CERN d maades faidi En pter Mustongue 1 10 13 2005 Cemande Honre Demmente 10 Hit Damurdo en cary Deminse 2 2122008 D cscr encodes re mando 04 7006 Oesa unate ecw ends zano Deamon nncodte Vessan de 5 D103 2006 Otosan ancedee Dem ende s Ft 04 7000 Sapun ewvirre au Comsat Cemante 01 07 2006 RAUDON emeuy w Consul Demsnde 13 07 7006 Oturan nnood e Commande 1400 2006 Fortra deme d reliy Onve aude sturio ive dnsiters dn tiemperation i t 19 14 2000 Drot freag orn pacigle 08 13 9005 BINDS Micaporstiuns 2 twiga Diet frrogiaiao poasie 01 12 9008 oot Pecuperetiins 19 0005 rot fetagraton code QU 900 11 12 7
402. stitue un premier frein leur im plication dans l volution du StyleGuide ils ne sont pas s rs de la pr sence ou de l absence d un probl me tant qu ils n ont pas contact le centre de comp tences en utilisabilit La participation l volution du StyleGuide est une perspective en thousiasmante pour les sujets mais irr aliste sur la plupart des projets o leurs acti vit s sont minut es Tableau 8 Variables exp rimentales valu es VARIABLES EXPERIMENTALES 7 Appropriation a Utilisation du des formes Adh sion a la wireframe StyleGuide Visio Satisfaction Ad quation m thode SCENARIO ais Habitudes en Utilisation Satisfaction Conception Connaissance mod lisation optimale de vis a vis de SWC StateCharts hypertexte SWC SWC Culture en Recul et SC NARIO 2 eet Discussion Lisibilit utilisabilit souplesse 7 Indices Ressources Sentiment SCENARI se d absence utilis es Aisance gratifiant Implication Motivation Suggestion L GENDE Tr s bonne Bonne Faible Tr s faible Nul La section 5 1 pr sentait les similarit s entre notre m thode et celle de SmalS incluant le StyleGuide Ces similarit s ont permis qu au travers de l valuation du StyleGuide nous d ga gions des axes d approfondissement de notre m thode et confortions certains des choix que
403. sup port a la m thode pr sent e dans le chapitre 4 et qui garantit sa mise en ceuvre concr te Il guide le concepteur dans l dition de la structure hypertexte de l application sur la base de patrons d enchainement d crans Le chapitre 7 discute des apports et des limites de ce travail et ouvre des perspecti ves pour des travaux futurs 11 2 Etat de l art des m thodes de conception IHM De nombreux cycles et m thodes de conception guidant les tapes n cessaires la r alisation au d ploiement d une application informatique interactive ont t d velopp s Cette section tudie les cycles de d veloppement exis tants puis les m thodes de support la conception susceptibles de couvrir les besoins du domaine de l e Gouvernement 1 prise en compte de l utilisateur de ses besoins et de ses contraintes 2 sp cification de l application sous plusieurs angles de vue pour une couverture compl te et coh rente des besoins 3 valuation de l utilisabilit en cours de conception et apr s le d ploiement de l application 4 gestion et diffusion de la connaissance ergonomique pour un guidage de la conception vers une application utilisable Cette tude r v le notamment la pertinence d une organisation de la connaissance ergonomique sous forme de patrons d interfaces pour la conception en e Gouvernement 2 1 Cycles de d veloppement de syst mes interactifs 2 2 M thodes de conception centr es utilisateur
404. sversale Une Persona citoyenne invent e pour une application pr sentera des caract ristiques inattendues pour l quipe de conception d une autre application et l ex cution de sc narios sur la base de cette personne fictive sera une valuation int ressante Ce croisement de Personas aidera les quipes de conception envisager le large champ des caract ristiques possibles pour un citoyen Pour ce faire toutefois un cadre de d finition pr cis et complet des Personas doit tre agr par tous les projets participants pour plus de lisibilit moins d ambiguit et une information suffisante pour plusieurs domaines d application dans l e Gouvernement La vie priv e de la Persona devra tre renseign e en d tails situation familiale nombre d enfants ville de r sidence projets person nels ainsi que sa vie professionnelle formation profession statut projets professionnels ou encore sa vie citoyenne implication dans la vie de la cit adh sion une association habitudes de participation la vie citoyenne Pour la capitalisation des connaissances le meilleur moyen de stockage et de r utilisation concr te des savoir faire est le patron de conception d interface Cette m thode permet de formaliser les connaissances emmagasin es sous une forme directement applicable Toutefois le cadre de classement des patrons et leur composition doivent tre tudi s pour le cas particu lier d une application
405. t diteurs et Soigner la pr sentation Ces cat gories suivent un processus naturel de conception d interface en traitant dans un pre mier temps les questions li es au contenu dans un deuxi me temps les questions li es l interaction fonctionnelle avec l utilisateur et enfin les questions de graphisme Les patrons sont d crits suivant la structure suivante Quoi r sum de la mise en place du patron Cas d utilisation Pourquoi argumentation rationnelle de l utilisation du patron bas e sur des re commandations ergonomiques dans la plupart des cas Comment d tails sur l impl mentation du patron appuy s par un sch ma informel explicatif Exemples captures d crans d exemples r els comment s et annot s YUI The Yahoo Design Pattern Library Yahoo 2007 Cette biblioth que de patrons est maintenue par un groupe de concepteurs d interface de Yahoo Le processus de r flexion qui a men la classification de ces patrons est disponible en ligne Malone Leacock et Wheeler 2005 A l heure actuelle Septembre 2007 la classifica tion est faite selon les buts de l utilisateur de l utilisateur de l application Rechercher Navi guer Lire S lectionner Interagir Donner un retour d exp rience Personnaliser Les pa trons de Yahoo sont des patrons de nature traditionnelle c est dire qu ils proviennent d observations d interfaces dans des cas r els et de standardisation d interfa
406. t ins r dans l environnement de l utilisateur et qui fait l objet d une valuation de son utilisabilit Il s agit de la m thode la plus s re de d tection de probl mes d utilisabilit puisque l observation de l activit est au centre de la m thode Lorsque des hypoth ses sont mises par avance par l valuateur et que l observation a pour but de les v rifier p ex les utilisateurs r alisent leurs activit s quotidiennes plus rapidement gr ce au nouvel artefact on parle d observation ar m e dans un contexte de faits provoqu s par l valuateur par opposition une observation pure et simple des faits tels qu ils se produiraient d eux m mes 42 La technique du Thinking Aloud H Rex Hartson et coll 1996 est un support l observation de faits provoqu s il est demand a l utilisateur de verbaliser un maximum ses pens es ressentis et raisonnements afin de saisir au plus pr s les m canismes de son utilisation de l application Cette m thode de verbalisation s av re plus efficace car plus naturelle lorsque l observateur est physiquement proche de l utilisateur par opposition aux cas d observations distance avec enregistrement vid o par exemple En ce qui concerne les informations a relever lors de ces observations JoAnn Hackos Hackos et Redish 1998 sugg re un observateur de noter pour une tache donn e e La situation de l utilisateur et de son env
407. t au mod le de navigation et comportant un ensemble d informations La Figure 60 montre un exemple de page g n r e mettant en avant les informations qu elle contient ex traites du mod le State WebCharts dit dans eGovIPM Label de l encha nement Label de la d crans page vement au catalogue Wireframe de la page Cantine de Goville Identification cars Ft de patrons ici g n rique issu du catalogue de patrons Description Description ven Wireframe pf this page tuelle de la page page type login_page Outgoing links Back to index Type de page relati login OK gt Gesti erreur ce login Available for all pages of Cantine de Goville screenflow vers ecole gt Ec external link Liens sortants de la page Liens vers les patrons correspondant l enchainement d crans et la page Figure 60 Exemple de page XHTML g n r e automatiquement 137 L utilisateur type d eGovIPM est un analyste en charge de la conception pr liminaire de l interface pour une application d e Procuration Le mod le de navigation tabli servira de sup port la communication de l analyste vers l quipe de d veloppement en tant que d finition de la navigation et des wireframes de pages En effet le client n a g n ralement pas le recul n ces saire pour exprimer son avis et valider le mod le de navigation qui est exprim dans un jargon
408. t ce mot clef dans le moteur de recherche interne du catalogue La Figure 39 montre le r sultat de cette recherche qui retourne notamment le patron Calendrier qui contient le mot date 2 FlorenceAdmin e sp cial R sultats de la recherche herche e date BON p atrons Aucune page intitul e date n existe Vous pouvez cr er cet article e G OV Pour plus d informations sur la recherche dans Patrons eGov voir Aide navigation Affichage de 3 r sultats partir du 1 Accueil a Communaut Ea Voir 20 pr c dents 20 suivants 20 50 100 250 500 Modifications r centes Aucun titre d article ne correspond la recherche s Une page au hasard a Aide x Faire un don Correspondances dans le texte d articles menere 1 AccuseDeReception 2 770 octets Gate 38 le date et l heure 6 laquelle le procedure a ts enre Consulter 2 Gestion de dossiers 1 845 octets Rechercher 33 par date de cr ation ou tout sute attribut concernant la rc 3 Galenidian 2 325 octets 4 est souhsitsble d autoriser les actions sur les dates figurant dans le calendrier pour rendre le calen a Importer une image ou un son 12 u 8 une date psss e Dans le cas contraire ces dates pass es sursient d tre gris es rendues in a Pages sp ciales 27 avec pas o peu de paremetres sur plusieurs dates 39 mentaire 8 affiches lors de l activation d une date 26 er une l gende color e et
409. t l utilit du StyleGuide pour la concep tion de wireframe de pages et du formalisme StateWebCharts pour la sp cification de la naviga tion Le troisi me sc nario concerne la lisibilit des productions des deux t ches pr c dentes et la possibilit de discussion autour de tels artefacts la recherche de consensus Le quatri me et dernier sc nario porte sur l volutivit du StyleGuide et le r le que ses utilisateurs pensent y jouer Un entretien final permet ensuite au sujet de pr ciser des points s il le souhaite Les sc narios ont t observ s sur une population de N 8 sujets principalement des ana lystes 5 sur 8 mais aussi un architecte et deux chefs de projet ces deux derniers n tant pas des utilisateurs directs du StyleGuide mais des incitateurs son usage Sc nario 1 Concevoir un wireframe de page avec le support du StyleGuide Le site Web d une cantine communale doit tre con u Un acc s par identifiant autorise un parent consulter ajouter ou supprimer des repas pour ses enfants Un autre acc s par identi fiant permet au personnel de la cantine de consulter le nombre de repas pr vus une date don 112 n e Le sujet doit r aliser un wireframe de la page qui permet un parent de consulter ajouter ou supprimer des repas pour ses enfants Pour ce faire le StyleGuide version 1 7 est mis la disposition du sujet ainsi que les formes correspondantes ouvertes dans Visio comme indiqu
410. t le miroir de la vitalit du StyleGuide et donnent l image d une com munaut active qui donne envie aux utilisateurs de s y investir D autre part elles facilitent l utilisation du StyleGuide l tat du StyleGuide est mieux connu de l utilisateur ce qui est l une des r gles de base de l utilisabilit de tout syst me Ces annonces peuvent tre faites sur la page d accueil du StyleGuide chaque modification et class es par ordre chronologique des cendant la plus r cente d abord Un code couleur peut distinguer les modifications mineures p ex correction de coquille correction d un bug sur une forme des modifications de fond p ex ajout d une cat gorie ou des ajouts de guidelines Les modifications significatives peu vent tre en plus envoy es par courrier lectronique une fois par mois aux utilisateurs du Sty leGuide 5 6 2 Bilan et perspectives pour notre m thode Les observations effectu es sur le StyleGuide valident certains partis pris de notre m thode et sugg rent des perspectives de travail Le d ploiement d une m thode de conception d interfaces bas e sur des patrons peut tre rendue plus optimal d apr s les observations rele v es chez SmalS et nous les pr sentons ci apr s Le formalisme State WebCharts doit de plus tre utilis de fa on plus rigoureuse au vu des observations des sujets Rendre le catalogue de patron utilisable Les atouts et les probl mes d
411. t n cessaire dans le domaine d application ce qui n est pour le mo ment pas le cas en termes de support l dition de contenu Ils pourraient proposer un support 59 efficace en fournissant des l ments d information et de description standard Le manque d efficacit des patrons d interface vient donc de leur manque d adaptation au contexte d e Procuration qui nous int resse ici 2 6 3 Capitaliser la connaissance Les observations trop circonstanci es ne sont pas r utilisables car le cadre de l e Gouvernement et notamment son acceptation chez les citoyens fluctuent tr s rapidement L environnement des agents administratifs volue rapidement galement Notamment Vintroduction d une nouvelle application modifie significativement l environnement d utilisation l tude r alis e pour l introduction d une premi re application sera donc p rim e au moment d en introduire une seconde Cependant certaines Personas repr sentant des ci toyens peuvent tre r utilis es d une application sur l autre L exemple de Persona Matthieu propos dans la Figure 11 peut ainsi tre invoqu e dans la conception de toute application d e Procuration destin e un citoyen fran ais en activit d claration de revenus changement d adresse gestion de compte d assur social etc Il peut d ailleurs tre judicieux de croiser entre projets ou quipes de conception ce genre de Persona tran
412. technique Mais le client peut en connaissance de cause valider l encha nement d crans et les wireframes qui y apparaissent car le squelette d application produit par eGovIPM offre un ni veau d interaction non r aliste mais suggestif C est en cela qu eGovIPM est un premier pas dans la phase de d veloppement grace a lui l analyste peut fournir une sp cification de la na vigation et de l interface l quipe de d veloppement 6 2 TECHNOLOGIES UTILISEES eGovIPM est un plugin Java de l environnement de d veloppement Eclipse ce qui assure une portabilit et une facilit d installation de l outil Les mod les StateWebCharts manipul s sont stock s au format XML et dit s de fa on interactive avec une palette d objets pages et enchainements d crans mise disposition de l utilisateur comme il appara t droite de la Figure 61 Cette section pr sente l architecture logicielle de l outil eGovIPM cf 6 2 1 puis expose les aspects techniques de ses fonctionnalit s d dition cf 6 2 2 et de g n ration auto matique cf 6 2 3 civ WS QP iO i H Hr eer ss E icy Resource Proj Ex H SWC Graphical Editor dashboard_genericxml 33 ue Bay Palette 3 test Dashboard kk Select edit_constraints I Marquee B cantinexml Transitions dashboard_generi ob Bice dashboard_sflogit LD System B dashlog xml G States B editablewizard_ge Bi
413. temps a partir des suggestions des concepteurs eux m mes et sous le contr le d un comit de direction De plus SmalS guide les concepteurs dans l application de ces standards en fournissant des outils d op rationnalisation permettant un prototypage rapide Par le biais du StyleGuide nous menons une valuation de l utilisabilit d une m thode proche de la n tre support e par le StyleGuide lui m me et par des moyens d op rationnalisation de celui ci pour les analystes et les d veloppeurs d interface Cette section d taille les moyens de diffusion et de maintenance de cette m thode et des supports qui lui sont associ s dans le cadre de notre exp rimentation l entreprise SmalS 101 5 2 1 Utilisateurs du StyleGuide et responsables de sa gestion La gestion du contenu du StyleGuide doit tre formalis e et organis e avec soin pour que son volution soit souple et que ce contenu soit toujours valide Le Usability Competency Cen ter est responsable de la maintenance du contenu et en particulier des recommandations qui d coulent de leurs comp tences en facteurs humains et en conception d interface Ce groupe produit aussi un ensemble de formes Visio qui accompagne le StyleGuide pour la conception de wireframes cf 5 2 3 Ils fournissent galement un support aux concepteurs dans l utilisation du StyleGuide Un comit technique travaille quant a lui sur la conception et la maintenance des fragments de
414. teur lui m me 109 L observation de faits provoqu s servira de m thode de validation de cette hypoth se en core une fois en combinaison avec un entretien compl mentaire Une fonctionnalit doit tre ajout e au site qui a servi d tude de cas pour les sc narios pr c dents Cette fonctionnalit im plique notamment l ajout d une page pour cette page aucune recommandation ne figure dans le StyleGuide Pour que la totalit de l exp rimentation ne d passe pas 90 minutes cette ab sence de recommandation sera signal e au sujet et nous lui demanderons comment il se serait rendu compte de l absence d un guideline adapt son cas L alternative plus co teuse en temps aurait t d observer le sujet la recherche de ce guideline particulier En situation r elle le sujet aurait alors a utiliser d autres ressources que le StyleGuide pour produire un wireframe de page pertinent pourquoi ne pas partager les conclusions de cette exp rience par le biais du StyleGuide Via un formulaire papier le sujet devra soumettre une suggestion de guideline l quipe responsable du StyleGuide propos de cette page absente du StyleGuide Les facteurs observ s seront les suivants e Indices de l absence d un guideline adapt quel moment le sujet sait il qu un guideline est absent du StyleGuide Quelle est alors son attitude e Ressources utilis es pour la composition de la suggestion l uti
415. tilisateur Les op rations mises a disposition par le biais de tels sch mas de navigation sont de courte dur e afin que l utilisateur soit rapidement de retour sur le tableau de bord Le mod le StateWebCharts de cette structure de navigation est pr sent sur la Figure 82 Chaque op ration peut tre une page simple ou bien une s quence de pages Architecture hub and spoke Identification de l utilisateur Tableau de bord r i Figure 82 Mod le SWC de l encha nement d crans Architecture hub and spoke INTEGRATION A UN PORTAIL L int gration un portail se fait g n ralement selon un sch ma de navigation de type Gestion de dossier comme montr sur la Figure 83 pour l application de gestion des inter ruptions de carri re et cr dit temps Une nouvelle fen tre est ouverte chaque d marrage d une application du portail De cette fa on en d pit de l apparence h t rog ne des applications ac cessibles depuis le portail la coh rence est gard e La page du portail qui a permis de lancer l application et qui contient les liens hypertextes essentiels au rep rage p ex lien vers la page d accueil lien vers plan du site appara t toujours en arri re plan https www socialsecurity be site_fr Applics dmfa index htm dernier acc s 25 sept 08 https www socialsecurity be site_fr civilservant Applics elo index htm dernier acc s 24 mars 08 176 Annexe A En
416. tion cf Figure 68 et la page Gestion des repas cf Figure 69 Le wireframe de la page Identification n a pas t personnalis par l utilisateur le wireframe g n rique appara t donc tel qu il figure dans le catalogue de patrons pour le patron Page de login Au contraire le wireframe qui appara t sur la page Gestion des repas est celui qui a t enregis tr au format JPG par l utilisateur et dont le nom a t indiqu sur le mod le State WebCharts lors de son dition dans eGovIPM Les liens hypertextes figurant dans ces pages sont actifs Le lien Back to index dans le bandeau d en t te droite appara t sur toutes les pages du squelette il m ne la page dont l tat State WebCharts correspondant est d fini comme initial Les liens sortant de la page courante m nent vers d autres pages Les liens sp cifi ques une page c est dire les liens dont la source est l tat State WebCharts cor respondant la page sont distingu s des liens accessibles depuis tout l encha nement d crans courant c est dire les liens dont la source est le p re de l tat StateWebCharts correspondant la page Parmi les liens sortants de la page les liens externes sont tiquet s comme tels cf lien vers l cole de Goville marqu external link La cible de ces liens est l URL indiqu e dans l attribut file de ces tats externes Pour conserver la main d
417. tion conception participative prototypage basse fid lit groupes de discussion outils et m thodes d valuation constitue un support consul tatif la conception et des supports efficaces de discussion ils sont pr cieux mais insuffisants pour guider l quipe de conception de mani re concr te Ils ne fournissent pas de r gles de bonne conduite suivre pour s assurer du bien fond d une d cision de conception d interface Les mod les s attachant la description d une partie de l application doivent tre combi n s pour constituer un v ritable support la conception cf 2 3 3 Le d veloppement d une architecture de conception bas e sur plusieurs mod les serait un support pertinent la concep tion d applications d e Procuration Pontico Farenc et Winckler 2006 Cependant sans cadre m thodologique bien structur un tel mode de conception requiert la pr sence d experts des diff rents domaines de mod lisation dans l quipe de conception ce qui est une hypoth se uto pique et qui exclut la plupart des membres de l quipe de conception du travail de r flexion De mani re g n rale except les mod les qui aident la conception d une partie de l application les m thodes tudi es s av rent faibles en termes de support concret la concep tion Les patrons d interface peuvent quant eux tre d une utilit remarquable si leur conte nu est conforme ce qui es
418. tion d ontologie qui satisfasse les besoins en termes de navigation tout en conservant ses atouts lors de l volution du volume de patrons dans le catalogue La mani re la plus l mentaire de classer les patrons d interface est de les organiser sui vant l ordre de lecture qui surviendrait dans un processus de conception lin aire Les questions de conception s articulent suivant un degr de granularit de plus en plus fin les questions concernant la globalit de l application sont d abord tudi es suivies de questions sur des l ments d interface de plus en plus pointus pour en arriver aux widgets de l interface Le mode de classement retenu est ainsi le m me que celui qui r gissait les fragments d interface r currents dans la section 3 3 Les patrons d encha nement d crans sont regroup s et apparaissent en premier traitant de probl mes d articulation des pages au sein de l application La structure hypertexte est consi d r e comme tant la vue la plus globale sur l application Les patrons de page arrivent en suite figurant les pages apparaissant par ailleurs dans les patrons d encha nements d crans La m thodologie a pour objectif de soutenir les d buts de la conception et en particulier la phase d analyse fonctionnelle Les choix de conception d interface ne vont donc pas jusqu au niveau des widgets et le degr de d tail maximum sera celui des patrons de composants de base
419. tion qui correspondent bien son cas concret Le catalogue est accessible en ligne a l adresse http fpontico free fr Pontico 2008 site Web de type Wiki con u avec l outil MediaWiki La Figure 28 montre la page d accueil de ce catalogue La consultation du catalogue est en libre acc s en revanche les modifications sont de la responsabilit de l administrateur Toutefois tout visiteur peut d poser une suggestion d ajout ou de modification de patron par email un formulaire l y invite d crivant les informations donner Un moteur de recherche sur le cata logue est accessible dans la colonne de gauche e article discussion modifier historique Accueil Ce catalogue au format wiki permet la consultation de patrons d interface pour la conception d applications d e Gouvernement p atrons a Contacter le responsable du catalogue eGov Sugg rer l ajout ou la modification d un patron navigation a Accueil Communaut Actualit s Modifications r centes Sommaire masquer a Une page au hasard 4 Actualit s Aide Fs RE z 2 Enchainements d crans Faire un don 3 Pages rechercher 4 Composants de base Consulter Actualit s Rechercher Page Liste de taches ajout e 2 juin 2008 bote outis Page d formulaire ajout e 2 juin 2008 m Pages ites Bon exemple ajout sur la page Calendrier 22 mai 2008 Suivi des lens e see Calendrier ajoute 28 avril 2008 e Imp
420. tional citoyen l entreprise professionnel portal A amp i 4 e S ks T zag Actualit s Services en ligne Pour la citaven v Figure 78 Page d accueil du portail de la s curit sociale belge capture d cran r alis e le 24 mars 2008 iE propos Ge ts S curit Sociala Contact Plan du site be Homepage Citoyen Entreprise Protossionnet Q securitesociale be citoyen Vous n tes pas annonc s annoncer s enregistrer informations et services en ligne pour le citoyen Th mes Services en ligne amaai mmmminmnnte a stone ot motos nacsana nnntenn e Actueliemest vrurs neaver Figure 79 En t te des pages de l espace consacr aux citoyens capture d cran r alis e le 24 mars 2008 174 Annexe A Encha nements d crans r currents Ce mode de classification du contenu et des fonctionnalit s d une application d e Procuration donne l utilisateur novice l impression d obtenir une interface personnalis e et de ne disposer que des fonctionnalit s qui le concernent L puration de la masse d informations et de fonctionnalit s permet ainsi l utilisateur d avoir un acc s plus direct celles qui l int ressent Toutefois d autres parties de l application peuvent le concerner et un m me utili sateur peut d tenir plusieurs r les p ex un chef d entreprise est aussi un citoyen le r le cou rant doit appara tre clairement sur les pages visit es ainsi que
421. tr moyennant une adaptation au contexte concern Cette m thode de support la conception a t initi e dans le domaine de l architecture au travers de patrons de conception de b timents de rues ou encore de jardins publics Alexander et coll 1977 En informatique le probl me trait par un patron de concep tion peut porter sur l architecture logicielle Gamma et coll 1994 l organisation de l quipe de conception ou encore l interface utilisateur C est ce dernier type de patrons de conception que nous nous int ressons ici un patron d interface r pond un probl me de conception d interface sur la base de la connaissance de la communaut en IHM et en fournissant une solution directement applicable guide le concepteur vers de bonnes pratiques de conception Un obstacle l utilisation optimale de patrons est l organisation des patrons au sein d un catalogue qui rend la recherche difficile et surtout la multitude de sources souvent redondan tes qui se pr sentent au concepteur Dearden et Finlay 2006 Toutefois la litt rature ne pro pose pas notre connaissance d valuation de l utilisabilit des catalogues de patrons d interfaces en situation r elle d usage Des valuations de l utilisabilit de patrons comme m thode de conception aupr s d tudiants en informatique ont permis de d gager des axes de r flexion ce propos Les anti patrons Brown et coll 1998 erreurs r
422. ts lus respectivement non lus apparaissent en t te gr ce la fl che d en t te de la deuxi me colonne Figure 97 Liste d l ments pouvant tre tri e sur l application e Box capture d cran r alis e en octobre 2006 ENTREES DE L UTILISATEUR Recus ____ corbeitte Rechercher dans Tous les documents correspondant aux crit res suivants Cacher l cran de recherche Crit res g n raux Num ro de ticket Lus Recus depuis rer a Non lus F Demand CES A EC EE ET I ET M amp C4 Certificat de ch mage pour GUY RENE TONIEL 25 10 2006 23 04 2007 SMALS MVM FT x D claration simplifi e d un accident du travail 19 19 2006 17 04 2007 DRS SMALS MVM 10 UT amp Feuille de renseignements Incapacit de trava 18 10 2006 16 04 2007 DRS SMALS MVM 24 D amp Salaires et temps de travail apr s accident d 17 10 2006 15 04 2007 DRS SMALS MVM 11 UT m Salaires et temps de travail apr s accident d 17 10 2006 15 04 2007 DRS SMALS MVM 11 UT amp Vakantieattest voor bedienden voor ELS VERVOORT 12 10 2006 10 04 2007 DRS SMALS MVM 20 UT B 340 000ZMWB 00 B 20 12 10 2006 10 04 2007 DRS SMALS MVM 7 C C3 2 maandelijks economische redenen voor M 11 10 2006 09 04 2007 DRS SMALS MVM 22 M amp C4 Werkloosheidsbewijs voor MARIE PAULE DELPO 11 10 2006 09 04 2007 DRS SMALS MUM 27 UT Vereenvoudigde aangifte van een arbeidsongeval 11 19 2006 09 04 2007 DRS
423. tte sp cification Une sp cification compl te passe par la sp cifica tion de tous ces angles de vue et leur mise en correspondance La pr sente section s attache discuter des m thodes de sp cification pour une application d e Procuration Nous tudions d abord les l ments d une application d e Procuration dont la description est requise pour la sp cification de l application c est dire l importance relative des angles de vue sur une appli cation d e Procuration Les m thodes tudi es dans les sections pr c dentes sont ensuite compa r es au vu de leur couverture des l ments list s Des exp riences de sp cification pour l e Gouvernement issues de travaux acad miques sont ensuite rapport es Informations n cessaires a la sp cification d une application d e Procuration Une proc dure administrative est un ensemble coordonn d activit s r alis es par des agents qui en ont la comp tence Dans un domaine hi rarchis tel que l administration Vallocation d un r le un agent lui ouvre en effet des droits en termes d acc s des donn es et de r alisation de t ches L allocation d un r le peut tre temporaire p ex d l gation de la r ali sation d une t che ou d finitive La sp cification d une t che d e Procuration implique donc des informations concernant le domaine l organisation et la proc dure comme l illustre la Figure 17 Pontico Farenc et Win
424. ture de l application et du site e Conception du site Cette phase consiste affiner les sp cifications d apr s leur contenu la fin une carte de navigation et un mod le de page ont t d finis ainsi qu une sp cification d taill e qui guidera l impl mentation de l application Web e D veloppement du site c est dire Impl mentation Cette phase correspond la construction physique de l application Web a la production des pages HTML et l ventuelle int gration de lecteurs de m dia son ou vid o A la fin toutes les pa ges ont un contenu des liens et des l ments graphiques incorpor s et application est livr e e Utilisation et valuation du site Cette phase est destin e a valuer des prototypes avanc s avec des utilisateurs finaux Elle a aussi pour but de v rifier que le produit des phases pr c dentes respecte les besoins et le contexte d utilisation identifi s dans la premi re phase L valuation de l utilisabilit par des tests utilisateurs ou par l inspection de r gles ergonomiques est l activit principale de cette phase e Maintenance du site Cette phase peut durer longtemps puisque c est ici que le concepteur est charg de recueillir de nouvelles informations et les modifications de planning qui ont t demand es au cours de la phase d utilisation et d valuation Contexte Besoins 2 Sp cification du site Charte graphique Structure M
425. ture hypertexte description avec State WebCharts Les comparer avec vos propositions et apporter d ventuelles modifications pour produire une proposition optimale Cantine de Goville Accueil et login parent retour t ee Enfants inscrits valider au jour J si date repas gt aujourd hui 3 jours voir autre date Figure 103 Mod le StateWebCharts talon du site Web de la cantine de Goville Cantine de l cole de Goville de Soie Bienvenue Identifiez vous avec le nom et le mot de passe qui vous ont t remis l cole Votre mot de passe Coo E Figure 104 Page talon du site Web de la cantine de Goville accueil et formulaire d identification 198 Annexe D Mat riel d valuation du StyleGuide Cantine de l cole de Goville Bp Ennis de Gove Modifier les repas pr vus pour vos enfants Mr Pierre Pauljak Ponctuellement i CT es PC a a mM Tous les lundis O Tous les mardis O Tous les jeudis D Tous les vendredis Figure 105 Page talon du site Web de la cantine de Goville gestion par un parent des repas de ses enfants 199 Annexe D Mat riel d valuation du StyleGuide 200 Cantine de l cole de Goville Be Core do Gui i Mr Pierre Pauljak am Modifier les rapas pr vus pour vos enfants Jim Confirmation Imprimer cette page La modfication des repas de Jm a bian t prise en compte o uvem Date J mmi
426. typage ra pide Web Semantics Design Method Troyer Casteleyn et Plessers 2008 WSDM tait d j cit dans la section pr c dente cf 2 3 1 pour le mod le de navigation que cette m thodologie de conception propose Nous faisons ici de nouveau allusion cette m thode dans la mesure o elle offre une particularit tr s pertinente pour une conception cen tr e sur l utilisateur WSDM utilise la notion de t che utilisateur comme socle fondateur du cycle de d veloppement L quipe de conception recense les utilisateurs finaux et les r pertorie en fonction de l ensemble de t ches qui leur est associ e Ces t ches sont mod lis es gr ce au formalisme CTT cette activit de mod lisation constituant l tape fondatrice de la conception conceptuelle Chaque t che est mod lis e de telle sorte qu elle pr cise les donn es et les fonc tionnalit s dont elle a besoin Des mod les compl mentaires formalisant les concepts du do maine utilisant OWL standard de repr sentation des donn es du Web s mantique la pr senta tion et la navigation se greffent ensuite pour aller vers l impl mentation du site Web tout entier 2 3 3 M thodes de sp cification pour une application d e Procuration Les sections pr c dentes 2 3 1 et 2 3 2 ont montr qu une application Web peut tre sp cifi e sous plusieurs angles de vue selon le moment de la conception et le propos du concep teur qui est en charge de ce
427. u cadre m thodologique du catalogue et la formalisation de leur contenu Comme il a t d taill dans le chapitre 4 M thode de conception bas e sur des patrons nous avons tudi les moyens de rendre le catalogue utile d s les premi res tapes de la conception d interface en fournissant des repr sentations non ambigu s de l interface quoique partielles et utilisable pour les activit s d exploration et de personnalisation par tout membre de l quipe de conception pour am liorer la communication entre intervenants 5 1 1 Objet de l valuation le StyleGuide Notre m thode suit les m mes pr ceptes de conception d interface et c est l le majeur point commun de ces deux approches Le domaine d application de ces m thodes est le m me Indications 99 l e Procuration ce qui a son importance lorsqu il s agit de baser une m thode sur des patrons Les patrons mergent en effet de l existant et de la connaissance g n ralement empirique que les concepteurs ont des solutions de conception d j prouv es Les utilisateurs cibl s sont simi laires l exception des d veloppeurs d interface puisque nous excluons les recommandations d un niveau technique et l objectif est dans les deux cas de les aider dans la r alisation de prototypes moyenne fid lit en d but de conception Le support pour la diffusion des patrons nomm s guidelines dans la m thodologie SmalS est identi
428. u catalogue eux m mes Ce budget transversal comprend galement un coup d ceil r gulier aux actualit s du catalogue mises en avant sur la page d accueil de notre catalogue cf Figure 38 De plus tous les trois mois l envoi d un courrier lectronique est pr conis courrier adress tous les utilisa teurs du catalogue pour les informer des ajouts et des modifications majeures effectu es Sans une officialisation de ces activit s de participation le catalogue est vou l abandon de ses utilisateurs faute d informations jour qu ils puissent utiliser Int grer des l ments de interface aux mod les State WebCharts Les l ments d finis par les sujets comme manquants au formalisme State WebCharts peuvent tre repr sent s si le formalisme est consid r de fa on plus compl te Il s agit princi palement de pr conditions sur les transitions et de signalement de la partie de l interface qui 131 permet l activation d une transition Formaliser les transitions en explicitant les l ments d interfaces r actifs peut aider retrouver les informations requises dans les habitudes de travail des sujets interrog s L utilisateur de StateWebCharts qui souhaite mod liser la structure hyper texte de son application doit ainsi tre incit a utiliser au maximum les st r otypes des transi tions Il peut ainsi indiquer sans entrer dans les d tails des l ments d interface qui seront fix
429. u client c est dire aupr s du point de contact de l institution demandeuse de l application d velopper La discussion est orient e par l analyste pour obtenir suffisamment d informations et pouvoir concevoir les documents de formalisation des besoins Faute de temps cette discussion est parfois remplac e par un bref descriptif des besoins par le client des it rations de red finition des besoins tant alors pr voir la premi re d finition de l interface n est pas approfondie La formalisation des besoins exige une couverture large des fonctionnalit s de l application par l analyste Il est sugg r tout d abord de lister les fonctionnalit s par le biais des fonctionnalit s accessibles via l application concevoir Pour ce faire un diagramme de cas d utilisations UML est adapt les acteurs de l application sont associ s des t ches que l application leur donne la possibilit de r aliser Lorsque la cat gorisation de l acteur modifie les fonctionnalit s qui lui sont accessibles et que cette cat gorisation passe par une action de sa part p ex saisie d un identifiant et d un mot de passe l acteur Visiteur non identifi sera 78 associ cette fonctionnalit de reconnaissance les profils identifiables figureront ses c t s associ s aux fonctionnalit s qui leur sont r serv es Les acteurs de l application sont ensuite d crits sous un angle diff rent
430. u de granularit pour que l ordre de r flexion naturel de la conception soit res pect Cette organisation est compl t e par une ontologie des concepts inclus dans les patrons Un catalogue de patrons tant par nature volutif une proc dure de suggestion d ajout de la part des utilisateurs du catalogue est d crite en association avec notre m thode cf 4 3 Lors d ventuelles mises jour du catalogue des recommandations en terme de communication sont qd d livr es La bonne acceptabilit d un support fortement volutif tel qu un catalogue de patron n cessite en effet une excellente visibilit des changements qui lui sont apport s Deux sc na rios d utilisation de la m thode illustrent ce chapitre cf 4 4 l un d eux int gre un outil de support qui sera pr sent dans le chapitre 6 4 1 CYCLE DE DEVELOPPEMENT INTEGRANT LA METHODE Le cycle de vie recommand pour l int gration de notre m thode de support la concep tion d interfaces pour l e Gouvernement est bas sur le cycle de vie en O Scapin et coll 2000 Nous avions not dans l tat de l art que le cycle de vie en O pouvait int grer des m thodes de prototypage et qu il pr sentait des atouts en termes de gestion de l volutivit de l application cf 2 1 8 Les tapes de ce cycle de vie sont ici adapt es l e Gouvernement et aux m thodes que nous proposons comme support La Figure 27 montre ces adaptations
431. ubli d un champ ou d une erreur syntaxique Dans le cas de certaines applications des erreurs s mantiques peuvent tre d finies galement p ex le cong maternit ne peut pas concerner un homme Les concepteurs des pages analys es au fil de notre tude ont pris soin de mettre en avant les champs concern s par les erreurs r f rence au label du champ dans le message d erreur mise en surbrillance du champ concern comme dans l exemple de la Figure 102 Les erreurs peuvent tre indiqu es comme dans ce m me exemple en t te de page ou bien par une fen tre contextuelle modale Les erreurs suivantes sont apparues Le type d enqu te doit tre choisi L origine de l enqu te doit tre remplie La fin de p riode doit tre remplie Le d but de p riode doit tre rempli Nouvelle enqu te Num ro 2006 000949 Date de la demande 25 io 2006 j25 10 2006 B Commentaire Ajouter Annuler Figure 102 Alerte sur des erreurs de saisie d un formulaire de l application iBoss capture d cran r alis e en octobre 2006 En Anglais pop up 188 Annexe C Questionnaire d valuation du StyleGuide Annexe C Questionnaire d valuation du StyleGuide Ce questionnaire a t con u par le biais de la version gratuite de SurveyMonkey Enqu te sur l utilisation du StyleGuide pr questionnaire Quitter gt 1
432. ue la prise en compte des besoins des concepteurs en termes de support la communication et de guidage est un facteur important pour assurer la qualit des interfaces produites Dans cette th se nous nous sommes int ress s au processus de conception des applications d e Gouvernement Apr s une analyse approfondie de la litt rature et des observations men es sur le terrain nous avons pu constater que le d ve loppement d interfaces utilisateurs pour les applications d e Gouvernement est une activit tr s sensible et complexe Ces applications peuvent tre consid r es sensibles cause des donn es d ordre priv qui sont manipul es et des cons quences des actes des utilisateurs souvent avec des implications l gales p ex amende en cas de d passement du d lai pour r aliser sa d clara tion d imp ts en ligne Les applications d e Gouvernement peuvent tre consid r es comme complexes parce que leur d veloppement requiert l intervention de plusieurs corps de m tiers qui doivent travailler conjointement parce que ces applications doivent tre mises disposition d un public tr s large avec des interfaces soumises des contraintes l gales p ex vie priv e accessibilit ou parce que ces applications sont susceptibles d voluer en fonction de change ments de la l gislation L objectif principal des travaux r alis s est de proposer un cadre m thodologique pour guider les diff rents intervenants q
433. uelle peut tre trouv e et sp cifi e Hyp 2 Si un utilisateur U2 est mis en pr sence de wireframes d enchainement d crans et de wireframes de pages produits par un autre utilisateur U1 Alors U2 peut lire les wireframes de U1 et U2 peut comparer sa propre production celle de U1 et U2 peut proposer des am liorations pour sa production et ou pour celle de U1 La m thode exp rimentale qui nous permettra de mesurer la validit de cette hypoth se consistera en la pr sentation au sujet de wireframes de page et d un mod le StateWebCharts commenter Ces artefacts traitent du cas d tude sur lequel il aura eu r fl chir pr c demment Il lui sera demand de lire et de critiquer ces propositions en vue d en tirer le meilleur et d envisager oralement de combiner ces atouts ceux de ses propres propositions Les facteurs observ s seront les suivants e Lisibilit et expressivit du mod le State WebCharts talon e Niveau de culture en utilisabilit dans le cadre de la critique des wireframes de pa ges e Recul et souplesse dans la recherche de consensus cette variable sera consid r e avec circonspection dans la mesure o elle est fortement d pendante du profil du su jet concern de son exp rience et de sa personnalit 5 3 3 Le StyleGuide favorise la r utilisation de la connaissance issue d exp riences de conception Lorsqu un probl me de conception d interface est rencontr
434. ues qui soit adapt au contexte de d ploiement de application Ana Cristina Bichar ra Garcia Bicharra Garcia Maciel et Bicharra Pinto 2005 propose une extension des heuristi ques pour le Web de Jakob Nielsen Nielsen 2005 pour le cas particulier de l e Gouvernement Les crit res a satisfaire restent les m mes le concepteur doit prendre garde minimiser la charge cognitive de l utilisateur m nager sa tol rance aux lenteurs du syst me offrir une large port e l application pour tout type de support et pour tout type d utilisateur r duire l effort physique lors de l utilisation et encourager la confiance que l utilisateur place dans l application Aux composants propos s par Jakob Nielsen pour satisfaire ces crit res p ex visibilit de l tat du syst me pr vention des erreurs les auteurs ajoutent des composants re quis dans le cadre de l e Gouvernement accessibilit interop rabilit s curit et respect de la vie priv e fiabilit de l information souplesse du service et transparence Au del de ces heu ristiques d autres recommandations ergonomiques peuvent alimenter l inspection experte d une application d e Gouvernement par exemple des conseils pour la conception de formulaires lec troniques Axelsson et Ventura 2007 2 5 M THODES DE GESTION DE LA CONNAISSANCE ERGONOMIQUE Les m thodes de gestion de la connaissance ergonomique viennent en compl ment des
435. ui participent au processus de conception vers le d veloppe ment d applications utilisables La m thode que nous proposons s est appuy e sur la capitalisa tion de connaissances ergonomiques par le biais d un catalogue de patrons de conception d interfaces qui sont directement applicables notre domaine d tude c est dire le Procuration Le travail qui a t r alis autour de ce catalogue de patrons consiste assembler des solutions existantes dans la litt rature et ou sur le terrain et les organiser pour permettre une recherche clairvoyante parmi les bonnes pratiques de conception qu ils proposent L utilisation de patrons de conception d interface a des implications multiples pour le domaine de l e Gouvernement Tout d abord le catalogue de patrons de conception fournit un entrep t unique de bonnes pratiques de conception qui est disponible tout moment et pour tous les intervenants du processus de conception L impact imm diat de la mise en place de ce cata logue telle qu elle a t observ e sur le terrain est que les diff rents intervenants peuvent se servir de certains l ments du catalogue pour communiquer leurs id es et argumenter leurs choix de conception Ce catalogue peut avoir un caract re officiel au sein d une organisation et ce titre contribuer une d marche qualit des interfaces bas e sur l homog n it des applica tions produites par une m me organisation Un appo
436. upport Cette comparaison donne clairement l avantage une organisation bas e sur des principes issus du Web s mantique telle que le pr conise Scott Henninger Henninger et Ashokkumar 2005 Un outil est associ cette m thode afin d aider l dition d ontologie pour le tissage des patrons il s agit de BORE Building an Organizational Repository of Experiences qui n est malheureusement plus disponible l heure actuelle De puissants outils de visualisation d ontologies existent toutefois et peuvent a fortiori servir pour une ontologie de patrons citons parmi eux Jambalaya Storey et coll 2001 un outil de visualisation greff l environnement d dition d ontologies Prot g Stanford Center for Biomedical Informatics Research 2008 3 3 ANALYSE DES INTERFACES DES APPLICATIONS D VELOPP ES Lors du s jour chez SmalS nous avons eu l opportunit en plus de l observation des ac tivit s de conception de participer la mise en uvre du StyleGuide par le biais de l tude th orique pr sent e ci dessus cf 3 2 mais aussi par une analyse des applications existantes Nous y avons observ a priori une certaine r currence dans les interfaces d applications d e Procuration corrobor e par les r flexes de r utilisation des d veloppeurs de l entreprise cf 3 1 2 Nous avons souhait confirmer ou infirmer cette impression par une tude statistique Cette tude a t me
437. urnies concernent l expertise de l utilisateur les choix de conception disposition du concep teur en fonction du contexte de l application i Menu de Texte Formulaire s lection de conversation d entr e Sons de validation Interface explorable 2 Param trage multiple 4 Fen tres coop ratives Symboles visuels 9 Symboles cliquables Jardin de fen tres 6 Symboles Pane explicatifs dialogue Aide Zone de feedback contextuelle sans production 8 Figure 23 Vue partielle du r seau des patrons Experiences issu de Coram et Lee 2002 Centre de contr l de commandes 5 oO Catalogue de patrons d interfaces Web de Montero et coll 2002 Ce catalogue propose des patrons d di s la conception d applications web utilisables Trois niveaux de sp cification apparaissent comme pr conis par Christopher Alexander Alexander et coll 1977 c est dire suivant le niveau de granularit de la question de concep tion d interface consid r e Niveau site web Niveau page et Niveau ornementation De plus comme d crit dans la Figure 24 ci dessous un r seau est tiss entre les patrons de m me niveau mais aussi entre patrons de niveaux diff rents Ce tissage suit le sens de la r flexion lors de la conception en proposant d associer une question d autres questions de granularit plus faible La description des patrons eux m mes suit la structure suivant
438. urs et pouvoir s lectionner parmi eux un chantillon repr sentatif de sujets avec lesquels mener l exp rimentation Finalement compte tenu du faible nombre de participants tous seront retenus et certains participeront l exp rimentation sans avoir au pr alable rempli le pr questionnaire Onze questionnaires ont au total t compl t s remplis par les sujets rencontr s pour l exp rimentation mais aussi par des personnes n ayant pas pu parti ciper l exp rimentation Aucune tude statistique n a t men e sur ces donn es trop peu nombreuses une interpr tation r serv e des r sultats a toutefois pu tre fournie cf 5 5 1 Ensuite les observations de faits provoqu s ont t men es en avril 2008 dans le but de confirmer ou infirmer les hypoth ses mises dans la section 5 3 Ils ont t men s en moyenne durant 90 minutes avec des sujets analystes Certains sc narios provoqu s cf 5 4 4 incluant http www surveymonkey com dernier acc s 25 sept 08 110 l utilisation du StyleGuide et des outils associ s leur observation nous permet de relever des probl mes r currents Les sujets sont encourag s verbaliser leurs r flexions et leurs actions protocole think aloud et interrompent parfois leurs sc narios pour une digression sur leurs exp riences avec le StyleGuide ou en tant qu analyste Des entretiens cons cutifs aux sc narios permettent de recueillir des in
439. utilisateurs en conditions r elles d utilisation de l application Web ces donn es sont sou vent collect es par les applications d e Gouvernement Afin de savoir dans quelle direction les donn es sont collect es et quels indices sont recherch s des KPI Key Performance Indicators sont utilis s tels que ceux propos s par l tat de Victoria en Australie Victoria Online 2006 usage du site nombre mensuel de pages visit es de visiteurs uniques de sessions localisation des visiteurs visiteurs de l tat de Victoria et autres rapport de visiteurs d j venus et de nou veaux visiteurs sites d origine des visiteurs mots clefs saisis dans des moteurs de recherche sites r f rents nombre d inscriptions une lettre d information nombre d abonnements un fil RSS Really Simple Syndication mots clefs saisis dans le moteur de recherche interne Les donn es d usage collect es peuvent tre exploit es automatiquement pour l interface de l application et permettre par exemple un acc s rapide aux pages que le visiteur souhaite pro bablement visiter c est dire ayant un nombre de visites important Indicateurs clefs de performance Syndication vraiment simple Lorsqu un utilisateur s abonne au fil RSS d un site Web il est alert d s que des mises jour sont effectu es sur le site 47 Consid rant qu une inspection heuristique n a de valeur que pour un ensemble d heuristiq
440. ux m thodes 58 d une m me cat gorie couvrent diff remment un ensemble de crit res donn s selon le profil scientifique des auteurs de la m thode et leurs objectifs Nous avions pu constater cette disparit entre m thodes dans le Tableau 1 Ad quation aux besoins de l e Procuration des m thodes de sp cification de syst mes interactifs tudi es Les crit res sont ici valu s sur les cat gories de m thodes de fa on g n rale selon la couverture moyenne des m thodes de la cat gorie mais aussi selon la raison d tre initiale de la cat gorie de m thode consid r e Cette valuation globale nous a permis de d gager des pistes sur le bien fond de l emploi de ces m thodes pour la conception en e Gouvernement Ces pistes sont pr sent es ci apr s selon les trois besoins d gag s pour la conception en e Gouvernement 1 Favoriser la communication 2 Soutenir la conception et 3 Capitaliser les connaissances 2 6 1 Favoriser la communication Les mod les tudi s dans cette section peuvent tre lisibles par tout membre de l quipe de conception si le formalisme est choisi selon un crit re de lisibilit et non ambigu t et moyennant une formation la lecture et l dition simple a minima de ces mod les En tant que description formelle d une partie de l application ils peuvent servir de support la discussion et tre modifi s de fa on coop rative pour atteindre une solution consensuelle
441. ve de d finition de Personas ou de groupes de discussions e prototypes de l interface e rapports d valuation ergonomique de l interface r alis s gr ce l observation de Vutilisateur l inspection de r gles ou automatiquement gr ce un outil La conception d une application Web comporte une grande part de discussions contradic toires pour l mergence de solutions satisfaisantes La r alisation des artefacts de sp cification voqu s plus haut donne lieu des discussions au sein des membres de l quipe de conception qui y participent Une fois l artefact r alis l quipe de conception en tient compte pour les tapes suivantes de la conception p ex modification d l ments non ergonomiques de l interface d veloppement d un prototype haute fid lit adaptation du vocabulaire de l application d apr s les remarques mises en groupe de discussion Ces deux tapes de r alisa tion de la m thode et d adaptation de la conception aux conclusions tir es constituent deux oc casions pour tout ou partie de l quipe de conception d changer ses points de vue et de discuter des suites de la conception de l application Dans le cadre de l e Procuration une m thode d aide la conception de l interface doit suivre les principes list s ci dessous et produire des artefacts qui suivent galement ces principes e La m thode offre un support la communication au sein de l quipe
442. vernment unit 2004 Section508 gov 2008 Dans un domaine particulier ou dans le cadre d une entreprise les recommandations ergonomiques sont un moyen de d finir pr cis ment leurs exigences en mati re d utilisabilit p ex Le site Web doit tre accessible aux utilisateurs quip s d un lecteur d cran audio et de fournir en m me temps des moyens d valuer ces m mes exigences sur des applications existantes De m me les r gles ergonomi ques constituent un format ad quat pour l expression des standards de bonne conduite de conception dit s par les organismes de standardisation internationaux A titre d exemple la recommandation de la Figure 18 est extraite des recommandations nationales du Royaume Uni pour la conception d applications d e Gouvernement la Figure 19 pr sente quant a elle un standard d accessibilit issu de l initiative du WAI Web Accessibility Initiative Initiative pour l accessibilit du Web 48 2 2 4 Adresses de contact Une adresse postale compl te doit tre fournie ainsi qu une adresse email Les adresses personnelles doivent tre vit es par exemple richard hotmail com devrait tre vit e au profit de richard e envoy gov uk Sinon des adresses g n riques peuvent tre utilis es si la strat gie de votre organisation le permet par exemple webquidelines e envoy gsi gov uk Ce type d adresse permet la portabilit des adresses email en cas de
443. vons tablies n ont en effet pas fait l objet de validation par un expert L objectif est ici de montrer la faisabilit de l dition d un mod le de navigation qui soit contrainte par un ensemble de r gles pour lesquelles nous proposons ce mode de description simple Une page ou un encha nement d crans peut tre ajout au mod le de navigation en cours d dition si son type l y autorise Le Tableau 9 montre le nombre d apparitions autoris es dans un encha nement d crans pour une page ou un encha nement d crans Le tableau se lit comme suit l enchainement d crans qui figure sur une ligne peut contenir x fois l l ment qui figure sur une colonne Par exemple un tableau de bord peut contenir un formulaire de contact mais pas d tape d assistant Tableau 9 Nombre d apparitions autoris es dans un enchainement d crans Liste d informations rassembler Formulaire de con Page de formulaire Page de login Liste de t ches Avertissement avant tape d assistant S quence de login Tableau de bord Assistant avec guidage fort Assistant avec guidage souple c Q 5 Q D Q D pa v D Ka un 5 Q Q lt 0 1 1 1 Assistant avec r capitulatif ditable f R capitulatif L dition d une transition consiste en la redirection d une extr mit de la transition d un tat vers un autre Les contraintes sur ce typ

Télécharger

Contents

Download Pdf Manuals

Related Search

Related Contents

T&eacute;l&eacute;charger

Contents

Download Pdf Manuals

Related Search

Related Contents

Télécharger