Une mthode de conception base sur des patrons dinterface pour leGouvernement

1
Une méthode de conception basée sur des patrons
dinterface pour le-Gouvernement
Florence Pontico Équipe IHCS Interacting Humans
with Computer Systems
Sous la direction de M. Winckler, R. Bernhaupt et
P. Palanque
2
Aperçu de la présentation

• Problématique la conception eGov centrée
  utilisateur
• État de lart
• Contribution
• Observation préliminaire sur le terrain
• Méthode proposée, soutenue par loutil eGovIPM
• Évaluation de notre méthode
• Discussion
• Résultats et perspectives

3
e-Gouvernement

• Utilisation dInternet par les administrations
  publiques pour
• Diffuser des informations et des formulaires
• Sacquitter dun paiement dû e-Paiement
• Permettre de voter sur le Web e-Voting
• Dématérialiser la réalisation de procédures
  administratives sur le Web e-Procuration
• Bénéfices diminution des coûts, meilleure
  circulation des informations, amélioration des
  conditions darchivage, personnalisation des
  services

4
e-Procuration

• Bhoomi (Inde) déclaration de terrains
  cultivablesCrédit photo http//www.bhoomi.kar.n
  ic.in/

5
e-Procuration

• Signalement de changement dadresse (France)
  https//www.changement-adresse.gouv.fr/

6
Utilisateurs de-Gouvernement

• Administrés
• Objectif connu (applications de-Procuration)
• Très large public, avec ?
• Dispositifs utilisés ordinateur de bureau, PDA,
  lecteur décran, plage braille
• Capacités physiques
• Compétences en informatique
• Habitudes de manipulation du Web, degrés de
  confiance
• Obligation légale et éthique dun accès pour tous
• Agents administratifs
• Utilisation quotidienne dans le cadre du travail
• Habitudes, environnement de travail, vocabulaire
• Nécessaire accompagnement au changement

7
Contraintes de conception en eGov

• Pour la spécification publication à la
  conférence TAMODIA06 Pontico, Farenc et Winckler
  06
• Communication entre partenaires aux vocabulaires
  différents
• Lisibilité
• Non ambiguïté
• Support à largumentation
• Support à la recherche de consensus
• Conception dapplications utilisables
• Support à la conception graphique
• Support à lédition du contenu
• Support à la conception de la navigation
• Capitalisation de la connaissance de conception
• Pérennité des solutions développées
• Extensibilité et cadre de stockage

8
COLLECTE DES BESOINS
LÉGENDE
?
?
Nos besoins
Nos besoins
phase 1
Utilisateurs
U1...n Utilisateurs 1...n
C1...n
U1...n
Eu
A
ANALYSE DES BESOINS
?
Besoins fonctionnels
Besoins
Client(s)
C1...n Clients 1...n
Besoins en contenu
phase 2
Besoins utilisateurs
Cp
Re, Rd
A, Eu
A, Eu
Médiateurs
CONCEPTION BASEE SUR PROTOTYPE
A Analyste Cp Chef de projet Re Responsable
éditorial Rd Responsable des développeurs Eu
Experts en utilisabilité Au Assistance
utilisateur
?
?
Demandes de modif.Nouveaux besoins
C1...n
Cp, A, Eu
Re, Rd
G, Re, D
TEST
phase 3
Résultats des tests utilisateurs
Prototype de linterface
Équipe de développement
Eu
U1...n
U1...n
G Graphistes D Développeurs Ebd Experts en
base de données Es Experts en sécurité
IMPLEMENTATION ET DEPLOIEMENT DE LAPPLICATION
?
Application déployée
UTILISATION
Prototype de linterface
?
Problèmes Remarques
phase 4
U1...n
D, Ebd, Es
Rapport dincident
U
Au
9
(No Transcript)
10
Récurrence des applications deGov

• Dans la littérature patrons pour leGov
• Patrons de processus Momotko 07
• Patrons darchitecture logicielle Ouchetto 07
• Pas de patrons dinterfaces
• Exploitation pour la conception
• eCitiz éditeur dapplications de-Procuration
• Chartes graphiques à personnaliser
• Capitalisation de processus
• ARTESI Île de France
• Mise à disposition dun cahier des charges type
  pour les collectivités locales
• SmalS entreprise IT belge deGov
• Réflexe de réutilisation chez les concepteurs
  formalisé par le biais du StyleGuide

11
Soutenir la conception eGov par des patrons
dinterface

• Guider la conception dapplications utilisables
  avec des recommandations ergonomiques
• Associées à des problèmes de conception
  récurrents
• Spécifiques au domaine
• Prêtes à lemploi
• Capitalisation de bonnes conduites de conception
  dinterfaces
• Vers lharmonisation des interfaces cohérence
  transversale pour lutilisateur
• Domaine suffisamment mature pour établir des
  patrons
• Dans un support évolutif qui supporte les ajouts
• Après suggestion des concepteurs
• Liés aux nouvelles technologies

12
Besoins et contraintes

• Utilisabilité des patrons
• Fragments à faire apparaître
• Réflexion sur le contenu, les attributs de
  description
• Organisation du catalogue des patrons
• Pour une recherche rapide et clairvoyante
• Résistante à un volume évolutif
• Création dune communauté de concepteurs
• Communication autour de la méthode
• Incitation à la participation des concepteurs
• Opérationnaliser la méthode
• Intégration à un cycle de développement basé sur
  prototypage
• Support à létablissement de documents de
  conception

13
Aperçu de la contribution

• Observation préliminaire sur le terrain dune
  entreprise eGov
• Méthode de conception basée sur des patrons
  dinterface pour leGov
• Outil de support eGovIPM
• Étude évaluative de la méthode
• Résultats

14
La conception eGov chez SmalS

• Basée à Bruxelles (Belgique)
• Organisation sans but lucratif
• Conception et développement dapplications pour
  le gouvernement belge
• En particulier sécurité sociale, soins de
  santé, sécurité et prévention
• En chiffres (au 31 décembre 2007)
• 1500 personnes (dont 73 dinformaticiens)
• 43 projets

15
Oct.06 Mise en uvre du StyleGuide

• Suite à lobservation de
• La non utilisation des recommandations
  ergonomiques mises à disposition des concepteurs
• Lutilisabilité inégale des interfaces produites
• La réutilisation de fragments dinterface dun
  projet à lautre
• StyleGuide
• Fournir des solutions valides prêtes à lemploi
  pour les problèmes de conception récurrents
  (patrons)
• Pour les analystes avec des wireframes
• Pour les développeurs dinterface avec des
  fragments de code

16
Aide à la mise en place du StyleGuide

• Étude comparative de la littérature
• Modes dorganisation des patrons
• Description des patrons
• Relevé des fragments récurrents dinterface, bons
  et mauvais exemples, à trois niveaux
• Enchaînements décrans
• Pages
• Composants de base
• Publication dans la conférence EGOV 2007 des
  observations sur lintroduction dune méthode de
  conception basée sur des patrons en entreprise IT
  Pontico, Winckler et Limbourg 07

17
Exemple de degrés de granularité Déclaration
dun employé à la sécurité soc.
Étape 2
Étape 4
Enchaînement décrans
Page
Composant de base
18
Conception dun catalogue de patrons dinterface
libre de droits

• Formalisation des patrons, définition uniformisée
• Attributs classiques de description
• Description - Bons et mauvais exemples issus du
  domaine
• Cas dutilisation - Mise en page - Ressources
• pour lintégration au processus de dév.
• Modèles de navigation StateWebCharts Winckler
  03 pour les enchaînements décrans
• Prototypes en fil de fer pour les pages et
  composants de base
• Organisation selon les niveaux de granularité
• Publication dans la conférence EIS 07 Pontico,
  Winckler et Limbourg 07

? http//fpontico.free.fr
19
Cycle de développement intégrant notre méthode
1. Expression des besoins
ContexteBesoins
Nouveaux besoins fonctionnels Nouvelle législation
6. Maintenance
2. Spécification
Cas dutilisation UML Personas Modèle des données
Modèle de la procédure
Contenus
Mesures quantitatives de lutilisationMesures
qualitatives de lutilisationÉvaluation
heuristiqueMise à jour du commanditaire
Modifications dimplémentation
?
5. Utilisation Évaluation
Catalogue de patrons Outil eGovIPM
3. Conception
Suggestion de modification Suggestion dajout
4. Développement
Wireframes de page Modèle de navigation Squelette
XHTML de lapplication
Site Web
Évolution du catalogue
20
Gestion des évolutions du catalogue
Légende
Activité utilisateur du catalogue
Suggestion dévolution du catalogue
Activité comité du catalogue
Ajout/Modification - du catalogue - des
wireframes
Suggestion par remplissage du formulaire
Notification de lévolution du catalogue aux
utilisateurs
Suggestion pertinente
Notification de lanalyste du devenir de sa
suggestion
Suggestion non pertinente
Évaluation de la suggestion
21
Opérationnalisation de la méthode

• Conception et développement dun outil
• eGovIPM eGovernment Interface Patterns Manager
• Plug in de lenvironnement Eclipse
• Personnalisation contrainte des enchaînements
  décrans génériques
• Ajout / suppression de pages
• Modification des labels, ajout de description
• Modification du wireframe de page par défaut
• Génération dun squelette de lapplication
• Pages XHTML liées selon le modèle de navigation
• Insertion du wireframe de page générique / perso.
• Support à la communication dans la conception

22
Exemple de modèle de navigation
vers l ecole
23
Exemple de page générée par eGovIPM
Label de lenchaînement décrans
Label de la page
Type de page relativement au catalogue de patrons
Wireframe de la page (ici générique, issu du
catalogue de patrons)
Description éventuelle de la page
Liens sortants de la page
Liens vers les patrons correspondant à
lenchaînement décrans et à la page
24
Démonstration de loutil eGovIPMConception du
site Web dune cantine

• Cahier des charges
• Accès par identifiant pour les parents
• Consultation des repas auxquels sont inscrits le
  ou les enfants
• Inscription possible

25
Évaluation de la méthode

• Avril 08 1 an ½ après les débuts du StyleGuide
• Stade instable au niveau de la forme et du
  contenu
• Utilisé par une trentaine de personnes
• Formes Visio associées

26
Questions de recherche / Hypothèses

• Le StyleGuide et un formalisme de description de
  la structure hypertexte (p.ex. SWC) sont
  utilisables et ont un pouvoir expressif
  satisfaisant pour la conception dinterface
• Les wireframes de page et le modèle de structure
  hypertexte aident au consensus
• Le StyleGuide favorise la réutilisation de la
  connaissance issue dexpériences de conception

27
Scénarios observés, suivis dentretiens

• Hyp. Utilisabilité et expressivité
• Concevoir un wireframe de page avec le support du
  StyleGuide
• Concevoir une structure hypertexte de site avec
  StateWebCharts
• Hyp. Aide au consensus
• Discuter des propositions dun autre
• Hyp. Favorise la capitalisation de la
  connaissance
• Proposer un ajout de guideline au StyleGuide

28
Collecte et analyse des données

• Scénarios et entretiens auprès de 8 analystes
• Sur leur lieu de travail
• Sélectionnés après leur réponse au pré
  questionnaire
• Enregistrement audio des scénarios et entretiens
• Enregistrement vidéo des interactions avec le
  StyleGuide Visio
• Entretiens avec questions libres et dirigées
• Analyse des données de type Grounded theory
• Variables dévaluation établies daprès les
  hypothèses et à la lecture des données
  collectées
• Objectif proposer des améliorations en termes
  dutilisabilité pour le StyleGuide notre
  méthode

29
Résumé des interprétations
Légende Très bonne Bonne
Faible Très faible - Nul
? Utilisation marginale du StyleGuide ? Supports
jugés utiles pour la conception ? Adhésion
théorique ? Discussion pertinente ?
Appropriation aisée de SWC ? Importance de la
communication ? Besoin dannotations en plus ?
Motivation mais freins concrets à la participation
30
Perspectives

• Catalogue de patrons
• Validation du contenu
• Augmentation du nombre de patrons référencés
• eGovIPM
• Ajout des enchaînements décrans à la palette 
• Couverture totale du catalogue
• Formalisation des contraintes dédition 
• Collection personnalisée de patrons
• Pédagogie autour des corrections fournies 
• Insertion de fragments de code (cf. SmalS)

31
Perspectives

• Élaborer dune ontologie des concepts
• Guider lannotation des modèles StateWebCharts
• Observer lévolution des patrons de ce domaine
• Intégration de patrons de données et de patrons
  de procédures Radeke 2006
• Homogénéisation des interfaces
• Refonte à laide des patrons
• Standardisation

32
Résumé des contributions

• Proposition dune méthode de conception pour
  le-Procuration basée sur des patrons dinterface
• Intégration de la méthode à un processus de
  conception basé sur le prototypage
• Organisation de patrons dinterfaces pour l
  e-Procuration
• Évaluation de la faisabilité de la méthode
• Outillage de la méthode

33
Merci de votre attention!
Florence Pontico Équipe IHCS Interacting Humans
with Computer Systems
Sous la direction de M. Winckler, R. Bernhaupt et
P. Palanque