Criar interfaces gráficas (GUIs) eficientes e que atendam às necessidades dos usuários é um fator comercial essencial para o sucesso de softwares e aplicativos. No entanto, a prototipagem de GUI, usada para validar esses requisitos com as partes interessadas, costuma ser um processo caro e que consome muitos recursos.
 

Em metodologias ágeis, os requisitos, frequentemente descritos na forma de user stories, mudam de forma iterativa ao longo do projeto. Isso gera um grande desafio na engenharia de requisitos: exige-se muito tempo e esforço para identificar quais user stories já foram implementadas no design atual e quais funcionalidades ainda precisam ser adicionadas ou ajustadas.
 

A Solução Inovadora com Inteligência Artificial e LLMs
 

Para resolver essa lacuna entre design e desenvolvimento, ferramentas comerciais já desenvolveram uma nova abordagem semi-automática baseada em Grandes Modelos de Linguagem (LLMs).
 

Essa tecnologia funciona como um assistente inteligente, conectando diretamente os requisitos em linguagem natural aos protótipos de interface
 

O pipeline de automação atua em quatro etapas otimizadas:
 

  • Abstração do Protótipo de GUI: O sistema coleta o protótipo da interface e converte sua estrutura (tipos de componentes, textos exibidos e layouts) em uma representação textual simplificada, permitindo que a IA processe o design visual
  • Detecção de Implementação de User Stories: Tratado como um problema de classificação binária, o LLM analisa a abstração e verifica automaticamente se uma determinada user story já foi contemplada no protótipo
  • Correspondência de Componentes: Além de detectar a presença, a IA mapeia e extrai os identificadores exatos dos componentes da tela (como botões ou rótulos) que são responsáveis por cumprir aquela user story específica
  • Recomendações de Componentes GUI: Caso um requisito ainda não esteja presente, o sistema vai além da auditoria e gera recomendações contextualizadas de implementação, criando componentes sugestivos em formatos como HTML/CSS para acelerar o trabalho do desenvolvedor

Ferramenas como o Figma e o Adobe XD, que recentemente implementaram LLMs em seus softwares pode por meio dessa integração, dar aos designers o poder de visualizar ao lado de suas telas uma lista de user stories pendentes e aplicadas, além de receber componentes sugeridos em tempo real. Isso promete diminuir drasticamente o consumo de recursos na fase de ideação, garantindo um alinhamento contínuo e perfeito entre o produto e os requisitos do cliente.

 

Conheça nosso sistema de gestão estratégica, ele irá lhe auxiliar na implementação, ou se deseja, podemos auxiliar com treinamentos, mentoria ou consultoria.

Imagem do post gerado por IA, texto do post de autoria própria e com sua redação revisada com auxílio sem mudar o conteúdo.