Link @ Etalab Accompagner la promotion des EIG Valoriser et ouvrir les réalisations des équipes Infuser une dynamique entrepreneuriale au sein de la DINSIC
processus de design system • Chercher à construire un design system au sein du programme EIG, le mettre en application afin d'en définir les limites, les conditions et les règles https://github.com/entrepreneur-interet-general/design-system
est un processus de définition de l'architecture, des modules, des interfaces et des données permettant à un système de satisfaire à des exigences spécifiques. La conception de système pourrait être considérée comme l'application de la théorie des systèmes au développement de produits. Dans l'espace numérique, un design system est un processus référentiel UX et UI que les éditeurs et les parties prenantes utilisent pour designer et développer un ou plusieurs produits ou services. Quel que soit l'objet (application, plateforme de service, siteweb…), quel que soit le secteur (BtoC, BtoB, BtoE…) et quel que soit les supports (web, mobile, print…).
composantes du design : Visuel: les éléments visuels permettent de faire apparaître les valeurs, le positionnement et la raison d’être et sont la base de la perception des utilisateurs. Usages : les usages doivent être les plus simples et intuitifs possibles pour les utilisateurs et correspondent aux comportements des utilisateurs en ligne. Langage : le langage est la manière dont une organisation s’adresse à ses utilisateurs afin de les accompagner dans leurs prises de décisions et leurs actions.
https://design-system.service.gov.uk/ du Gouvernement anglais • https://designers.italia.it/ du Gouvernement italien • https://designsystem.gov.au/ du Gouvernement australien • https://brand.estonia.ee/ du Gouvernement estonien • https://design.gccollab.ca/ du Gouvernement canadien
du design : 1. Image : garder une cohérence d’image de marque entre l’ensemble de leurs outils numériques mais aussi de leurs autres supports d’expression (print, corporate, retail…). 2. Cohérence : offrir aux utilisateurs une cohérence dans les usages, les éléments graphiques et la manière de communiquer sur leurs différents produits numériques. 3. Optimisation : optimiser le temps de design, de développement et ainsi optimiser leur budget et leur time-to-market. 4. Organisation : permettre à l’ensemble des intervenants d’avoir un point central qui fera référence et apportera la cohérence souhaitée.
du design : 1. Image : garder une cohérence d’image de marque entre l’ensemble de leurs outils numériques mais aussi de leurs autres supports d’expression (print, corporate, retail…). 2. Cohérence : offrir aux utilisateurs une cohérence dans les usages, les éléments graphiques et la manière de communiquer sur leurs différents produits numériques. 3. Optimisation : optimiser le temps de design, de développement et ainsi optimiser leur budget et leur time-to-market. 4. Organisation : permettre à l’ensemble des intervenants d’avoir un point central qui fera référence et apportera la cohérence souhaitée.
design system est un produit vivant qui évolue et s’améliore avec le temps en fonction des nouveaux besoins, des nouveaux usages. • Agnostique : c’est le design qui doit diriger le développement et pas l’inverse. Un design system doit donc être pensé indépendamment d’une technologie mais doit pouvoir être compatible avec les technologies des interfaces web. • Atomic : le design system repose sur le principe de l’Atomic Design. Là encore, contrairement aux chartes numériques traditionnelles, un design system n'est pas conçu par pages mais par composants et motifs de l’écosystème numérique de l’entreprise. • Universel : un design system doit pouvoir reprendre un ensemble de standards universels qui permettra aux utilisateurs de ne pas avoir à acquérir de nouvelles habitudes. • Inclusive : le design system doit s'adresser à tous, indépendamment du contexte d’utilisation et du niveau de maturité des utilisateurs avec le numérique. Il doit intégrer les grandes règles d’utilisabilité et d’accessibilité.
Services web (DINSIC/DILA) vs Sites web (SIG) • Open design : Partage de la conception • Standardisation (et non normalisation) • Accessibilité en amont • Point d’entrée unique (service-public.fr) ?
eig2020
lynteo
saka2jp
kaikou
mukai_takeru
hiranotomoki
hilokifigma
keita_yoshikawa
pkshadeck
mhand01
takaikanako
root_recruit
kenichiota0711
baasie
inesmontani
elsirapls
raygrieselhuber
skipperchong
axbom
bkeepers
greggifford
marktimemedia
jonrohan
soudai
panda_program
