Skip to content

Commit

Permalink
updates pages (#163)
Browse files Browse the repository at this point in the history
* updates pages

* Update prototyper.md

* text

* text
  • Loading branch information
coline authored Oct 14, 2020
1 parent 460f503 commit f2e1770
Show file tree
Hide file tree
Showing 7 changed files with 63 additions and 28 deletions.
4 changes: 2 additions & 2 deletions accueil-eig.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ Pour réduire ce risque (vous pouvez aussi consulter le post sur la [pérennisat
et les EIG.

:::tip Ressource
Une checklist vous permettant de suivre les étapes de l'accueil des EIG est disponible [ici](https://github.com/entrepreneur-interet-general/eig-link/blob/master/docs/checklist-arrivee-EIG.pdf).
Une checklist vous permettant de suivre les étapes de l'accueil des EIG est disponible [ici](https://github.com/entrepreneur-interet-general/eig-link/blob/master/docs/checklist-arrivee-EIG.pdf).
:::


Expand All @@ -96,7 +96,7 @@ Une checklist vous permettant de suivre les étapes de l'accueil des EIG est dis

Une fois que vous avez identifié ces personnes, n'hésitez pas à leur présenter les EIG en personne (même de manière informelle).

Vous pouvez utiliser cet outil de [cartographie des acteurs](https://github.com/entrepreneur-interet-general/eig-link/blob/master/docs/template-carto-acteurs.pdf) pour identifier les parties prenantes de votre projet que les EIG devraient rencontrer.
Vous pouvez utiliser cet outil de [cartographie des acteurs](https://github.com/entrepreneur-interet-general/eig-link/blob/master/docs/EIG_CadrageDefi.pdf) pour identifier les parties prenantes de votre projet que les EIG devraient rencontrer.


### Aider les EIG à se familiariser avec le métier et à se faire connaître dans leur administration d'accueil
Expand Down
44 changes: 21 additions & 23 deletions design.md
Original file line number Diff line number Diff line change
@@ -1,46 +1,44 @@
# Ressources Design

Les ressources suivantes peuvent être utiles à la fois aux designers fraîchement arrivés dans l'administration et aux mentors cherchant à découvrir ou approfondir leur connaissance du design :

[[toc]]

## Ressources design de l'Etat
## Initier une démarche design
- La boite à outils **[Comment faire](http://comment-faire.modernisation.gouv.fr/)** permet de découvrir les méthodes de design de service ou de politique publique. Conçu par la DITP (Direction interministérielle de la transformation publique) elle offre une appropriation de la méthode [design thinking](http://comment-faire.modernisation.gouv.fr/demarche-design/) aux services publics.

Les ressources suivantes peuvent être utiles à la fois aux designers fraîchement arrivés dans l'administration ou les mentors cherchant à découvrir ou approfondir leur connaissance sur le design :
### Rencontrer ses utilisateurs
Il est nécessaire de développer une connaissance fine des utilisateurs, de leurs besoins, de leurs objectifs, de leurs contextes d’usages. Les entretiens exploratoires permettent de découvrir une situation de travail, une problématique. La compréhension du processus global permet alors d’identifier des points faibles pouvant servir de levier pour améliorer l’expérience.
- [Réaliser des entretiens avec vos utilisateurs](https://doc.incubateur.net/design/nos-rendez-vous-design/formation/realiser-des-entretiens-avec-vos-utilisateurs)

- La boite à outils **[Comment faire](http://comment-faire.modernisation.gouv.fr/)** permet de découvrir les méthodes de design de service ou de politique publique. Conçu par la DITP (Direction interministérielle de la transformation publique) elle offre une appropriation de la méthode [design thinking](http://comment-faire.modernisation.gouv.fr/demarche-design/) aux services publics.
## Concevoir un produit numérique
- La **[cheklist PIDILA](https://pidila.gitlab.io/checklist-pidila)** est la fusion des critères listées dans de nombreux référentiels comme la **charte internet de l'État**, le **RGAA**, mais aussi le Cerfa numérique, les bonnes pratiques Opquast, d'éco-conception et du [référentiel général d'interopérabilité](http://references.modernisation.gouv.fr/interoperabilite). L'équipe PIDILA a également d'autres ressources utiles pour la qualité et l’accessibilité des sites web de la DILA (Direction de l'information légale et administrative) en charge, entre autre, de la plateforme [service-public.fr](https://www.service-public.fr/) sur leur **[GitLab](https://pidila.gitlab.io/)**.

### Design sysytem de l'État
- La page [design d’Etalab](https://etalab.github.io/etalab/design.html) permet d'expliciter la notion de design system, contenant des exemples de **[design systems gouvernementaux](https://github.com/entrepreneur-interet-general/design-system#exemples-de-design-systems)**, et des ressources utiles aux développeurs.
- Comme son nom l'indique, le site **[template.data.gouv.fr](https://template.data.gouv.fr/)** est un template de composants UI pour l'écosystème Etalab/BetaGouv (cf. [GitHub](http://github.com/etalab/template.data.gouv.fr))

## Outils

### Outils
En terme d'outils de conception d'interface utilisateur, les principaux outils utilisés par les designers du programme sont :

- [Sketch](https://www.sketch.com/), disponible en version d'essai un mois, est l'un des outils offrant le plus de ressources partagées à la fois sur [SketchAppSources](https://www.sketchappsources.com/), sur GitHub et dans de nombreux *[design systems](https://github.com/entrepreneur-interet-general/design-system)*.
- [Figma](https://www.figma.com/) est une application web qui offre l'avantage d'être disponible en ligne, combine les fonctionnalités de Sketch ainsi que d'InVision et Zeplin (version gratuite à petite échelle).
- [Adobe XD](https://www.adobe.com/fr/products/xd.html) est l'outil historique et complet du designer comportant également une version gratuite à périmètre fonctionnel réduit.

Ces principaux outils sont cités également pour les mentors afin de [préparer le poste de travail des EIG](./accueil-eig.md).

## Communauté & ressources communautaires

Pour partager vos pratiques et vos ressources de designer il existe plusieurs espaces et moments d'échanges dans l'administration publique :
- Le [Hub des communautés](https://www.modernisation.gouv.fr/le-hub-des-communautes), est une liste de communauté de professionnels innovants dans la transformation du secteur public dont certains ont une certaine expertise du design, comme la [communauté UX](https://www.numerique.gouv.fr/actualites/rejoignez-la-communaute-ux-services-publics-en-ligne/).
- La [CNIL a une communauté de designers et de professionnel du numérique](https://design.cnil.fr/) pour construire des parcours utilisateurs respectueux de la vie privée et des concepts du RGPD, et faisant suite au [cahier IP6 - La forme de choix](https://linc.cnil.fr/fr/cahier-ip6-la-forme-des-choix-0).

## Ouvrir son design

### Ouvrir son design
La [loi pour une République Numérique de 2016](https://www.legifrance.gouv.fr/affichCodeArticle.do?cidTexte=LEGITEXT000031366350&idArticle=LEGIARTI000031367689&dateTexte=&categorieLien=cid) oblige les administrations à publier les documents administratifs qu'elles produisent sous licence libre. La production d'un designer est assimilée à un document administratif une fois que celui-ci est terminé. Cette production doit donc être publiée sous licence libre, comme le [code source d'un logiciel](./opensource.md).

Nous vous conseillons donc de créer et de publier sur un dépôt [GitHub de l'organisation Entrepreneurs d’intérêt général](https://github.com/entrepreneur-interet-general/) (ou une autre forge selon votre ministère) vos produtions en licence ouverte, vos recherches, documentations, productions de maquettes, prototypes, templates, logos... Exemple avec le dépôt : [Brigade Numérique](https://github.com/entrepreneur-interet-general/brigade-numerique)

### Format des données
Nous vous conseillons donc de créer et de publier sur un dépôt [GitHub de l'organisation Entrepreneurs d’intérêt général](https://github.com/entrepreneur-interet-general/) (ou une autre forge selon votre ministère) vos productions en licence ouverte, vos recherches, documentations, productions de maquettes, prototypes, templates, logos... Exemple avec le dépôt : [Brigade Numérique](https://github.com/entrepreneur-interet-general/brigade-numerique)

La loi pour une République Numérique de 2016 demande également l'utilisation des formats favorisant l'interopérabilité, c'est le droit à la portabilité. Il faut donc privilégier des formats ouverts et lisibles par des machines autant que possible.
> Pour les débutants de GitHub, nous vous conseillons d'avoir l'outil [GitHub Desktop](https://desktop.github.com/) afin de *commiter* vos productions sur votre dépôt.
Concernant les productions des designers, il est donc préférable d'exporter son travail aux formats ouverts suivants `.svg` ou `.eps`, bien qu'il soit courant de voir des fichiers aux formats `.sketch` ou `.ai`.

### Pour les débutants de GitHub

Pour les débutants de GitHub, nous vous conseillons d'avoir l'outil [GitHub Desktop](https://desktop.github.com/) afin de *commiter* vos productions sur votre dépot.
**Format des données**
La loi pour une République Numérique de 2016 demande également l'utilisation des formats favorisant l'interopérabilité, c'est le droit à la portabilité. Il faut donc privilégier des formats ouverts et lisibles par d'autres autant que possible.

Concernant les productions de design, il est donc préférable d'exporter son travail aux formats ouverts suivants `.svg` ou `.eps`, bien qu'il soit courant de voir des fichiers aux formats `.sketch` ou `.ai`.

## Communautés design
Pour partager vos pratiques et vos ressources de designer il existe plusieurs espaces et moments d'échanges dans l'administration publique :
- Le [Hub des communautés](https://www.modernisation.gouv.fr/le-hub-des-communautes), est une liste de communauté de professionnels innovants dans la transformation du secteur public dont certains ont une certaine expertise du design, comme la [communauté UX](https://www.numerique.gouv.fr/actualites/rejoignez-la-communaute-ux-services-publics-en-ligne/).
- La [CNIL a une communauté de designers et de professionnel du numérique](https://design.cnil.fr/) pour construire des parcours utilisateurs respectueux de la vie privée et des concepts du RGPD, et faisant suite au [cahier IP6 - La forme de choix](https://linc.cnil.fr/fr/cahier-ip6-la-forme-des-choix-0).
File renamed without changes.
Binary file added docs/EIG_Indicateurs.pdf
Binary file not shown.
Binary file added docs/EIG_VisionDefi.pdf
Binary file not shown.
18 changes: 17 additions & 1 deletion preparation-defi.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,19 @@
# Préparer et suivre les défis

_a venir_

### Partager la vision du défi

La formulation initiale du défi pose la problématique de départ, les usagers visées, ainsi que le changement et les bénéfices espérés par la mise en place du projet.
Cette vision, formulée collectivement en début de projet accompagnera les avancées du défi en s'assurant que l'ambition et les objectifs du défi soient partagés par l'équipe du projet.
- [Fiche : Vision du défi](https://github.com/entrepreneur-interet-general/eig-link/blob/master/docs/EIG_VisionDefi.pdf)

### Anticiper les freins et chercher des opportunités

Au démarrage du défi, en équipe, il est important d'identifier les freins que vous pourrez rencontrer sur le projet. Il est alors intéressant les mettre en perspective de l'ambition du défi pour s'assurer que le projet soit réaliste et réalisable. Cela déterminera aussi la stratégie que vous pourrez mettre en place pour contourner ou intégrer certaines contraintes identifiées.
De la même façon, vous pouvez réfléchir aux ouvertures possibles du défi, ce vers quoi la solution peut tendre. Ce seront autant d'hypothèses qui seront à explorer dans le projet.


### Suivre les avancées des défis

Mettre en place des revues régulières du défi permet de valider les orientations du projet et d'obtenir des retours sur les choix de conception.
En impliquant l’équipe tout au long du processus de conception du produit vous pourrez vous assurez de l'alignement des parties prenantes avec l'ambition et la vision du projet.
25 changes: 23 additions & 2 deletions prototyper.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,24 @@
# Prototyper
# Prototyper et tester

_A venir_
Un processus itératif de recherche et d’expérimentation permettra d’explorer les solutions possibles et de prendre des décisions concernant les orientations du projets et des choix de conception ou techniques.

[[toc]]

## Incarner et rendre visible une solution
Concevoir des prototypes dès le démarrage du projet aide à préfigurer le fonctionnement de la solution en situation réelle.
Avec un prototype, vous proposez à vos usagers une première expérience, vous mesurez si la solution répond à leurs besoins et vous observez leur compréhension du service et leurs interactions afin d’améliorer votre solution. En rendant visible un début de solution, tôt dans le projet, vous permettez aussi aux parties prenantes du service de se projeter concrètement dans son fonctionnement et d’anticiper ses conditions de mise en œuvre.
Les tests menés sur un prototype seront autant de retours et apprentissages à intégrer de façon itérative au projet.

## Expérimenter et recueillir des apprentissages
En construisant un prototype, vous allez vous interroger sur ce que vous souhaitez en apprendre. Quelles seraient les idées ou les hypothèses a tester de la solution. Votre prototype permettra de les étayer, les corriger ou encore de les invalider.
Selon le niveau de clareté ou d'avancement du projet, les prototypes peuvent répondre à plusieurs questions :
- **Au stade de simple intention** : Afin de s'assurer que la vision du projet soit bien partagée par les parties prenantes, vous pouvez échanger sur une définition commune de la problématique et des objectifs visés. Cela permet d'identifier les divergences ou convergences.
- **Une fois que le concept est arrêté** : Un premier prototype peut permettre de vérifier que la solution envisagée répond aux besoins identifiés. De préciser le cadrage et le périmètre choisit pour démarrer le projet, comme d'obtenir un premier retour des usagers sur la solution qui serait validée ou au contraire, réprouvée. La forme de ce prototype "concept" est souvent une première composante du projet : Un parcours utilisateurs, un scénario d'usage, un liste de fonctionnalités, une architecture de solution, etc...
- **Un prototype intermédiaire**
Un prototype peut présenter autant d'aspects de la solution à tester que d'étapes de conception du projet. Chacun des aspects du prototype peut être tester séparément selon les retours à collecter : faisabilité, valeur d'usage,...
**Un prototype fonctionnel**
Ce niveau de prototype, proche de la forme finale, sera l'occasion de tester la solution conçue dans le temps, et de son appropriation, ses conditions de déploiement, de maintenance... Autant d'aspects qui assureront son succès.

## Tester des prototypes
Dès que le service est testable, il est possible de mettre en place une mesure de l’expérience des usagers à l’aide de questionnaires normés.
- [Tester avec vos utilisateurs (à distance)](https://doc.incubateur.net/design/nos-rendez-vous-design/formation/tester-avec-vos-utilisateurs-a-distance)

0 comments on commit f2e1770

Please sign in to comment.