UI Design

[remillc-udem]

J'ouvre la discussion sur la question de l'interface utilisateur de notre prochain site. En particulier:

• Le besoin de nommer et définir les caractéristiques visuelles, d'accessibilité (et autres???) de chaque composant d'interface;
• Le besoin de collaboration dans la création et le maintien de cette bibliothèque de composants, tant au niveau du codage que du point de vue tests usagers, aspects éditoriaux et collaboration avec des partenaires externes.

Il y a quelques concepts à nommer (ceci n'est pas exhaustif, mais un point de départ) :

Composant

Un bout de l'interface autonome. Par exemple:

• bouton
• liste
• item de liste
• groupe d'onglets
• onglet
• grid

Variantes

Chaque composant peut se décliner en variantes (exemple tiré de Material Design: elevated, filled, filled tonal, outlined, text, icon, FAB, extended FAB)

Thème

Il s'agit d'une liste de propriétés (token?) qui définissent une caractéristique de notre visuel. Par exemple:

• couleur de base du texte
• couleur primaire
• couleur secondaire
• couleur de base du fond (d'écran)
• police de base
• taille de base du texte

System design

L'ensemble de tout ce qui précède, plus des énoncés de principes (fondation) touchant aussi bien le visuel que la rédaction et bien plus. Le "plus" dépasse le cadre de cet issue.

Outils

On explore Figma comme candidat d'outil pour créer et maintenir l'ensemble de nos composants, ce qui n'empêche pas de discuter d'alternatives.