Comment créer une UX/UI consistante ?

La cohérence ou consistance est la propriété d'une théorie exempte de contradiction.

POURQUOI ?

Vous économisez du temps et de l'argent

Vous faites économiser du temps à vos utilisateurs

Vous évitez de frustrer vos utilisateurs

Know your enemy and know yourself and you always be victorious

 

Sun Tzu

  • Les inconsistances visuelles

  • Les inconsistances fonctionnelles

  • Les inconsistances internes

  • Les inconsistances externes

Vos Ennemies

Et vous ...

Developpeurs

UX/UI  Designers

Symboles

Composants

Standards

Styles enregistrés (layer, texte) , palette couleurs

Stylesheet (layer, texte), mixins SCSS...

Réutilisable

Developpeurs

UX/UI  Designers

Symboles

Composants

Standards

Styles enregistrés (layer, texte) , palette couleurs

Stylesheet (layer, texte), mixins SCSS...

Réutilisable

Les variables d'un projet

  • Ecrites à un seul endroit
  • Connues par les devs / UXs
  • Toujours  à jour

Un standard de projet accessible

1

On sait si notre symboles est au standard du projet

2

On met à jour le standard et/ou le symbole si besoin

3

Demo

REX

  • Anthony et Louis Marie du découpage des composants avec les développeurs
  • Anthony et Antoine discute avec les développeurs des noms de variable

Les nexts steps

  • Faire des vérifications sur les typographies
  • Pouvoir lancer les vérification sur tout une page
  • Faire des vérifications sur les Best Practices UX

C'est tout pour nous ...

A vous de jouer :)