J'ai conçu un millier de fonctionnalités au cours de ma carrière et testé des centaines d'outils pour m'aider à être plus rapide dans mon travail. Décomposons chaque étape du processus de conception.
Étape 1 : Recherche / PRD
Avant de nous précipiter dans les pixels, la plupart d'entre nous rassemblons nos pensées dans des documents de spécifications produit, où, dans le cas d'une fonctionnalité, nous structurons nos pensées, exigences, objectifs et autres éléments importants pour éviter de rester bloqués lors de la conception de l'interface utilisateur.
J'ai utilisé quelques outils qui accélèrent cette étape, mais de loin les meilleurs sont ChatPRD. C'est un outil d'IA qui vous aide à rédiger ces documents produits ou à organiser vos pensées manuscrites en un plan cohérent et structuré.
Il est également utile d'être préparé avant de plonger dans les outils d'IA pour UI. La qualité de votre prompt et de vos pensées fait une grande différence.
Étape 2 : De l'idée à l'UI
Traditionnellement, concevoir une interface utilisateur signifiait aller sur Figma et passer des heures devant la toile blanche avant de créer quelque chose.
Avec de nouveaux outils comme Banani AI, vous pouvez simplement décrire l'écran que vous souhaitez en texte clair en tant que prompt texte, et ils feront des brouillons d'UI et de wireframes.
Comme je l'ai écrit dans la section précédente, mieux vos pensées sont définies, meilleurs seront les résultats de l'UI d'IA, alors s'il vous plaît, ne négligez pas cette étape.
Une fois que vous êtes satisfait du premier écran généré à partir du prompt, vous pouvez simplement cliquer sur les éléments « 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 le système de design de votre produit pour concevoir des interfaces utilisateurs qui correspondent à l'apparence et au ressenti de votre produit.
C'est un atout majeur pour les équipes qui ont besoin de cohérence à travers plusieurs produits et ne veulent pas restyler manuellement chaque maquette générée par l'IA.
Étape 3 : Itération et retour d'information
Le design n'est jamais parfait au premier essai. Selon votre flux de travail, vous allez probablement faire circuler les fichiers de design, recueillir des commentaires et refaire les écrans manuellement. Avec l'IA, l'itération ressemble davantage à une conversation.
Des outils comme Granola, destinés à la transcription de réunions, peuvent grandement simplifier l'agrégation du retour d'information des appels de critiques de design, des sessions de test utilisateur avec de vraies personnes, ou juste un appel amical avec un coéquipier de design.
De plus, il existe maintenant des outils qui vous aident à réaliser des tests UX non contrôlés et à en tirer tous les avantages. L'un que j'utilise est Maze. Il vous permet d'envoyer un lien vers le design à l'utilisateur, pour qu'il parcoure le flux.
Vous pouvez utiliser des résumés agrégés et les envoyer aux outils de génération d'UI de la section précédente pour faire la prochaine itération.
En bref
Les longues premières étapes de recherche, de réglage de la disposition, de stylisation et d'itération seront bientôt un lointain souvenir. Adoptez de nouveaux produits d'IA et des applications de design comme ChatPRD ou Banani à vos côtés pour accélérer les parties longues ou ennuyeuses du processus de conception d'interface utilisateur.
