Inteligência artificial e UX Design: como utilizamos em testes de usabilidade

Written by Anderson Batista & Elisa Zanoni

A Inteligência Artificial (IA) emergiu como uma ferramenta poderosa capaz de revolucionar a maneira como realizamos nossas tarefas diárias e inúmeras oportunidades para otimizar processos e rotinas nas empresas. Aqui na Sensorama Design estamos constantemente explorando novas formas de integrar a IA como uma aliada não apenas em nossos projetos, mas também em nosso processo de UX design, visando acelerar o nosso trabalho.

Neste artigo iremos abordar como aproveitamos a inteligência artificial para criar imagens que foram usadas em testes de usabilidade SUM (Single Usability Metric). Ao utilizar a IA, não apenas tivemos um aumento de produtividade, mas também garantimos que o protótipo estivesse totalmente fiel ao que precisávamos testar, o que era de extrema importância para esse tipo de avaliação de experiência do usuário.

O desafio: reconstruir aplicativos concorrentes para realizar testes de usabilidade

Fomos encarregados de realizar testes de usabilidade com a métrica SUM com o objetivo de comparar a usabilidade entre o produto do cliente e seus concorrentes. Para isso, utilizamos o método de teste SUM com a finalidade de comparar o desempenho do aplicativo do cliente com os de seus concorrentes. Então, tivemos de produzir um protótipo com as interfaces capturadas por meio de entrevistas.

(CTA) Saiba como realizamos o teste de usabilidade SUM na Sensorama

Além da necessidade de recriação dos produtos concorrentes, também precisávamos anonimizar as imagens e aprimorar a sua qualidade. A anonimização das imagens é extremamente importante porque as informações dos entrevistados não poderiam aparecer.

Já para qualidade das interfaces, era preciso garantir a integridade do teste de usabilidade, por elas terem sido capturadas através de compartilhamento de tela de vídeo-chamadas. Ou seja: alguns componentes do software usado ficavam sobre a imagem, sendo mais uma demanda de pré-produção do protótipo para os testes de usabilidade.

Como utilizamos IA para auxiliar a solucionar os desafios do projeto?

Existem diversas IAs para criar imagens do zero, como o MidJourney e o próprio ChatGPT 4.0. No entanto, elas não conseguem gerar imagens idênticas com pequenos ajustes. Dessa forma, buscamos outras ferramentas de inteligência artificial que conseguissem nos apoiar com o design de áreas que precisassem ser corrigidas. Tivemos sucesso com a IA da Adobe, o Firefly, e o PicWish.

Adobe Firefly: inteligência artificial usada para criar imagem

A Adobe Firefly é uma ferramenta poderosa de inteligência artificial generativa que está transformando a maneira de gerar imagens. Com sua capacidade única de compreender e se adaptar ao contexto específico de cada projeto, essa tecnologia nos permite gerar e aprimorar imagens com uma precisão e qualidade impressionantes.

Simplificando, ela pode remover facilmente itens da tela, bastando selecionar o ponto desejado com a ferramenta de pincel e solicitar a geração de uma nova versão.

Nós utilizamos essa função para resolver o primeiro desafio de anonimizar informações sensíveis dos usuários presentes nas capturas de tela. Em seguida, continuamos a selecionar elementos na tela que gostaríamos de recriar, como os botões, inputs e outros elementos.

Como por um passe de mágica, conseguimos alcançar resultados incríveis em minutos, algo que, manualmente, levaria horas, talvez até mais de um dia, para ser concluído. O aspecto mais fascinante é que, a cada modificação realizada com o auxílio da inteligência artificial, a ferramenta sugeria três opções para que pudéssemos escolher aquela mais próxima do resultado final desejado. Essa funcionalidade nos ajudou a tornar a interface do aplicativo muito próxima da realidade.

Melhorando a qualidade da imagem com o PicWish

Por fim, utilizamos a ferramenta PicWich para realizar um procedimento conhecido como “Photo Enhancer”. Essa inteligência artificial consiste em aumentar ou restaurar a qualidade da imagem. Esse processo foi igualmente crucial, uma vez que as capturas de tela tendem a perder qualidade ao serem tiradas.

Como a IA otimizou os testes de usabilidade

Anonimizou informações sensíveis dos usuários: A ferramenta de IA Adobe Firefly permite remover facilmente elementos da tela, como nomes e fotos, para garantir a privacidade dos participantes das entrevistas.

• Recriou partes da tela com precisão: A IA do Adobe Firefly conseguiu recriar imagens com os componentes que precisávamos para garantir a integridade das interfaces do aplicativo
• Melhorou a qualidade das imagens: Com a ferramenta de inteligência artificial da PicWich, conseguimos aumentar a resolução e restaurar a qualidade das imagens capturadas por prints de tela, garantindo maior fidelidade para o teste de usabilidade.
• Acelerou o processo de reconstrução da interface: A ferramenta de IA automatiza tarefas repetitivas e complexas, permitindo que a equipe realize o trabalho em menos tempo e com mais eficiência.
• Sugeriu opções para a interface final: A ferramenta de IA Adobe Firefly oferece sugestões de diferentes versões da interface reconstruída, facilitando a seleção da opção mais adequada para o teste de usabilidade.

Resultados que obtivemos ao aplicar inteligência artificial no processo de design de produto:

• Aumento da qualidade e fidelidade do teste de usabilidade: As imagens aprimoradas e a interface reconstruída com precisão garantiram uma experiência de teste mais realista e confiável para os usuários.
• Redução do tempo e custo de desenvolvimento: A ferramenta de IA permitiu que a equipe realizasse o trabalho de forma mais rápida e eficiente, otimizando o tempo e os recursos disponíveis.
• Aumento da produtividade da equipe: A automação de tarefas repetitivas liberou o time para se concentrar em atividades mais estratégicas e criativas.

Na Sensorama, estamos comprometidos em explorar continuamente o potencial da IA como uma aliada nos projetos de UX design, design de serviços e inovação. Ao fazer o uso da inteligência artificial no processo de UX design, não apenas tornamos os projetos mais eficientes, como também abrimos caminho para novas oportunidades de inovação e excelência em nosso trabalho.