Discipline · Interfaces

UX & UI

Concevoir une interface, ce n'est pas dessiner des écrans : c'est décider de l'ordre dans lequel on montre les choses. La recherche d'abord, la forme ensuite, et un prototype qu'on peut vraiment cliquer à la fin.

  • Figma
  • Adobe XD
  • Illustrator
  • After Effects
  • Jitter
  • Procreate

Méthode

Six étapes, aucune surprise

Le même déroulé pour une landing page ou une application complète. Seule la profondeur de chaque étape change.

  1. 01

    Cadrage

    On pose le problème avant la solution : à qui on parle, ce qu'on veut obtenir, ce qui bloque aujourd'hui. Un brief clair fait gagner des semaines.

  2. 02

    Recherche & arborescence

    Benchmark, parcours utilisateurs, arborescence. On décide de ce qui va où, et surtout de ce qu'on enlève.

  3. 03

    Wireframes

    Des écrans en gris, sans décoration, pour valider la structure et les priorités avant de discuter couleurs.

  4. 04

    Style tiles & UI kit

    Typographies, gamme chromatique, composants, états. Un système réutilisable plutôt qu'une collection d'écrans.

  5. 05

    Maquettes & responsive

    Les écrans finaux, déclinés du mobile au desktop, avec les cas limites : liste vide, erreur, chargement.

  6. 06

    Prototype cliquable

    Un prototype animé qu'on peut tester, montrer et transmettre aux développeurs. C'est ça qui fait avancer un projet.