REX — Constitution d’un Design System

Mobiskill
Mobiskill
Feb 14 · 3 min read

Vous n’avez pas pu assister au dernier meetup Vue.js Paris ? Voici un récap’ de la présentation faite par Sophie Moustard, Ingénieur développeur chez Alenvi ! Pour visionner le meetup en entier, ça se passe juste ici.

Exemple : Github

Exemple : ?

Exemple : Github

Design System — Kesako ?

Référentiel UX / UI évolutif : il est constitué d’une bibliothèque de composants, de visuels, de couleurs et de tout élément contribuant à l’identité visuelle et interactive de l’application.

REX — Premiers pas


  • Duplication du code
  • Copier / coller
  • Risque d’incohérence et d’erreur
  • Manque de lisibilité

Création d’une bibliothèque de composants

  • Select
  • Input
  • DateTime

  • Adresse
  • Tableau — liste
  • Modal
  • DatRange — DateTimeRange

Evolutions apportées au fur et a mesure de la multiplication des usages

  • Meilleure communication
  • Rapidité de développement
  • Responsive

Rex — Appronfondissement

  • Entêtes
  • Affichage des textes / heures / chiffres

→ Beneficiaire : NOM P.

→ Auxiliaire : Prénom M.

  • Meilleure expérience utilisateur
  • Meilleure compréhension et prise en main de l’outils

Rex — Avantages

  • Meilleure communication dans l’équipe
  • Lisibilité du code
  • Efficacité / rapidité de développement
  • Responsive
  • Meilleure expérience utilisateur
  • Meilleure compréhension et prise en main de l’outils
  • Simplification de la css

Rex — Points clés

  • Au bon rythme et au bon moment
  • Référentiel partagé par toutes les parties prenantes
  • Évolutif

Permet de donner une identité visuelle propre VOTRE l’application !

Retrouvez toutes nos offres en Vue.js juste ici et nos prochains meetup sur Mobiskill.fr ! À bientôt pour un nouveau meetup :)

La Team Mobiskill

Mobiskill

Written by

Mobiskill

Mobiskill, c’est une équipe de consultants experts en recrutement mais surtout des passionnés du web et du mobile !

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade