Presentation

Bienvenue sur le Guide de Style des applications web de l’université d’Aix-Marseille.

Le Guide de Style des applications de l’université d’Aix-Marseille est une collection de composants réutilisable, guidé par des standards et des bonnes pratiques, permettant de concevoir et de créer rapidement une ou plusieurs applications tout en gardant un niveau de qualité élevé.

Ce kit évolutif offre un référentiel UX (Expérience utilisateur) et UI (Interface utilisateur) pour les designers et les développeurs, fournissant des ressources et des directives de conception dont :

Identité de marques (Brand Design) :

Définitions pour les éléments de conception qui rendent l'interface visuellement reconnaissable en tant que membre de la famille de produits de l’université d'Aix Marseille. (l’identité de marque, les polices de caractères, les couleurs, le langage visuel, le logo…).

Fondations et principes (Design principles) :

Directives qui fournissent une compréhension plus large de l'UX pour permettre aux designer UI de prendre des décisions en matière de conception. (Principes de conception, les animations, objectifs d'accessibilité, l’échelle modulaire et les grilles de mise en page).

Bibliothèque de design patterns UI (modèles de conception d’interface utilisateur) :

Modèles de conception (Design patterns) qui constituent nos composants d’interfaces utilisateur, les templates de nos différentes pages, les fichiers références (Les fichiers Sketch, l’iconographie format .png/.svg et le code au format HTML5).

Code :

Bouts de codes qui accompagnent les composants réutilisables par les développeurs pour intégrer et développer l’interface.

Outils :

Partage des logiciels, plugins, applications et techniques utilisés au sein de l’équipe. Partage des préférences et configurations pour gagner du temps lors de l’intégration de nouveaux collaborateurs.


Info : A ce stade, le Guide de Style n'est que de la documentation. Les Pattern UI ne sont pas synchronisés avec le site de production : c’est pourquoi il nous faut le consulter régulièrement et réaliser des mises à jour au fur et à mesure.