Au cours de ma carrière, j'ai conçu un millier de fonctionnalités et testé des centaines d'outils pour m'aider à travailler plus rapidement. Décomposons cela à chaque étape du processus de conception.
Étape 1 : Recherche / PRD
Avant de passer à la création graphique, la plupart d'entre nous rassemblons nos idées dans des documents de spécification produit, où, dans le cas d'une fonctionnalité, nous structurons les idées, les exigences, les objectifs, et d'autres éléments importants pour éviter de rester bloqués lors de la conception de l'interface utilisateur.
J'ai utilisé plusieurs outils qui accélèrent cette étape, mais de loin les meilleurs sont ChatPRD. C'est un outil IA qui vous aide à rédiger ces documents produit ou à structurer vos pensées manuscrites en un plan cohérent.
C'est également utile d'être prêt avant de passer aux outils d'IA pour l'UI. La qualité de votre briefing et de vos idées fait une grande différence.
Étape 2 : De l'idée à l'UI
Traditionnellement, concevoir une UI signifiait aller sur Figma et passer des heures devant une toile blanche avant de proposer quelque chose.
Avec de nouveaux outils comme Banani AI, vous pouvez simplement décrire l'écran que vous souhaitez en texte clair comme une invite textuelle, et ils génèrent des ébauches d'interfaces et de wireframes.
Comme je l'ai écrit dans la section précédente, mieux vos idées sont définies, meilleurs seront les résultats de l'IA UI, alors ne négligez pas cette étape.
Une fois que vous êtes satisfait de l'écran initial généré à partir de l'invite, vous pouvez simplement cliquer sur les éléments d'"interaction" du point de vue de l'utilisateur, et Banani essaiera de prédire ce qui devrait apparaître à l'écran suivant.
Il peut également appliquer votre palette de couleurs ou votre système de conception à votre produit pour créer des interfaces qui correspondent à l'apparence et au ressenti de votre produit.
C'est un grand avantage pour les équipes qui ont besoin de cohérence à travers plusieurs produits et qui ne veulent pas restyler manuellement chaque maquette générée par l'IA.
Étape 3 : Itération et retours
La conception n'est jamais parfaite du premier coup. Selon votre flux de travail, vous passerez probablement les fichiers de conception entre les mains, recueillerez des retours, et referez les écrans manuellement. Avec l'IA, l'itération ressemble plus à une conversation.
Des outils comme Granola, destinés aux transcriptions de réunions, peuvent grandement simplifier l'agrégation des retours des appels de critique de design, des sessions de test utilisateur avec de vraies personnes, ou simplement un appel amical avec un collègue du design.
De plus, il existe maintenant des outils pour réaliser des tests UX non contrôlés et obtenir les mêmes avantages. L'un que j'utilise est Maze. Il vous permet d'envoyer un lien au design à l'utilisateur, pour qu'ils parcourent le flux.
Vous pouvez utiliser des résumés agrégés et les envoyer aux outils générateurs d'UI de la section précédente pour faire la prochaine itération.
Tl;DR
Les longues premières étapes de recherche, d'ajustement de mise en page, de stylisme et d'itération seront bientôt un lointain souvenir. Adoptez de nouveaux produits IA et applications de design comme ChatPRD ou Banani à vos côtés pour accélérer les parties longues ou ennuyeuses du processus de conception UI.
