CALENDÁRIO UX – 15 a 12 DE DEZEMBRO Ferramentas aceleradas por IA para UX/UI Designers

Todos nós vimos nas mídias sociais o lançamento de novas IAs geradoras de imagens, como DALL-E-2, Imagem, Difusão Estável ou Meio da jornada. Essas IAs que criam, a partir de um pequeno texto, imagens seja qual for o estilo desejado. Alguns até receberam prêmios por suas criações artísticas! Vendo o uso da inteligência artificial no mundo da arte e do design gráfico, é uma oportunidade de questionar seu uso em nossas profissões. Sem dúvida, essa tecnologia vai abalar muitos de nossos usos, a começar pelas ferramentas que usamos. Como ferramenta, a inteligência artificial já nos permite explorar e agilizar certos aspectos do design de interface. Eu ofereço uma pequena seleção de ferramentas que podem ser interessantes para testar para acelerar nosso design de interface.

Gerar Interfaces

Mago

Uizard é uma ferramenta para criação de Wireframes e maquetes. Ele inclui um serviço acelerado por IA para converter wireframes de papel em maquetes editáveis. Diferentes estilos podem ser testados rapidamente graças a um módulo de extração de estilo de capturas de tela. Seus serviços, embora pagos, parecem interessantes para prototipar soluções rapidamente em equipes pequenas que não necessariamente incluem um UI Designer ou para projetos com prazos muito curtos aumentando os workshops de co-construção. Usando Visão Computacional (detecção e interpretação de imagens por uma IA) e Processamento de Linguagem Natural (compreensão de um conjunto de palavras por uma IA) em sua solução é um exemplo interessante das acelerações potenciais em nossos negócios para o design de interfaces.

Preço: gfórmulas gratuitas (dentro do limite de 3 projetos e 10 modelos) depois pagas

Gerar imagens

 

Difusão Estável

Stable Diffusion é uma IA de criação de imagem. Tem a vantagem de ser uma das raras soluções sob a licença Creative ML OpenRAIL-M, o que significa que pode ser usado livre e gratuitamente para uso comercial ou não comercial. Outra vantagem é que esta plataforma é a mais acessível e totalmente gratuita. Mas, qual a utilidade dessa ferramenta para nossas profissões? 

Podemos gerar interfaces para nos inspirarmos em determinados elementos ou em uma UI apresentada.

Conjunto de interfaces e elementos de interface obtidos com a solicitação “boardgame e-commerce landing page” no Stable Diffusion

Podemos gerar fotos e ilustrações para complementar nossos recursos existentes:

  • Fotos de personas com controle sobre os diferentes traços da persona (ex: uma fotografia de um homem de 35 anos vestindo um suéter)

 

  • Ilustrações e fotos temporárias para modelos royalty-free (ex: prato de comida com vegetais saudáveis)

 

 

 

 

 

 

  • Experimente diferentes gerações de imagens para se inspirar (ex: uma fotografia de uma maquete de telefone de um aplicativo de pedidos de comida)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Preço: livre

Processar uma imagem

Vance IA

Vance AI é um conjunto de ferramentas de otimização e aprimoramento de imagens de IA. Este conjunto de ferramentas permite:

  • Melhorar a resolução e nitidez de uma imagem
  • Remover fundo de uma imagem
  • Remova o ruído digital de uma imagem
  • Aplicar filtros complexos a uma imagem

Todos esses recursos são automatizados e podem ser personalizados até certo ponto. Embora a versão de teste seja bastante restrita, o processamento da imagem é interessante e pode ser automatizado em uma plataforma de terceiros por meio de uma API. Isso torna esta ferramenta útil tanto para designers quanto para desenvolvedores que desejam incorporar este serviço em sua plataforma.

Preço: pago (preço por créditos)

Alternativas para Vance AI

Remove.bg

Remove BG é uma ferramenta rápida e prática para remover fundos de imagens graças à sua IA. Essa solução permite o processamento rápido desse tipo de retoque sem a necessidade de passagem no Photoshop (ou alternativas de terceiros).

Preço: créditos grátis + pagos para download em HD

 

 

Vamos melhorar

Let's Enhance é uma ferramenta eficaz para aumentar a resolução das imagens sem perder a qualidade. 100% automático e rápido. Assim, é possível aumentar rapidamente a resolução da imagem de baixa definição enquanto se espera pela imagem de alta definição ou como corretivo para uma imagem de qualidade essencial muito baixa.

Preço: 10 fotos gratuitas + créditos pagos.

Edite suas interfaces

 

O texto padrão para quase todas as maquetes é “Lorem Ipsum…”. Encontrar o texto certo para colocar nas caixas de texto nem sempre é fácil. Com este plug-in, pode-se gerar rapidamente um texto do tamanho escolhido usando palavras-chave e descrevendo rapidamente sobre o que o texto deve ser. Embora o plug-in seja usado principalmente para verificar se o conteúdo está de acordo com uma estratégia de SEO, esse recurso específico pode ser prático quando você precisa ir além de "Lorem Ipsum", sem nenhuma inspiração específica no texto a ser implementado.
⚠️ Gera apenas textos em inglês. 
Preço: livre

Ando

Ando é um plug-in do Figma que permite gerar imagens a partir de ativos já presentes nas interfaces que criamos diretamente no Figma. Desenhe a forma do que deseja ver na interface ou faça uma ilustração próxima do que procura. Adicione uma breve descrição para esclarecer sua solicitação. Ando cuida do resto. Podemos até especificar qual elemento é mais importante entre nossa entrada e o elemento inspiração. Como se isso não bastasse, Ando também permite aumentar o tamanho ou remover o fundo de imagens já presentes em nosso arquivo Figma. O plug-in é, portanto, bastante completo e continua a se expandir para melhor atender às diferentes necessidades de recursos visuais em nossos modelos.

Preço: grátis (42 designs no início de cada mês + 20 designs por inscrição diária) e plano pago ilimitado

Mágico

Embora em acesso restrito, este plugin é muito promissor. Para gerar ícones, textos e imagens, parece ser o plugin tudo em um para facilitar a implementação de conteúdo para UX/UI Designers. O estúdio Diagram, que desenvolveu este plugin, parece ser uma boa fonte de plugins para facilitar as diversas tarefas dos designers, desde a maquete até a prototipagem avançada. Infelizmente, teremos que ter paciência para ver demos mais completos deste plugin do que grande parte da comunidade de designers do Figma espera.

Preço: indeterminado até o momento (de acordo com o preço dos plugins anteriores desta empresa: Gratuito para uso limitado + plano de assinatura para uso ilimitado)

Figma Nome Automático

Sempre tivemos o problema de ter modelos cujos elementos são bem nomeados. No entanto, renomear os elementos de um modelo leva tempo e energia. São tantos pequenos segundos gastos aqui e ali para ter um documento limpo ou para limpar um recurso fornecido. Assim, o Figma Autoname, um plug-in do Figma, permite renomear quadros e modelar elementos automaticamente usando AI.

Prix: Livre

Figura ML

Verificar o uso adequado de um Design System em maquetes pode ser bastante complexo quando elementos de aparência semelhante são usados. Cada elemento deve ser verificado para garantir que o link para o sistema de design não tenha sido quebrado ou que não seja uma implementação local. Estas verificações são, no entanto, necessárias para garantir uma boa evolução dos modelos, acompanhando a implementação e as modificações do sistema de design. Com o Figma ML, os projetistas podem verificar de forma rápida e visual se os elementos implementados nos modelos fazem parte das bibliotecas importadas para o projeto. O plugin indica visualmente os erros nos modelos e dá o posicionamento dos elementos a serem corrigidos no painel de camadas.

Preço: livre

Teste suas interfaces

 

Atenção Insight

O Attention Insight é uma solução para simular testes de uma interface com um rastreador ocular. Eles treinaram AIs para simular o mapa de calor que um teste de rastreador ocular produziria sem o equipamento e o recrutamento que esse tipo de teste exigiria. Os testes de rastreamento ocular são uma ótima maneira de identificar como os usuários interagem com uma interface. No entanto, esses testes não substituem testes de usuários, como pesquisas e entrevistas para determinar por que os usuários se comportam da maneira que o fazem. Esta ferramenta seria, portanto, colocada em adição aos testes de usuário realizados no caso de uma limitação do projeto em termos de orçamento, tempo ou número de projetistas envolvidos.

Preço: Versão de avaliação gratuita de 7 dias e fórmulas diferentes, dependendo do tamanho da organização

 

Despeje conclure

Por meio dessas diferentes ferramentas, vemos o quanto a inteligência artificial pode facilitar o trabalho de UX/UI Designers. Embora ainda imperfeitas, essas automações possibilitadas pela IA se diversificaram ao longo dos anos e atendem a necessidades cada vez mais variadas. Diante dessa automatização de tarefas e das crescentes capacidades da inteligência artificial para enfrentar novos desafios, podemos nos questionar sobre o futuro de nossas profissões diante de tamanha concorrência. Esta questão é importante para compreender melhor o futuro das nossas profissões mas também a singularidade das nossas capacidades face à máquina.

AI, uma ameaça ou uma oportunidade para o design digital? Este será o assunto de um artigo futuro que aparecerá em janeiro em nosso blog.
DE ACORDO COM O CALENDÁRIO DE DISTRIBUIÇÃO

 

 

Martin AUBAILLY, designer de UX @UX-Republic


 


Nossos próximos treinamentos