paint-brush
Quão bem o ChatGPT pode ajudar os profissionais de UI/UX a projetar um aplicativo?por@andriiliubymov
8,259 leituras
8,259 leituras

Quão bem o ChatGPT pode ajudar os profissionais de UI/UX a projetar um aplicativo?

por Andrii Liubymov6m2023/10/12
Read on Terminal Reader

Muito longo; Para ler

A IA substituirá os designers de produtos? Como os designers de UI/UX e de produtos podem usar o ChatGPT para criar conceitos de design e levar seu fluxo de trabalho para o próximo nível?
featured image - Quão bem o ChatGPT pode ajudar os profissionais de UI/UX a projetar um aplicativo?
Andrii Liubymov HackerNoon profile picture
0-item


«Tudo o que pode ser automatizado, será automatizado» - Robert Cannon, especialista em leis e políticas da Internet


Não podemos negar que a inteligência artificial (IA) é a tendência deste ano. Com o surgimento da tecnologia e sua rápida adoção em vários setores, UI/UX e designers de produtos estavam obrigados a se envolver. Produtos como ChatGPT, Midjourney, DALL-E 2 e Stable Diffusion já são bastante populares e usados ativamente por muitos de meus colegas.


Como designer de UI/UX, já percebi que implementar ChatGPT em meus processos de trabalho melhorou significativamente minha capacidade de criar interfaces mais amigáveis. Neste artigo, vou destacar as formas específicas de usar o ChatGPT, os benefícios que ele pode trazer e como pode melhorar a eficiência geral do seu trabalho. Então vamos começar!

ChatGPT como ferramenta auxiliar para UI/UX e designer de produto

Formulação de solicitações ou engenharia imediata

Desbloquear todo o potencial do ChatGPT depende da sua capacidade de criar consultas eficientes. Isso pode ser alcançado dominando os fundamentos da formulação de solicitações e experimentando estilos de prompt.


Confira alguns exemplos legais que podem te ajudar:



**Escrever o pedido perfeito é como criar uma receita.**Você precisa adicionar todos os ingredientes necessários na quantidade certa e misturá-los para obter o resultado esperado. Mesmo que tudo seja feito corretamente, pode ser necessário fazer alguns ajustes e ajustes para criar o produto final perfeito. Então, vamos direto ao ponto.

Para tornar as coisas mais fáceis de entender nos parágrafos seguintes, vamos supor que temos a tarefa de desenvolver um aplicativo móvel que ajudará os usuários a aprimorar suas habilidades matemáticas de uma forma divertida e envolvente. Pode ser um aplicativo de teste de matemática que oferece vários testes e quebra-cabeças para melhorar e treinar habilidades cerebrais.

Coletando Requisitos e Ideias

ChatGPT pode ajudar designers a coletar requisitos e ideias para novos projetos, analisando as solicitações dos usuários e gerando respostas para elas. Pode incluir o desenvolvimento de conceitos e a determinação dos principais recursos e requisitos de design.


Vamos ver se o ChatGPT pode nos ajudar com isso.

Conversa ChatGPT


Como você pode ver, ChatGPT descreveu um conceito bastante detalhado do aplicativo. Se necessário, podemos fazer perguntas adicionais sobre cada recurso. ChatGPT fornecerá respostas claras e ainda destacará os pontos mais essenciais.


Que tal algumas ideias de design para o MathWiz que ajudarão a tornar o aplicativo mais atraente para os usuários?

Ideias de design para MathWiz


Nosso assistente virtual forneceu 10 pontos bastante precisos que ajudarão você a criar um conceito de design para seu futuro aplicativo.

Gerando opções de design

Com ChatGPT, podemos obter diferentes opções de design que atendem aos requisitos. Permite-nos escolher as melhores ideias e rejeitar as menos eficazes.


Como já temos uma ideia clara da nossa futura aplicação MathWiz, vamos tentar obter uma descrição detalhada da sua arquitetura de informação.

Gerando opções de design


Esta ainda não é a base do futuro produto, mas a estrutura básica sugerida pode nos ajudar a desenvolver a interação com os usuários e se tornar o estágio inicial do design.


Bem, isso não é ruim!


Talvez o ChatGPT possa recomendar as melhores cores para o nosso produto? Normalmente, eu uso outras ferramentas como Colormind , Colorhunt ou Coolors , mas desta vez quero saber a opinião do ChatGPT.

Resposta do ChatGPT


Parece promissor! Gostei especialmente do rigor da descrição das combinações de cores e da concisão das explicações. Tentei recriar essa paleta e no geral fiquei satisfeito com o resultado.

Paleta de cores


E quanto às fontes? Vamos rejeitar as fontes de São Francisco e Nova York do sistema e tentar diversificar as opções.

Sugestão de fonte


Do ponto de vista técnico, as respostas são bastante precisas, embora à primeira vista sejam enfadonhas. Vamos verificar como essas fontes são na realidade:

Comparações de fontes

Análise Primária dos Concorrentes

Fazer pesquisas completas sobre nossos concorrentes (outras ferramentas matemáticas) tornou-se uma parte essencial do meu processo de design para Mestre em Matemática e a IA é uma grande ajudante aqui. ChatGPT pode ajudá-lo a analisar concorrentes, coletando e processando automaticamente uma grande quantidade de dados de várias fontes. Para obter uma análise adequada, basta especificar o formato preferido de apresentação dos dados, por exemplo, em forma de tabela:

Concorrentes do MathWiz

Acelerando o Processo de Criação de Mockups e Protótipos

ChatGPT pode automatizar parte do processo de criação de maquetes, gerando descrições de elementos e recomendações para seu posicionamento e interação. Ele permite que os designers acelerem o processo de desenvolvimento e se concentrem em aspectos mais criativos do design.


Criando uma maquete

Geração de conteúdo de texto

A inteligência artificial fornece uma maneira conveniente e eficiente de criar textos para vários canais, incluindo landing pages e outras partes de um produto. Pode ajudar a aumentar a eficiência do trabalho, automatizando o processo e reduzindo o tempo necessário para criar o texto necessário.

Geração de conteúdo de texto

Acelerando o desenvolvimento de documentação para sistemas de design

ChatGPT pode facilitar o processo de criação de documentação para sistemas de design, gerando automaticamente descrições de componentes e formas de usá-los. Permite que os projetistas foquem na essência do projeto, garantindo consistência e fácil entendimento da documentação.


Vamos dar uma olhada em um exemplo de como a IA pode ajudar a criar uma descrição detalhada de uma paleta de cores, ampliando-a com tokens de design e criando escalas tipográficas.

Criando uma paleta de cores


Criando um sistema de design

Automação de tarefas UX

Com o ChatGPT, os designers podem automatizar tarefas complexas de UX, como analisar etapas do usuário, identificar personas ou desenvolver uma arquitetura de informações detalhada. A inteligência artificial fornece análise de dados aprofundada, o que permite criar soluções mais inteligentes e eficazes.


Como exemplo, vamos revisar a criação de diversas personas de usuário para nosso aplicativo.

Personagens do usuário

Conduzindo pesquisas de usuários

ChatGPT pode analisar automaticamente o feedback do usuário, destacar os principais problemas e tendências e gerar relatórios sobre a clareza e eficácia de vários aspectos do produto. Ele permite que os designers respondam mais rapidamente às necessidades do usuário e façam as alterações apropriadas no produto.

Garantindo uma comunicação eficaz

O ChatGPT pode facilitar a comunicação entre designers, desenvolvedores e outros membros da equipe, traduzindo termos técnicos e simplificando conceitos complexos. Ajuda todos os membros da equipe a compreender os objetivos e requisitos do projeto para uma melhor colaboração e resultados mais rápidos.


O que mais?


  • Criação de histórias de usuários, cenários, mapas de jornada do usuário e fluxo do usuário;
  • Criação de opções de testes A/B para design e texto;
  • Planejar sprints de design;
  • Criando seus próprios cases para o portfólio;
  • Gerar ideias para artigos, postagens e outras tarefas relacionadas ao design;
  • Desenvolvimento profissional;
  • Continua.


Em vez de conclusões

Espero ter revelado as maneiras específicas de usar ChatGPT no trabalho de UI/UX e designers de produto usando o exemplo do aplicativo condicional MathWiz e que você tenha encontrado algo útil e aplicável para si mesmo.


Para concluir, devo mencionar uma das perguntas mais frequentes na web: Irá a IA substituir os designers e privá-los dos seus empregos?


Rufar de tambores…

A inteligência artificial dificilmente substituirá completamente o design num futuro próximo (exceto para tarefas repetitivas ou que podem ser automatizadas). Por que? Porque cada negócio, assim como um grupo de utilizadores e muitos outros factores, é um caso personalizado. O design envolve não apenas a criação de objetos visuais, mas também empatia, criatividade e abordagens centradas no ser humano para a resolução de problemas. Essas habilidades não são fáceis de replicar com IA.


Assim, ChatGPT pode ser considerado seu assistente pessoal de IA. Quem não quer algo assim? Essa ferramenta já está aqui, então vamos aprender como usá-la.


E assim, isto nos leva à afirmação final, a saber: a IA não substituirá os designers, mas os designers que usam a IA substituirão aqueles que não o fazem.