Projetei milhares de funcionalidades ao longo da minha carreira e testei centenas de ferramentas para me ajudar a ser mais rápido no meu trabalho. Vamos destrinchar cada etapa do processo de design.
Etapa 1: Pesquisa / PRD
Antes de começar a trabalhar nos detalhes de design, a maioria de nós coleta ideias em documentos de requisitos de produto, onde, no caso de uma funcionalidade, estruturamos pensamentos, requisitos, objetivos e outras partes importantes que evitam travar durante o design de UI.
Utilizei algumas ferramentas que aceleram essa etapa, mas de longe as melhores são ChatPRD. É uma ferramenta de IA que ajuda a redigir esses documentos de produto ou a transformar suas anotações manuscritas em um plano coeso e estruturado.
Também é útil estar preparado antes de usar ferramentas de IA para UI. A qualidade do seu comando e pensamentos faz uma grande diferença.
Etapa 2: Ideia para UI
Tradicionalmente, desenhar UI significava ir ao Figma e passar horas olhando para a tela em branco antes de criar algo.
Com novas ferramentas como Banani AI, você pode simplesmente descrever a tela que deseja em texto simples, e elas criarão rascunhos de UIs e wireframes.
Como mencionei na seção anterior, quanto melhor seus pensamentos estiverem estruturados, melhores serão os resultados da IA para UI, então, por favor, não negligencie essa etapa.
Uma vez que você estiver satisfeito com a primeira tela gerada a partir do comando, pode simplesmente clicar nos elementos de "interação" do ponto de vista do usuário, e 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 UIs que combinem com a aparência e a sensação do seu produto.
Isso é um grande trunfo para equipes que precisam de consistência entre vários produtos e não querem redesenhar manualmente cada mockup gerado por IA.
Etapa 3: Iteração e feedback
O design nunca está certo na primeira tentativa. Dependendo do seu fluxo de trabalho, provavelmente você passará os arquivos de design, reunirá feedback e refará as telas manualmente. Com a IA, a iteração parece mais uma conversa.
Ferramentas como Granola, que são destinadas a transcrição de reuniões, podem simplificar bastante a agregação do feedback de 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, existem agora ferramentas que ajudam a realizar testes de UX sem controle e obter todos os mesmos benefícios. Uma que uso é Maze. Ela permite enviar um link do design para o usuário e para eles percorrerem o fluxo.
Você pode usar resumos agregados e enviá-los para ferramentas generativas de UI da seção anterior para fazer a próxima iteração.
Em resumo
As longas etapas iniciais de pesquisa, ajustes de layout, estilo 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 para acelerar as partes longas ou entediantes do processo de design de UI.
