Projetei mil funcionalidades ao longo da minha carreira e testei centenas de ferramentas para me ajudar a ser mais rápido no meu trabalho. Vamos ver cada etapa do processo de design.
Etapa 1: Pesquisa / PRD
Antes de começar a trabalhar nos pixels, a maioria de nós reúne nossos pensamentos em documentos de requisitos de produto, onde, no caso de uma funcionalidade, estruturamos pensamentos, requisitos, metas e outras partes importantes que nos ajudam a não ficarmos presos ao realmente desenhar a interface.
Usei algumas ferramentas que aceleram esta etapa, mas de longe as melhores são ChatPRD. É uma ferramenta de IA que ajuda a rascunhar esses documentos de produto ou organizar suas ideias escritas à mão em um plano coeso e estruturado.
Também é útil estar preparado antes de começar a usar ferramentas de IA para interface. A qualidade do seu prompt e dos seus pensamentos faz uma grande diferença.
Etapa 2: Ideia para UI
Tradicionalmente, projetar interfaces significava ir para o Figma e passar horas olhando para a tela em branco antes de surgir com algo.
Com novas ferramentas como Banani AI, você pode simplesmente descrever a tela que deseja em texto simples como um prompt, e elas farão rascunhos de interfaces e wireframes.
Como escrevi na seção anterior, quanto melhor seus pensamentos estiverem delineados, melhores serão os resultados da UI de IA, então, por favor, não negligencie essa etapa.
Quando estiver satisfeito com a primeira tela que gerou a partir do prompt, pode simplesmente clicar em elementos de "interação" da perspectiva do usuário, e o Banani tentará prever o que deve estar na próxima tela.
Também pode aplicar sua paleta de cores ou sistema de design do seu produto para criar interfaces que combinem com o visual do seu produto.
Isso é uma grande vantagem para equipes que precisam de consistência entre vários produtos e não querem restilizar manualmente cada mockup gerado por IA.
Etapa 3: Iteração e feedback
O design nunca está certo de primeira. Dependendo do seu fluxo de trabalho, você provavelmente distribuirá arquivos de design, receberá feedback e refará as telas manualmente. Com IA, a iteração parece mais uma conversa.
Ferramentas como Granola, que são destinadas à transcrição de reuniões, podem simplificar bastante a agregação de feedback das chamadas de crítica de design, sessões de teste com usuários reais ou apenas uma conversa amigável com seu colega de equipe de design.
Além disso, agora existem ferramentas que ajudam a realizar testes de experiência do usuário não controlados e obter todos os mesmos benefícios. Uma que eu uso é o Maze. Ele permite que você envie um link do design para o usuário, para que ele navegue pelo fluxo.
Você pode usar resumos agregados e enviá-los para ferramentas de geração de UI da seção anterior para fazer a próxima iteração.
Resumo
Longas etapas iniciais de pesquisa, ajustes de layout, estilização e iteração em breve serão uma memória distante. Adote novos produtos de IA e aplicativos de design como o ChatPRD ou Banani ao seu lado para acelerar as partes longas ou entediantes do processo de design de interface.
