42 points par carnoxen 2025-01-23 | 12 commentaires | Partager sur WhatsApp

Il s’agit d’un site qui présente un ensemble de références de design à appliquer lors de la création d’applications web pour les administrations et organismes publics en Corée. Le 16/01/2025, les « lignes directrices UI/UX des services publics numériques » ont été renommées « système de design coréen (KRDS) ».

Principaux changements

  1. Ajout de nouvelles lignes directrices (11 catégories)
    • Style de design : élévation (Elevation), mode d’affichage à fort contraste (High contrast mode)
    • Navigation : barres d’onglets (Tab bars)
    • Mise en page et présentation : écran de démarrage (Splash screen), liste de texte (Text list)
    • Sélection : interrupteur à bascule (Toggle switch)
    • Aide : infobulle (Tooltip)
    • Paramètres : changement de langue (Language switcher), redimensionnement de l’écran (Resize)
    • Contenu : média accessible, contenu masqué visuellement (Visually hidden)
  2. Amélioration du contenu détaillé des lignes directrices existantes et compléments aux prototypes standard (20 catégories)
    • Style de design (5 catégories) : couleur (Color), typographie (Typography), forme (Shape), mise en page (Layout), icône (Icon)
    • Composants (7 catégories) : identifiant de l’organisme exploitant (Identifier), en-tête (Header), pied de page (Footer), menu principal (Main menu), bouton radio (Radio button), sélection (Select), téléversement de fichier (File upload)
    • Modèles de base (2 catégories) : formulaire de saisie, filtrage et tri
    • Modèles de service (6 catégories) : (recherche) saisie du terme de recherche, (recherche) consultation des résultats de recherche, (recherche) recherche avancée, (connexion) saisie des informations de connexion, (connexion) utilisation du service, (demande) vérification des informations du service

Éléments associés

12 commentaires

 
bobross0 2025-02-05

Pourquoi c’est bien fait, alors...

 
jjpark78 2025-01-24

S’ils ont le temps et la volonté de faire ce genre de chose, ils devraient aussi mettre la même énergie à se débarrasser de Java et du framework Spring..

Qu’ils définissent simplement, de façon stricte et sans faille, le niveau de sécurité, la qualité requise pour passer les tests, les normes de communication standard, les standards d’authentification, etc.

J’aimerais que les PME puissent développer librement, sans être dominées par un langage ou un framework.

L’effet négatif du verrouillage technologique du framework gouvernemental coréen, qui maintient artificiellement en vie un langage Java en déclin, risque plus tard de prendre une ampleur boule de neige, et ça fait peur.

 
carnoxen 2025-01-24

On pourra peut-être trouver une alternative à Java, mais pour Spring, j’en doute...

 
techtech 2025-01-24

C’est vraiment très bien !!

 
riki3 2025-01-23

?? Pourquoi... l'ont-ils bien conçu ?

 
jic5760 2025-01-24

MDRRRR, franchement pourquoi c’est aussi bien foutu....
Ça fait un peu penser à Toss aussi

 
white9s 2025-01-23

On dirait qu’un gros travail a été fourni, et la qualité est excellente.
J’espère que cela continuera à être maintenu régulièrement à l’avenir.

 
savvykang 2025-01-23

Voici une ressource de référence sur les design systems gouvernementaux de différents pays dans le monde. https://github.com/ctdesign/gov-design-systems-list/…

 
bbulbum 2025-01-23

À l’époque des précédentes directives pour les services publics, j’avais trouvé le guide sérieusement bien fait, donc on dirait qu’ils vont encore davantage le pousser.
Le style si particulier propre aux organismes publics me paraît un peu étrange, mais ce n’est pas mauvais.

 
bbulbum 2025-01-23

Il y a aussi des liens vers GitHub et Figma.

 
nemorize 2025-01-23

C’est mieux que je ne le pensais, en fait… ?!

 
felizgeek 2025-01-23

Il peut être installé avec JS et CSS, et il y a aussi des exemples de code pour les composants.
C’est excellent, car il peut fonctionner sans dépendances.

<link href="https://cdn.jsdelivr.net/npm/krds-uiux@1.0.1/…; type="text/css" rel="stylesheet" />
<script defer src="https://cdn.jsdelivr.net/npm/krds-uiux@1.0.1/…;

Code du Head du composant inclus
https://www.krds.go.kr/html/site/component/component_02_03.html