kit ui

  • 3 à 5 jours
  • Difficulté
    difficile
    • 1
    • 2
    • 3
  • Pertinent pour
    • optimisation
    • refonte
    • nouveauté
  • Souvent utilisé pendant la phase
    • découvrir
    • définir
    • concevoir
    • développer

Garder une homogénéité entre toutes mes pages ?

Un Kit Interface Utilisateur (UI) est une compilation de fichiers graphiques (généralement en .psd), qui contiennent les éléments UI dans le but d'homogénéiser l’interface graphique. Cela inclut des éléments tel que des boutons, checkboxes, barres de chargement, sliders, boutons de navigation, switches etc..

A quoi bon ?

  • S’assurer d’une constance dans le design entre les templates.

  • Fournir aux développeurs une base de travail pour l’intégration de l’interface.

  • Éviter de redoubler d’effort pour dupliquer des éléments de design.

visuels-kit-ui-01

Qui vous faut-il ?

Un designer professionnel sait comment organiser ses kits UI et le processus de design pour éviter le manque de constance et les conflits, et s’assurer que le Kit UI ne surcharge pas la production.

Que vous faut-il ?

Adobe Photoshop, Adobe Illustrator, Sketch.

Nos conseils

  • Demander à votre équipe leurs besoins qui impacteront la façon dont ils seront intégrés.

  • Demander à votre Graphiste le temps nécessaire pour développer le Kit UI et ajouter le temps nécessaire dans votre agenda.

  • S’assurer que votre Kit UI soit complet avant que votre graphiste ne quitte le projet car ce document est critique pour l’optimisation du futur site web.

  • Ne pas inclure d'image, seulement des éléments d’interfaces.

Pour aller plus loin

Pour en savoir plus

Prochaines étapes

Les Kits UI sont souvent intégrés en code d’abord, pour établir les propriétés de base du style de l’interface.

Études de cas avec Kit ui