Transcripciones
1. Narración UX con IA con datos: Hola y bienvenidos a este
curso sobre contar historias apoyadas por datos usando
chat intérprete de código GPT Mi nombre es Jacob Macneal y soy diseñador
de servicios
con experiencia
en ingeniería de producto Y también soy el
coanfitrión y productor del podcast Designing
the Robot Revolution. Tengo entusiasmo por
contar historias cautivadoras,
y descubrí que una y otra vez cuando quiero mi comunicación
llegue
a través, especialmente en mi trabajo de diseño, una de las formas más
efectivas es usar datos para
fortalecer mis argumentos Al igual que una buena historia hace que un tema convincente sea fácil de
entender y recordar. Un gráfico o gráfico bien hecho puede hacer lo mismo
con datos complejos, convirtiendo números en imágenes, facilitando su comprensión. Recuerda, también puede verse realmente genial en una
presentación si se hace bien. Sin embargo, el proceso de
elaboración de estos gráficos
puede ser desalentador Las herramientas convencionales como Excel y Powerpoint tienen sus
límites y pueden ser difíciles de manejar La codificación puede
parecer un reto si no lo has hecho antes. Aquí es donde brilla el poder de las herramientas
avanzadas de IA. En este curso,
viajaremos a través creación, participación e impacto,
y luego gráficos personalizados, y luego gráficos personalizados, transformando los datos sin procesar en narrativas
efectivas También tocaremos el
diseño de gráficos que sea informativo, visualmente agradable y
congruente con su marca Todo el tiempo recibiendo
toda la ayuda que necesitamos con la codificación de nuestro
amable asistente de IA. Este curso está dedicado a
empoderarte como diseñador, brindándote más herramientas para
hablar sobre tus diseños. Profundizaremos en una
multitud de temas, incluidos
tipos de gráficos comunes como gráficos de barras, gráficos líneas y gráficos de dispersión Y cómo emplearlos para tejer una narrativa de
diseño convincente, evitando errores típicos
en la visualización de datos y discerniendo cuándo
elegir un
gráfico específico sobre otro Personalizaremos tus
gráficos para aumentar la claridad, la estética y la alineación
con tu marca Al dominar estas habilidades, podemos interpretar y
comunicar mejor los resultados
de la investigación y las decisiones de diseño Fomentar una
comprensión compartida de dónde
estamos y hacia dónde debemos
ir en nuestro trabajo de diseño. Si eres un profesional estadounidense,
un diseñador de servicios o simplemente alguien fascinado por la idea de
contar historias con datos, estoy encantado de darle la
bienvenida a bordo Empecemos juntos en este
viaje para desbloquear el
potencial narrativo de tus datos. Bienvenido a Storytelling
with Data, Un
curso de intérprete de código de Chat GPT para diseñadores
2. Aumenta narrativas con datos: ¿Por qué incorporar datos y visualizaciones a
tus narrativas Bueno, considera las historias como tu medio para
darle sentido al mundo. Simplifican conceptos complejos
y los hacen memorables. Cuando mejoramos estas historias
con datos e imágenes, damos profundidad a nuestras narrativas, haciéndolas atractivas
y Piense en los datos como el
marco fáctico de nuestra historia. Proporciona una evidencia tangible
que da credibilidad. Por ejemplo, es posible que hayas implementado una nueva característica
fantástica. Como diseñador de UX, simplemente podría afirmar que esta característica mejoró
la experiencia del usuario, pero eso carece de concreción Si apoyas tu
reclamo con datos que muestran un incremento del 30%
en la participación del usuario, repente
conlleva más peso. Su narrativa ahora tiene una base
sólida de evidencia, pero los datos por sí solos pueden ser secos. Ahí es donde entran las imágenes. Transforman los datos en algo
digerible y memorable En el escenario de diseño de Estados Unidos, un gráfico que muestra el
aumento en la participación del usuario demuestra
el impacto del cambio de diseño y lo
hace memorable. Es un artefacto que los
compañeros y la dirección recordarán fácilmente y al
que pueden volver Para que te recuerdes tu
éxito como diseñador, uno de tus roles clave es contar historias
convincentes
que comuniquen tus diseños, valor
e intenciones. Esto se hace mejor
no solo
pensando en información textual y
verbal, sino también involucrando datos y
visuales en tus Si no estás acostumbrado
a trabajar con datos o quieres
acelerar tu flujo de trabajo, aquí
es donde entra Chat GPT con intérprete de
código Con el intérprete de código, puede explorar sus datos, generar imágenes
significativas y guiar el proceso de
narración de datos una
manera conversacional
e interactiva Aquí te explicamos cómo puedes
aprovecharlo al máximo. Identifica la narrativa, comienza por señalar la
historia que quieres contar Por lo general, para un diseñador, esto se basa en algo que
has hecho o te gustaría hacer. ¿Cuál es tu mensaje? ¿Qué acción quieres que tome tu
audiencia? Esta narrativa forma la
base de tu historia e informa tu selección
de datos y visuales. Seleccione los datos relevantes. Una vez que tengas tu narrativa, encuentra datos que la respalden. Estos podrían ser datos que
ilustren la tendencia, comparen elementos,
identifiquen un valor atípico, o incluso resalten un punto
contra-intuitivo Fundamentalmente, los datos deben
ofrecer evidencia convincente que fortalezca su narrativa y persuade a su audiencia Gpt puede ayudarlo a
explorar varios conjuntos de datos e identificar los datos más relevantes e impactantes
para su historia Elija visualizaciones efectivas. Armado con tus datos, debes decidir
cómo visualizarlos. Diferentes tipos de datos requieren
diferentes visuales. Las tendencias a lo largo del tiempo a menudo
se muestran con gráficos de líneas, las comparaciones están bien representadas usando gráficos de barras
o gráficos de dispersión. Partes de un todo se
ilustran efectivamente con un gráfico de barras
apiladas. Aunque los gráficos circulares usan
comúnmente para mostrar
partes de un todo, a menudo
pueden ser
engañosos ya que los humanos luchan por interpretar los
ángulos con precisión. Hay muchas más versiones de gráficas y tablas
que se pueden usar, pero estas te darán
un camino muy largo. Bueno, selecciona la
visualización que mejor comunique tus datos y
apoye tu narrativa. Con qué GPT puedes
experimentar, diferentes
tipos de visualización y obtener comentarios sobre
su efectividad Por último, incorpora tus datos e imágenes a tu historia No deben ser tacañadas, sino integradas en
tu narrativa Con cada dato y cada visualización
avanzando en su historia, el
chat GPT puede ayudar a crear una narrativa fluida
que combine su texto, datos e imágenes en una historia
cohesiva y atractiva Crear narrativas con datos es un
proceso iterativo interactivo Inicialmente,
exploramos nuestros datos para tener una idea de cómo
apoyar nuestra historia. Esta exploración, guiada
por nuestra comprensión de los datos y los
conocimientos que deseamos revelar, a menudo conduce a patrones
inesperados o percepciones que
remodelan nuestra historia Chat GPT es una herramienta fantástica
para este viaje iterativo, que le permite refinar y
mejorar
continuamente su narrativa
en función de su exploración de datos
3. Trabaja con herramientas de IA: Una advertencia sobre el uso Chat GPT para sus narrativas
basadas en datos Si bien Chat GPT y
otras herramientas de IA son excelentes para explorar datos
y dar forma a las narrativas, es esencial recordar
que sigue siendo un modelo de
aprendizaje automático Sus respuestas
no siempre son perfectas, y en ocasiones puede
producir resultados inexactos o
engañosos, o confusos Esto es particularmente
cierto cuando se trata temas
complejos o matizados donde el contexto y el juicio humano
juegan un papel crucial Si bien los chatbots pueden ser activos
invaluables en tu proceso de construcción
narrativa, no debería ser la única
base para tu historia. Como diseñador responsable, tiene el deber de garantizar la precisión e
integridad de su trabajo. Esto significa que
tendrá que verificar los hechos. Deberá
investigar críticamente, evaluar la información
y los conocimientos proporcionados por el chat GPT
u otros bots de chat Aquí hay algunas pautas
para ayudarte a navegar por esto. No confíe únicamente en los bots de chat. Úselos como punto de partida, pero siempre cruce su salida con otras fuentes
confiables. Busque la opinión pericial
cuando sea necesario. Es necesario verificar siempre hechos la información
proporcionada por Chat GPT Esto es especialmente
importante cuando se trata de datos estadísticos
y datos históricos. Debes encontrar los datos en
otros lugares y luego usar el bot de chat para
modificarlos y trabajar con ellos. La información que proviene de un
chat bot no es infalible. Sé crítico con la información que te da si parece contradictoria o no encaja con lo que has
aprendido en otros lugares Recuerda que
eres el narrador, mientras que un bot de chat puede brindar
asistencia e ideas, la responsabilidad
final de la precisión y calidad de tu
narrativa recae Al mantener un enfoque reflexivo
y crítico, puede asegurarse de que sus narrativas basadas en
datos sean atractivas
y confiables Con herramientas como GPT
a tu disposición y la práctica
y experimentación
continuas con diferentes
imágenes de datos y narrativas, pronto
te convertirás en un
experto
4. Visualización de datos con Chat GPT: Ahora veremos más de cerca la herramienta
central para este curso, chat GPT y su intérprete de
código Hola futuro Jacob aquí. Yo solo quería
decirte eso entre yo grabando
la cabeza parlante para este video y yo grabando el video de mí haciendo
cosas en un GPT abierto Decidí cambiar
el nombre del Intérprete de Código a análisis
avanzado de datos. Cada vez que digo intérprete de
código, el
análisis avanzado de datos
funciona, es lo mismo,
es solo un nombre nuevo. Y puedes estar bastante seguro que abrir un ojo renombrará
las cosas
como mejor les parezca, ya que sienten que necesitan
evolucionar su producto
para que tengan más sentido. Dicho esto, solo
voy a reiniciar el video aquí y
puedes seguir viendo. Disfrutar de esta herramienta es como tener
un experto en matemáticas amigable y un codificador a tu lado
listo para ayudarte a crear increíbles visualizaciones de datos
con solo unas Está disponible en la versión
pro de chat GPT y configurarlo y
ejecutarlo es muy sencillo ¿Qué es el intérprete de código? En términos simples, el
intérprete de código nos permite ejecutar código
Python justo dentro de nuestro chat en lugar de simplemente
hablar de datos. Podemos jugar con él, analizarlo y convertirlo en
imágenes llamativas como gráficos y tablas Configurar el
intérprete de código es fácil. Abra el chat GPT, y haga clic en el nombre de
su cuenta en la esquina
inferior derecha Haga clic en Configuración y, a continuación,
abra las funciones Beta. Da la vuelta al botón junto
a Intérprete de código. Ahora, cuando inicies un nuevo chat, notarás un menú
desplegable en la parte superior. En este menú, seleccione la opción que dice Intérprete de
código. Y así,
tienes tu propio asistente siendo capaz de codificar y
ayudarte a interpretar datos. Ahora para la parte divertida con
el intérprete de código, podemos pedirle al chat GPT que
cree gráficos a partir de nuestros datos Imagínese tener
una hoja de cálculo llena de números y
convertirla en un gráfico de barras colorido
o un gráfico de líneas detallado Por ejemplo, podrías preguntar, puedes crear un gráfico de barras
que muestre el número de sitios Patrimonio de la
Humanidad
por país y chatear GPT creará un
gráfico para que lo descargues Esta característica es muy útil si no
eres fanático de tratar
con números o codificación. Pero incluso si lo eres, es una excelente manera de ahorrar tiempo y enfocarte en el panorama general. Eso es todo, con el intérprete de
código, estás listo para sumergirte en el mundo de la visualización de datos. Disfruta el viaje, y recuerda, estaré aquí para
ayudarte en el camino. Si tiene alguna duda, por favor escriba en los comentarios. Me gustaría ver
cosas que haces, publicarlas en los proyectos que me harían muy feliz.
5. Encuentra datos: Los gráficos de líneas son excelentes
para mostrar tendencias a lo largo tiempo o para explorar el
vínculo entre dos cosas. Pero antes de hacer una gráfica, necesitamos los datos correctos. Para tener una buena gráfica de líneas, necesitas al menos dos tipos
diferentes de datos. Un tipo son sus datos
independientes, que a menudo son el tiempo
o una secuencia de eventos Estos datos van sobre el eje
x en la gráfica. El otro tipo son
tus datos dependientes, que es la información que te interesa estudiar. Estos datos van sobre el eje y. El punto donde se
encuentran estos dos se unen luego para formar una línea. Por ejemplo, si
quieres ver cómo cambia la altura de
tus plantas con el paso del tiempo. Tus datos dependientes
podrían ser el número de días desde que
lo plantaste, ese es el eje X. Entonces tus
datos dependientes podrían ser la altura de tu
planta en cada día, ese sería el eje Y. Como profesionales de UX y
diseño de servicios, el tipo de datos que
utilizará a menudo
emerge de diferentes fuentes Incluyendo
investigación de usuarios, pruebas AB, pruebas de
usabilidad y uso en el mundo
real. Cada una de estas fuentes
aporta conocimientos únicos y su uso efectivo puede mejorar
enormemente su proceso de
diseño. Aquí hay algunos ejemplos de datos
de investigación de usuarios. Esto podría ser datos cualitativos como calificaciones de usuarios para
diferentes características. O datos cuantitativos como tiempos de
finalización de tareas o tasas de
error Shut. Dichos datos pueden ofrecer
información sobre los comportamientos,
preferencias y experiencia de
sus usuarios, lo que le
brinda una amplia
comprensión de los datos de prueba
AB de sus usuarios cuando explora diferentes alternativas de
diseño. Las pruebas de ab pueden proporcionar comentarios
invaluables. Puede realizar un seguimiento de métricas como las tasas de
conversión, las tasas de límites o el tiempo promedio
empleado en una página para medir el éxito
de cada variante Los datos de uso del mundo
real, los datos de uso del mundo real
recopilados de
usuarios reales que interactúan con
sus diseños en su entorno cotidiano pueden proporcionar la información más
directa. Este tipo de datos incluye
elementos como análisis, datos, archivos de
registro, interacciones de atención al
cliente y comentarios de los clientes. Te permite ver
cómo tus usuarios están realmente interactuando con
el producto o servicio, qué problemas están
encontrando y qué partes del diseño
funcionan bien o mal A medida que reúna y analice datos, asegúrese de que sean relevantes
para su investigación. Las preguntas son confiables y contienen las variables que
necesita para la visualización de datos. Recuerde, el objetivo es utilizar esta historia convincente de datos que lo ayuda en
el proceso de diseño, informa a las partes interesadas
y, en última instancia, da como resultado
una mejor experiencia de usuario.
6. Gráficos de líneas: Una vez recopilados sus datos, ahora
somos los mejores para aventurarnos en el apasionante reino de la
elaboración de gráficos de líneas Para ilustrar,
supongamos que tenemos algunos datos de pruebas de
usabilidad del mundo real, donde hemos rastreado el
tiempo que el usuario tardó en
completar una tarea específica en
un sitio web durante seis meses. Estos datos medidos en
segundos pueden ayudarnos a ver si la
usabilidad del sitio web ha mejorado. Para visualizar estos datos, haremos que nuestro
amigo de IA use una herramienta. Muchos programadores de Python
adoran Matplot Lib. Se trata de una biblioteca en el lenguaje de programación
Python que nos permite generar un amplio espectro de gráficos
estáticos o animados e
interactivos. Hoy lo estamos usando
para elaborar un gráfico de líneas. Procedamos a trazar nuestros datos. Así es como podrías pedirle a
Chat GPT que haga esto. ¿Podrías generar un gráfico de líneas que ilustre el tiempo
promedio que toman los usuarios para completar la tarea en el sitio web de
enero a junio Aquí están los datos y luego
insertamos el
archivo de datos en Chat GPT El eje x debe
denotar los meses y el eje Y debe significar el
tiempo promedio de finalización en segundos Por favor, agregue un título apropiado
y etiquetas para el eje. Chat GPT analizará sus datos y construirá
un gráfico de líneas que podrá descargar e
incorporar a sus presentaciones o informes Puedes personalizar aún más esta gráfica que necesites
especificando colores, estilos y otros atributos en tus instrucciones a la IA. Ahí vamos,
Aprovechando el chat GPT, hemos convertido nuestros
datos de usabilidad en un gráfico de líneas que explica
con lucidez las tendencias en la finalización
promedio de tareas
durante Tales
representaciones visuales permiten una comprensión instantánea
de las tendencias en comparación con la búsqueda de números
brutos. A medida que continúe trabajando
con el intérprete de código, descubrirá que
es una potente herramienta para transformar datos en imágenes
esclarecedoras Y recuerda siempre,
la práctica trae la perfección. No rehuya
experimentar con
diferentes conjuntos de datos
y tipos de gráficos
7. Tu primer gráfico de líneas: Ahora vamos a
meternos en tu propio proyecto, creando tu propio
gráfico de líneas con datos de Excel. En primer lugar, es necesario
recopilar sus datos. Encuentra un conjunto de datos que te
interese. Estos podrían ser datos
que hayas recopilado tú mismo o que hayas recabado
de un recurso externo. Para un gráfico de líneas, se necesitan al
menos dos variables. Una será tu
variable independiente, eso suele ser el tiempo, y la otra será
tu variable dependiente, la que te
interesa rastrear. Si no tienes tus propios datos con los que quieres trabajar, te
proporcionaré un archivo Excel que he
llamado Project One, donde podrás replicar el que acabo de hacer en la lección El segundo paso es
preparar tus datos. Ingresa tus datos en una
hoja de Excel o usa el que te proporcioné con cada variable
en una columna separada. Asegúrese de que los
datos se limpien y formalicen correctamente
para su visualización El paso tres es importar
tu archivo Excel. Simplemente arrastre el archivo al chat y luego cree su gráfico de líneas usando el intérprete de código. Pide a GPT que cree un
gráfico de líneas con tus datos. paso cinco es
interpretar tu gráfica, mirar tu gráfica e identificar las tendencias y relaciones
que ilustra. Aquí es donde entra en juego el poder real de la visualización de datos. Pídele al bot de chat
que te diga lo que puede sobre los datos y la
gráfica y
míralo tú mismo y trata de
entenderlo. Cuando hayas terminado,
por favor escribe en la sección del proyecto sobre cómo fue
este proceso para
ti y tal vez incluso
puedas subir una
imagen de tu gráfica.
8. Haz que tu gráfico sea hermoso: Ahora que has hecho tu gráfico de
líneas con Chat GPT, hagamos que se vea aún mejor Como diseñador,
sabes que
las miradas son importantes cuando
necesitas mostrar tus datos. Aquí hay algunas cosas que
puedes hacer con un GPT. Puedes quitar la rejilla
y el eje x, solo digamos, quitar la cuadrícula de
la gráfica y quitar el eje x para una apariencia más limpia. Se puede cambiar el color de la línea. Se puede decir GPT. Por favor, cambie el color de su línea
al color que desee. Puedes hacer que la línea sea más gruesa solo para que sea más fácil de ver, solo pídele al chatbot que haga eso Se puede suavizar la gráfica. Esto es un poco técnico, pero puedes usar un
filtro gaussiano para suavizar las líneas de
la gráfica para que sea más fácil ver
lo que está Las tendencias más grandes, puedes
quitarte la parte superior y el
borde derecho para un look más moderno. Puedes cambiar la fuente aquí. Necesitas pensar en
qué fuentes están disponibles, pero puedes pedirle al chat que te lo
diga para que
puedas ponerlo ahí. Una cosa que he hecho para mi ejemplo es que he hecho las etiquetas más cortas al
no tener que sean la fecha, 012023, por ejemplo Yo solo lo tengo enero o
ene. Entonces puedes guardarlo. He elegido SVG porque
eso me funciona. Sólo pídele que haga eso.
Con estos pasos, tus gráficas no
solo mostrarán bien los datos, sino que también quedarán geniales. Ahora es tu turno de probar estos pasos en tu
propio gráfico de líneas. Primero, haz una
gráfica de líneas con GPT. Entonces usa estos pasos para que
tu gráfica se vea mejor. Cuando estés contento
con cómo se ve, guarda tu gráfica y piensa cómo los cambios la mejoraron. Recuerda, puedes modificar
estos pasos para que
sea más como tu
estilo gráfico feliz.
9. 9: Ahora estamos entrando en el
mundo de los diagramas de dispersión. Las gráficas de dispersión son potentes herramientas
visuales para comparar dos variables e identificar posibles correlaciones o
patrones dentro de ellas En esta lección,
nos centramos en un tipo muy específico de diagrama de dispersión comúnmente
utilizado en nuestro campo, la gráfica de impacto versus esfuerzo. Antes de comenzar a
elaborar esta trama, entendamos los conceptos
subyacentes y qué tipo de datos
necesitamos para crear uno El diagrama de dispersión de impacto versus
esfuerzo es una herramienta estratégica utilizada para
comparar y priorizar ideas o proyectos en función su esfuerzo de impacto estimado
requerido para implementarlos. Impacto. Esto podría referirse al valor de
beneficios potenciales o cambio
positivo que la
implementación de la idea o proyecto traería a la
empresa o a su grupo. El esfuerzo son los recursos necesarios para implementar la idea, incluyendo tiempo,
dinero o personal. Cada idea o proyecto se
traza entonces como un punto en la gráfica El eje X representa típicamente el esfuerzo y el eje Y
representa el impacto. ¿Qué datos
necesitas para crear esto? Los datos que necesitará
para una gráfica de dispersión de impacto versus esfuerzo a menudo
provienen de sesiones de ideación,
talleres o sesiones de lluvia de
ideas Luego se evalúa cada idea o proyecto con base en su impacto potencial y el esfuerzo estimado
requerido para implementarlo. El impacto y los esfuerzos
a menudo se miden en una escala 1-10 o uno a 100, asegurando que se puedan
comparar en la misma gráfica. Ahora vamos a
crear una gráfica de dispersión de impacto versus esfuerzo con
el intérprete de código. Tenemos nuestros datos y estamos listos para crear
el diagrama de dispersión. Para esta lección, utilizaremos datos de un
taller de ideación reciente donde se evaluaron
diferentes ideas en
función de su
impacto y esfuerzo estimados Empecemos a crear
nuestro diagrama de dispersión. Así es como
podrías instruir a GPT. Pero dado el archivo
con el esfuerzo, calificaciones de
impacto, también podría haberlas escrito en el chat Ahora, ¿podría crear
una gráfica de dispersión de impacto versus esfuerzo usando los siguientes datos de
nuestro taller de ideación El eje x debe representar el esfuerzo y el eje Y
debe representar el impacto. Por favor, etiquete cada punto con el nombre de la
idea correspondiente y agregue una etiqueta adecuada para el eje
y el título para la trama. Ahora Chat GPT luego procesará nuestros datos y generará una gráfica de dispersión de impacto versus
esfuerzo La trama generada se puede descargar y utilizar en sus
presentaciones o informes. Puedes
personalizar aún más la trama como
hicimos con la última
trama que hicimos. Es necesario especificar colores u otros atributos en sus
instrucciones a la IA. Con la ayuda de Chat GPT, hemos
transformado los datos de nuestro taller de
radiación en una gráfica de dispersión que comunica
visualmente
el impacto estimado y el
esfuerzo estimado de cada idea Esta visualización
permitirá a las partes interesadas comparar estas ideas rápidamente y facilitar la toma de
decisiones informadas. A medida que continúe experimentando
con el intérprete de código, encontrará que es
una herramienta valiosa para traducir datos en imágenes
perspicaces La práctica hace la perfección. Así que siéntase libre de explorar
diferentes conjuntos de datos y tipos de gráficos para mejorar
sus presentaciones de diseño. Gracias por sumarse a
esta exploración de lo que nosotros como diseñadores podemos hacer
con el intérprete de código. Creo que esta
es una herramienta fabulosa que voy a estar usando mucho. Recuerda tener un
poco de cuidado con lo que pides que haga GPT Si le pides un conjunto de datos,
podría inventarlo. Pero si agregas un conjunto de datos
que has verificado, estás en buena forma para
empezar a trabajar en eso y hacer una buena
representación visual de esos datos. Espero que hayas aprendido
mucho a través de esto. Estoy seguro de que
tiene preguntas. Si lo hace, por favor escríbeme en la discusión o agregue un proyecto
a la sección de proyecto. Tengo mucha, mucha curiosidad por
lo que piensas de esto. Espero que
experimentes más con esto. Tengo un gran día. Gracias.
Jacob Magnell, Service Designer, Innovation Strategist
