Transcrições
1. Storytelling de IA UX com dados: Olá, bem-vindo a este
curso sobre como contar histórias
apoiadas por dados usando o interpretador de código GPT de
bate-papo Meu nome é Jacob Macneal e sou designer
de serviços
com experiência
em engenharia de produto em E também sou
co-apresentadora e produtora do podcast Designing
the Robot Revolution. Tenho entusiasmo por
contar histórias cativantes
e descobri que, repetidamente
, quando quero minha comunicação
seja transmitida,
especialmente em meu trabalho de design, uma das maneiras mais
eficazes é usar dados
para
fortalecer Assim como uma boa história um tópico atraente é fácil de
entender e lembrar Uma tabela ou gráfico bem feito pode fazer o mesmo
com dados complexos, transformando números em imagens, facilitando a compreensão. Lembre-se de que também pode parecer muito legal em uma
apresentação se for bem feita. No entanto, o processo de elaboração desses gráficos
pode ser assustador Ferramentas convencionais, como Excel e Powerpoint, têm seus
limites e podem ser difíceis de manejar Codificar pode
parecer um desafio se você nunca fez isso antes É aqui que o poder das ferramentas
avançadas de IA brilha. Neste curso,
percorreremos criação, o engajamento, o impacto
e, em seguida, os gráficos personalizados, transformando dados brutos em Também abordaremos o
design do gráfico que é informativo, visualmente agradável e
congruente Ao mesmo tempo, obtemos
toda a ajuda de que precisamos com a codificação do nosso
amigável assistente de IA Este curso é dedicado a
capacitar você como designer, oferecendo mais ferramentas para
falar sobre seus designs Vamos nos aprofundar em
vários tópicos,
incluindo
tipos comuns de gráficos, como gráficos de barras, gráficos de
linhas e gráficos E como empregá-los para uma narrativa de
design convincente, evitando erros típicos
na visualização de dados e discernindo quando
escolher um gráfico específico em vez de outro Personalizaremos seus
gráficos para aumentar a clareza, estética e o alinhamento
com sua marca. Ao dominar essas habilidades, podemos interpretar e
comunicar melhor os resultados
da pesquisa e as decisões de design Promover uma
compreensão compartilhada de onde
estamos e aonde precisamos
ir em nosso trabalho de design Se você é um profissional dos EUA,
um designer de serviços ou apenas alguém fascinado
pela ideia de
contar histórias com dados, estou muito feliz em
recebê-lo a bordo Vamos embarcar nessa
jornada juntos para
desvendar o
potencial narrativo de seus dados Bem-vindo ao Storytelling
with Data, um
curso de intérprete de código GPT do Chat
2. Aumentando as narrativas com dados: Por que incorporar dados e visualizações em
suas narrativas Bem, considere as histórias como seu meio de
entender o mundo. Eles simplificam conceitos complexos
e os tornam memoráveis. Quando aprimoramos essas histórias
com dados e imagens,
damos profundidade às nossas narrativas, damos profundidade às nossas narrativas, tornando-as envolventes
e Pense nos dados como a
estrutura factual da nossa história. Ele fornece uma evidência tangível
que dá credibilidade. Por exemplo, você pode ter implementado um novo recurso
fantástico. Como designer de UX, você pode simplesmente afirmar que esse recurso melhorou
a experiência do usuário, mas isso carece de concretude Se você apoiar sua
afirmação com dados que mostram um aumento de 30%
no engajamento do usuário, repente
ela ganha mais peso. Sua narrativa agora tem uma
base sólida de evidências, mas os dados por si só podem ser secos. É aí que entram os recursos visuais. Eles transformam dados em algo fácil de
entender e memorável No cenário de design dos EUA, um gráfico mostrando o
aumento no engajamento do usuário demonstra o impacto
da mudança de design e a
torna memorável É um artefato que os
colegas e a gerência se
lembrarão facilmente e ao
qual poderão voltar Para se lembrar de seu
sucesso como designer,
uma de suas principais funções é contar histórias
convincentes
que comuniquem seus designs, valores
e É melhor fazer isso
não apenas
pensando em informações textuais e
verbais, mas também envolvendo dados e
elementos visuais em suas Se você não está acostumado
a trabalhar com dados ou quer
acelerar seu fluxo de trabalho, é
aqui que entra o Chat GPT com interpretador de
código Com o interpretador de código, você pode explorar seus dados, gerar imagens
significativas e orientar o processo de
contar histórias de dados forma conversacional Veja como você pode tirar
o máximo proveito disso. Identifique a narrativa, comece identificando a
história que você quer contar Normalmente, para um designer, isso se baseia em algo que
você fez ou gostaria de fazer. Qual é a sua mensagem? Que ação você quer que seu
público realize? Essa narrativa forma a
base da sua história e informa sua seleção
de dados e elementos visuais Selecione dados relevantes. Depois de ter sua narrativa, encontre dados que a apoiem. Podem ser dados que
ilustram tendências,
comparam elementos, identificam uma exceção
ou até mesmo destacam um ou até mesmo destacam Fundamentalmente, os dados devem
oferecer evidências convincentes que fortaleçam sua narrativa e convençam seu público. O Gpt pode ajudá-lo a
explorar vários conjuntos de dados e identificar os dados
mais relevantes e impactantes Escolha visualizações efetivas. Com seus dados, você precisa decidir
como visualizá-los. Tipos de dados diferentes
exigem imagens diferentes. As tendências ao longo do tempo geralmente são
exibidas com gráficos de linhas; comparações são bem representadas usando gráficos de barras ou gráficos Partes de um todo são
ilustradas de forma eficaz com um gráfico de barras
empilhadas Embora os gráficos circulares sejam comumente usados para mostrar
partes de um todo, eles geralmente podem ser
enganosos, pois os humanos lutam para interpretar os
ângulos com precisão Existem muitas outras versões de gráficos e tabelas
que podem ser usadas, mas elas ajudarão você a percorrer
um longo caminho Bem, selecione a
visualização que melhor comunica seus dados e
dá suporte à sua narrativa Com qual GPT você pode
experimentar, diferentes
tipos de visualização e obter feedback sobre
sua eficácia Por fim, incorpore seus dados e imagens à sua história Eles não devem ser adicionados, mas integrados à
sua narrativa Com cada dado e cada visualização
avançando sua história, chat GPT pode ajudar a criar uma narrativa perfeita
que combina texto, dados e imagens em uma
história coesa e Criar narrativas com dados é
um processo interativo e
iterativo Inicialmente,
exploramos nossos dados para ter uma ideia de como
apoiar nossa história. Essa exploração, guiada
por nossa compreensão dos dados e dos
insights que desejamos revelar, geralmente leva a padrões
ou insights
inesperados que
remodelam nossa história Chat GPT é uma ferramenta fantástica
para essa jornada iterativa, permitindo que você refine e
melhore
continuamente sua narrativa com
base na exploração
3. Trabalhando com ferramentas de IA: Uma ressalva sobre o uso do Chat GPT para suas narrativas baseadas em dados Embora o Chat GPT e
outras ferramentas de IA sejam ótimas para explorar dados
e moldar narrativas, é essencial lembrar que ainda é um
modelo de aprendizado de máquina Suas respostas
nem sempre são perfeitas
e, às vezes, podem
produzir resultados imprecisos,
enganosos ou Isso é particularmente
verdadeiro quando se trata tópicos
complexos ou diferenciados, nos quais contexto e o julgamento humano
desempenham um papel crucial Embora os bots de bate-papo possam ser recursos
inestimáveis em seu processo de construção
narrativa
, eles não devem ser a única
base para sua história Como designer responsável, você tem o dever de garantir
a precisão e a
integridade do seu trabalho. Isso significa que ele
precisará verificar os fatos. Você precisará
pesquisar criticamente, avaliar as informações
e os insights fornecidos pelo chat GPT
ou outros bots de bate-papo Aqui estão algumas diretrizes
para ajudá-lo a lidar com isso. Não confie apenas nos bots de bate-papo. Use-os como ponto de partida, mas sempre cruze sua saída com outras fontes
confiáveis. Procure a opinião de especialistas
quando necessário. Você precisa sempre verificar
os fatos das informações
fornecidas pelo Chat GPT Isso é especialmente
importante ao lidar com dados estatísticos
e dados históricos. Você deve encontrar os dados em
outros lugares e, em seguida, usar o bot de bate-papo para
modificá-los e trabalhar com eles. As informações provenientes de um bot de
bate-papo não são infalíveis. Seja crítico com as informações que ele fornece, caso pareçam contraditórias ou não se encaixem no que você
aprendeu em outro lugar Lembre-se de que
você é o contador de histórias Embora um bot de bate-papo possa fornecer
assistência e informações, a responsabilidade final
pela precisão e qualidade de sua
narrativa é Ao manter uma abordagem ponderada
e crítica, você pode garantir que suas narrativas baseadas em
dados sejam envolventes
e confiáveis Com ferramentas como o GPT à sua
disposição e prática e experimentação
contínuas
com diferentes
visuais
e narrativas de dados, você logo se tornará um
4. Visualização de dados com o Chat GPT: Agora, examinaremos mais de perto a ferramenta
principal deste curso, chat GPT e seu interpretador de
código Olá, futuro Jacob, aqui. Eu só queria
te dizer isso entre eu gravar
a cabeça falante deste vídeo e eu gravar o vídeo de mim fazendo
coisas em um GPT aberto Decidi renomear o Code Interpreter para análise
avançada de dados Toda vez que eu digo interpretador de
código, a
análise avançada de dados funciona É a mesma coisa,
é só um novo nome E você pode ter certeza que open a eye renomeará
as coisas da maneira que achar melhor, pois elas sentem que precisam
evoluir seu produto
para que façam mais Com isso dito,
vou
reiniciar o vídeo aqui e
você pode continuar assistindo. Aproveitar essa ferramenta é como ter
um especialista em matemática amigável e
um programador prontos para ajudá-lo a criar visualizações de dados
incríveis
com apenas algumas instruções Ele está disponível na versão
pro do chat GPT e configurá-lo e
executá-lo é muito fácil O que é o interpretador de código? Em termos simples, o
interpretador de código nos permite executar código
Python diretamente em nosso bate-papo, em vez
de
apenas falar sobre dados Podemos brincar com ele, analisá-lo
e transformá-lo em
visuais atraentes, e transformá-lo em
visuais atraentes como gráficos Configurar o
interpretador de código é fácil. Abra o chat GPT e clique no nome da
sua conta no canto
inferior direito Clique em Configurações e, em seguida,
abra os recursos beta. Gire o botão ao lado de Code
Interpreter. Agora, ao iniciar um novo bate-papo, você verá um menu
suspenso na parte superior. Nesse menu, selecione a opção que diz
Code Interpreter. E assim, você
tem seu próprio assistente capaz de codificar e
ajudá-lo a interpretar dados. Agora, para a parte divertida
do interpretador de código, podemos pedir ao chat GPT que
crie gráficos a partir de Imagine ter
uma planilha cheia de números e
transformá-la em um gráfico de barras colorido
ou em um gráfico de linhas detalhado Por exemplo, você pode perguntar: você
pode criar um gráfico de barras
mostrando o número de sítios do Patrimônio
Mundial
por país e chat GPT criará um
gráfico para você baixar Esse recurso é muito útil se você não é fã de lidar
com números ou codificação Mas mesmo que você
seja, é uma ótima maneira de economizar tempo e se concentrar no panorama geral. pronto, com o interpretador de
código, você está pronto para mergulhar no mundo
da visualização de dados Aproveite a viagem e lembre-se de que estarei aqui para
ajudá-lo ao longo do caminho. Se você tiver alguma dúvida,
por favor, escreva nos comentários. Eu gostaria de ver
as coisas que você faz, publicá-las nos projetos que me deixariam muito feliz.
5. Encontrando dados: Os gráficos de linha são ótimos
para mostrar tendências ao longo tempo ou para explorar a
ligação entre duas coisas Mas antes de fazermos um gráfico, precisamos dos dados corretos. Para ter um bom gráfico de linhas, você precisa de pelo menos dois tipos
diferentes de dados. Um tipo são seus dados
independentes, que geralmente são o tempo
ou uma sequência de eventos Esses dados vão no eixo
x do gráfico. O outro tipo são
os dados dependentes, que são as informações que você tem interesse em estudar. Esses dados vão para o eixo y. O ponto em que esses dois se
encontram é então unido para formar uma linha. Por exemplo, se você
quiser ver como a altura de
suas plantas
muda com o tempo. Seus dados dependentes
podem ser o número de dias desde que você os plantou
, esse é o eixo X. Então, seus
dados dependentes poderiam ser a altura de sua
planta em cada dia, ou seja, o eixo Y. Como profissionais de UX e
design de serviços, o tipo de dados que você
utilizará geralmente surge
de fontes diferentes Incluindo
pesquisa de usuários, testes AB, testes
de usabilidade e uso no mundo
real Cada uma dessas fontes
traz insights exclusivos e seu uso efetivo pode aprimorar
muito seu processo
de design. Aqui estão alguns exemplos de dados de pesquisa de
usuários. Podem ser dados qualitativos como avaliações de usuários para
diferentes recursos. Ou dados quantitativos, como tempos de
conclusão de tarefas ou taxas
de erro de encerramento. Esses dados podem oferecer
informações sobre o comportamento,
as preferências e a experiência de
seus usuários, oferecendo uma
compreensão rica dos dados de testes
AB de seus usuários quando você está explorando diferentes alternativas de
design. Um teste laboratorial pode fornecer um feedback
inestimável. Você pode acompanhar métricas como taxas
de conversão, taxas de limites ou tempo médio
gasto em uma página para medir o sucesso
de cada variante uso do mundo
real, dados de uso real
coletados de
usuários reais que interagem com
seus projetos no ambiente cotidiano podem fornecer os insights mais
diretos Esse tipo de dado inclui
elementos como análises, dados, arquivos de
log,
interações de suporte ao cliente e feedback
do cliente. Ele permite que você veja
como seus usuários estão realmente interagindo com
o produto ou serviço, quais problemas estão
enfrentando e quais partes do design
estão funcionando bem Ao coletar e analisar dados, certifique-se de que sejam relevantes
para sua pesquisa. As perguntas são confiáveis e contêm as variáveis
necessárias para a visualização de dados Lembre-se de que o objetivo é usar essa história convincente de dados que ajuda você no
processo de design, informa as partes interessadas
e, por fim, resulta em
uma melhor experiência do usuário
6. Gráficos de linha: Depois de coletar seus dados, agora
estamos prontos para nos aventurar
no empolgante reino da
criação de gráficos de linhas Para ilustrar, vamos
supor que temos alguns dados de teste de
usabilidade do mundo real, nos
quais rastreamos o
tempo que o usuário levou para concluir uma tarefa específica em
um site ao longo Esses dados medidos em
segundos podem nos ajudar a ver se a
usabilidade do site melhorou Para visualizar esses dados, faremos com que nosso
amigo de IA use uma ferramenta Muitos programadores
de Python adoram o Matplot Lib. Essa é uma biblioteca na linguagem de programação
Python que nos permite
gerar um amplo espectro de estáticos ou animados e
interativos Hoje, estamos usando isso
para criar um gráfico de linhas. Vamos continuar traçando nossos dados. Veja como você pode pedir que o
Chat GPT faça isso. Você poderia gerar um gráfico de linhas ilustrando o tempo
médio gasto pelos usuários para concluir a tarefa
no site de
janeiro a junho Aqui estão os dados e, em seguida,
inserimos o
arquivo de dados no Chat GPT O eixo x deve
indicar os meses e o eixo Y deve significar
o tempo médio de conclusão em segundos Adicione um título
e rótulos adequados para o eixo. O Chat GPT analisará seus dados e construirá
um gráfico de linhas que você pode baixar e
incorporar em suas apresentações ou relatórios Você pode personalizar ainda mais esse gráfico de que precisa
especificando cores, estilos e outros atributos em suas instruções para a IA Pronto,
aproveitando a GPT do chat, convertemos nossos
dados de usabilidade em um gráfico de linhas que explica
com clareza as tendências na conclusão
média de tarefas em meio ano Essas
representações visuais permitem uma compreensão instantânea
das tendências em comparação com a busca por números
brutos Ao continuar trabalhando
com o interpretador de código, você descobrirá que
ele é uma ferramenta poderosa para transformar dados em E lembre-se sempre de que a
prática traz perfeição. Não hesite em
fazer experiências com
diferentes conjuntos de dados
e tipos
7. Seu gráfico de primeira linha: Agora vamos
entrar em seu próprio projeto, criando seu próprio
gráfico de linhas com dados do Excel. Primeiro, você precisa
coletar seus dados. Encontre um conjunto de dados que
lhe interesse. Podem ser dados que
você
mesmo coletou ou obteve
de um recurso externo Para um gráfico de linhas, você precisa de pelo
menos duas variáveis. Uma será sua
variável independente, que geralmente é o tempo, e a outra será
sua variável dependente, aquela que você está
interessado em rastrear. Se você não tiver seus próprios dados com os quais deseja trabalhar, fornecerei um arquivo do Excel que
chamei de Projeto Um, onde você poderá replicar o que acabei de fazer na lição A segunda etapa é
preparar seus dados. Insira seus dados em uma
planilha do Excel ou use a que eu forneci com cada variável
em uma coluna separada. Certifique-se de que os
dados estejam limpos e formatados adequadamente
para visualização O terceiro passo é importar
seu arquivo do Excel. Basta arrastar o arquivo para o bate-papo e criar seu gráfico de linhas usando o interpretador de código Peça ao GPT para criar um
gráfico de linhas com seus dados. A quinta etapa é
interpretar seu gráfico, examiná-lo e identificar
as tendências e relacionamentos
que ele ilustra É aí que entra o verdadeiro poder da visualização de dados Peça ao bot de bate-papo que
lhe diga o que puder sobre os dados e o
gráfico, analise você mesmo e
tente entendê-lo. Quando terminar,
escreva na seção
do projeto sobre como esse processo foi para
você e talvez você possa até mesmo fazer o upload de uma
imagem do seu gráfico.
8. Faça seu gráfico bonito: Agora que você criou seu gráfico de
linhas com o Chat GPT, vamos torná-lo ainda melhor Como designer, você
sabe que a aparência é importante quando você
precisa mostrar seus dados. Aqui estão algumas coisas que
você pode fazer com um GPT. Você pode remover a grade
e o eixo x, basta dizer, remover a grade
do gráfico e retirar o eixo x para uma aparência mais limpa. Você pode alterar a cor da linha. Você pode dizer GPT. Por favor, altere
a cor da sua linha para a cor que você quiser. Você pode deixar a linha mais grossa apenas para facilitar a visualização, basta pedir ao chatbot que faça isso Você pode suavizar o gráfico. Isso é um pouco técnico, mas você pode usar um
filtro gaussiano para suavizar
as linhas do gráfico e facilitar a visualização do
que
está Quanto às tendências maiores, você pode
retirar a parte superior e a
borda direita para um visual mais moderno. Você pode alterar a fonte aqui. Você precisa pensar em
quais fontes estão disponíveis, mas pode pedir ao chat que
lhe diga isso para que
você possa colocá-las lá. Uma coisa que fiz no
meu exemplo foi encurtar
os rótulos
sem deixar que fossem a data, 012023, por exemplo Eu só tenho em janeiro ou
janeiro. Então você pode salvá-lo. Eu escolhi SVG porque
isso funciona para mim. Basta pedir que ele faça isso.
Com essas etapas, seus gráficos não
apenas mostrarão bem os dados, mas também terão uma ótima aparência Agora é sua vez de experimentar essas etapas em seu
próprio gráfico de linhas. Primeiro, faça um
gráfico de linhas com o GPT. Em seguida, use essas etapas para
melhorar a aparência do gráfico. Quando estiver satisfeito
com a aparência, salve seu gráfico e pense como as mudanças o tornaram melhor. Lembre-se de que você pode modificar
essas etapas para
torná-las mais parecidas com seu
estilo gráfico feliz.
9. 9: Agora estamos entrando no
mundo dos gráficos de dispersão. Os gráficos de dispersão são ferramentas
visuais potentes para comparar duas variáveis e identificar possíveis correlações ou Nesta lição,
vamos nos concentrar em um tipo muito específico de gráfico de dispersão comumente
usado em nosso campo, o gráfico de impacto versus esforço Antes de começarmos a
elaborar esse gráfico, vamos entender os conceitos
subjacentes e que tipo de dados
precisamos para criar um O gráfico de dispersão de impacto versus
esforço é uma ferramenta estratégica usada para
comparar e priorizar ideias ou projetos com base no esforço de
impacto estimado
necessário para Impacto. Isso pode se referir aos
benefícios potenciais, ao valor ou mudança
positiva que a
implementação da ideia ou do projeto traria para a
empresa ou seu grupo. O esforço são os recursos necessários para implementar a ideia, incluindo tempo,
dinheiro ou pessoal. Cada ideia ou projeto é então plotado como um ponto no gráfico O eixo X normalmente representa o esforço e o eixo Y
representa o impacto. Quais dados você
precisa para criar isso? Os dados necessários
para um gráfico de dispersão de impacto versus esforço geralmente
vêm de sessões de ideação,
workshops ou sessões de
brainstorming Cada ideia ou projeto é
então avaliado com base em seu impacto potencial e no esforço estimado
necessário para implementá-lo. O impacto e os esforços geralmente
são medidos em uma escala de 1 a 10 ou de 1 a 100, garantindo que possam ser
comparados no mesmo gráfico Agora vamos
criar um gráfico de dispersão de impacto versus esforço com
o interpretador de código Temos nossos dados e estamos prontos para criar
o gráfico de dispersão Para esta lição, usaremos dados de um recente
workshop de criação de ideias em que diferentes ideias foram avaliadas com base em seu
impacto e esforço estimados Vamos começar a criar
nosso gráfico de dispersão. Veja como você
pode instruir o GPT. Mas, considerando o arquivo
com o esforço e as classificações de
impacto, eu também
poderia tê-los digitado no chat Agora, você poderia criar
um gráfico de dispersão de impacto versus esforço usando os seguintes dados do
nosso workshop de ideação. O eixo x deve representar o esforço e o eixo Y
deve representar o impacto. Identifique cada ponto com o nome da
ideia correspondente e adicione um rótulo adequado para o eixo
e o título para o gráfico. Agora, o Chat GPT processará nossos dados e gerará um gráfico de dispersão de impacto versus
esforço O gráfico gerado pode ser baixado e usado em suas
apresentações ou relatórios Você pode
personalizar ainda mais o gráfico, como
fizemos com o último
gráfico que fizemos. Você precisa especificar cores ou outros atributos em suas
instruções para a IA. Com a ajuda do Chat GPT, transformamos os dados do nosso workshop de
radiação em um gráfico de dispersão que comunica
visualmente
o impacto estimado e o
esforço estimado de Essa visualização
permitirá que as partes interessadas
comparem essas ideias rapidamente e facilitem a tomada de
decisão informada Ao continuar experimentando o interpretador
de código, você descobrirá que ele é
uma ferramenta valiosa para traduzir dados em visuais
perspicazes A prática leva à perfeição. Portanto, fique à vontade para explorar
diferentes conjuntos de dados e tipos de gráficos para aprimorar
suas apresentações de design Obrigado por
participar dessa exploração do que nós, como designers, podemos fazer
com o interpretador de código Acho que essa
é uma ferramenta fabulosa que vou usar muito Lembre-se de ter um
pouco de cuidado com o que você pede que o GPT faça Se você solicitar um conjunto de dados, talvez
ele o compense. Mas se você adicionar um conjunto de dados
que você verificou, você está em boa forma para
começar a trabalhar nisso e fazer uma boa
representação visual desses dados Espero que você tenha aprendido
muito com isso. Tenho certeza de que você
tem perguntas. Se você fizer isso, escreva para mim
na discussão ou adicione um projeto
à seção de projetos. Estou muito, muito curioso para saber
o que você pensa sobre isso. Espero que você
experimente mais com isso. Eu tenho um ótimo dia. Obrigada
Jacob Magnell, Service Designer, Innovation Strategist
