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 fichier graphique (généralement en .psd), qui contiennent les éléments UI dans le but de l’interface graphique. Cela inclut des éléments tel que des boutons, checkbox, bar de chargement, sliders, bouton de navigation, switches etc..

A quoi bon ?

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

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

  • Évite de doubler d’efforts pour dupliquer des éléments de design.

Qui vous faut-il ?

Un designer professionnel sait comment organiser leurs kits UI et le processus de design pour éviter le manque de constance et les conflits, et s’assurer que le Kit UI ne devienne pas une surcharge dans 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.

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

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

Pour aller plus loin

Pour en savoir plus

Prochaines étapes

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

Études de cas avec Kit ui