Clase 12 - Gráficos Eficientes

Clase 12.
Data Analytics
GRÁFICOS EFICIENTES
● Reconocer una visualización eficiente.
● Identificar los tipos de gráficos.
OBJETIVOS DE LA CLASE
● Identificar los componentes de una
visualización.
VISUALIZACIÓN EFICIENTE
Los tableros son como los chistes.
Si hay que explicarlos, no están
buenos.
CONCEPTO
Una visualización eficiente

es aquella que permite
entender la información
de una forma clara y
rápida, sin que sea
necesaria la explicación de
un interlocutor.
¿Cómo lograrlo?
01
ES
TR
UC
O
TU
AT
RA
RM
Y
FO
DI
VISUALIZACIÓN
SE
ÑO
EFICIENTE
03 02
GRÁFICOS APROPIADOS
ESTRUCTURA Y DISEÑO
Estructura y diseño
A partir del diseño la visualización debe

cumplir las siguientes características:
- Clara: debe tener los objetos
necesarios, sin que haya
redundancia.
- Fácil de usar: debe ser simple.
Las acciones que se puedan
realizar con botones o gráficos,
deben ser obvias o explicadas con
texto de forma clara y concisa.
- Con propósito: debe tener una

audiencia específica, la cual
pueda contribuir en la elección
de las funcionalidades.
- Consistencia: debe contar una
historia manteniendo un hilo
conductor. Desde lo global a lo
detallado.
Estructura y diseño Solapa 1
Portada dashboard
GRÁFICOS APROPIADOS
Gráficos apropiados
Los gráficos en un tablero tienen
cuatro objetivos posibles, y todos
dependen de las variables (cualitativas
o cualitativas) que los datos posean:
1. Comparar magnitudes.
2. Estudiar la distribución de los
valores de una variable.
3. Componer nuevas variables.
4. Estudiar la relación que haya
entre variables.
Mapa de tipos de gráficos
FORMATO
Formato
El formato se establece con la
estandarización de los siguientes
componentes:
- Fuente: esta debe mantenerse
uniforme y por categorías, por
ejemplo: títulos, subtítulos,
leyendas, etiquetas de valor,
etiquetas informativas, etc.
- Paleta de color: los colores
pueden estar relacionados con la
marca o la tematica.
Formato
- Iconos: deben implementarse de
acuerdo a la temática y mantener
el tipo de diseño.
- Bordes, ejes y líneas en grillas:
si un objeto tiene, todos tienen (o
viceversa).
- Convenciones numéricas: los
valores se debe mostrar de
manera uniforme, ejemplo: 1.000
ó 1K ó 0.001M
Formato
- Resaltado de valores: es una
característica de algunas
herramientas, la cual permite darle
foco a un valor después de filtrado.
- Lenguaje claro y consistente:
mantener las palabras y
abreviaturas a los largo de la
estructura.
- Visualizaciones emergentes:
deben dar detalle y no repetir
información.
Formato
Formato
Accesibilidad
👉 La Accesibilidad significa asegurar que la información pueda
ser usada sin problemas por la mayor cantidad de personas
posible más allá de sus capacidades, habilidades, contextos,
plataformas y dispositivos utilizados
📍 La accesibilidad digital permite crear diseños que

produzcan experiencias memorables para todas las
personas.
🚀 La accesibilidad establece normas específicas (regulaciones) para
crear plataformas que puedan ser consumidas por cualquier persona
desde cualquier dispositivo.
🚩 Considera las condiciones especiales de movimiento, percepción o

cognición de los usuarios. También contempla las particularidades del
entorno, como la luminosidad, ruido ambiente, idioma o lenguaje
técnico.
Daltonismo
Elegir colores con una baja relación de

contraste puede hacer que su cuadro sea
difícil de interpretar para los usuarios
daltónicos.
Esto es lo que debe hacer en su lugar:

● Use patrones y texturas para facilitar a
los usuarios la diferenciación de
diferentes segmentos.
● Agregue etiquetas de texto a los
segmentos para que sean aún más
fáciles de entender.
ADOBE COLOR https://color.adobe.com/es/create/color-wheel
Herramienta que permite

generar paletas y verificar que
los colores sean distintos y
aptos para daltónicos.
HERRAMIENTAS SUGERIDAS PARA
FORMATO
Color Iconos e imágenes
● Coolors co. ● Logomkr.

● Adobe color. ● Flaticon.
● Colormind. ● Freepik.
● Color hunt. ● Icons8.
● Colourcode. ● Canva.
Filtros y parámetros
Filtros y parámetros
Los filtros suelen ser variables cualitativas que permiten
segmentar la información, aunque también existen
cuantitativas. En las herramientas de bi, generalmente son
un objeto.
Los parámetros suelen ser de tipo cuantitativo y

cumplen la función de variables, ya que permiten
modificar valores. Estos generalmente lucen como filtros.
Los dos afectan directamente la información

visualizada, permitiendo obtener conclusiones
diferentes.
Errores de visualización
“Menos es más”
- Mies Van der Rohe

Gráficos equivocados
Gráficos ilegibles
Gráficos confusos
Ejes con escala dinámica
Ángulos con desproporción
“La persona más
poderosa en el mundo es
el storyteller”
- Steve Jobs
¡VAMOS A PRACTICAR LO VISTO!
Practicaremos juntos la implementación de gráficos basándonos en el
mapa visto anteriormente.
Acordaremos entre todos la temática de cada gráfico.
☕
BREAK
¡5/10 MINUTOS Y VOLVEMOS!
GRÁFICOS EFICIENTES
Tiempo aproximado: 20 Minutos
Realizar en Google Slides el mockup de un tablero en el que se cuente una historia
basada en datos: "Mi último cumpleaños". Deberás plasmar en la maqueta la
siguiente información.
● Cuántas personas te felicitaron.
● Cuales fueron los canales de felicitación.
● De quiénes vinieron los mensajes (amigos, familia, conocidos, compañeros etc).
● Horarios de las felicitaciones.
● Cuántas palabras usaron en promedio para felicitarte.
Basándote en lo que aprendimos, la maqueta debe contener.
● Títulos y subtítulos.
● Indicadores.
● Filtros.
● Gráficos.
Identifica si necesitas una o dos solapas.
7
MOCKUP PROYECTO FINAL

Diseño de maqueta para el Proyecto Final.
MOCKUP PROYECTO FINAL
Formato: Google Slides/ PPT
Sugerencia: En caso de ser un archivo en línea, activar permisos de
acceso.
>> Consigna:
● Diseñar el mockup que servirá como base para el desarrollo del tablero.
>>Aspectos a incluir en el entregable:
● Solapas en orden global-detalle.
● Títulos y subtítulos.
● Íconos (puede ser el indicador de posición, no necesariamente la imagen).
● Filtros.
● Indicadores.
● Gráficos.
>>A tener en cuenta:
La maqueta debe basarse en la temática definida para el proyecto.
¿PREGUNTAS?
¡DESCUENTO EXCLUSIVO!
Quiero saber más

¡Completa tu carrera y potencia tu desarrollo profesional!
Ingresando el cupón CONTINUATUCARRERA tendrás un
descuento para inscribirte en el próximo nivel. Puedes
acceder directamente desde la plataforma, entrando en la
sección "Cursos y Carreras".
¿QUIERES SABER MÁS? TE DEJAMOS
MATERIAL AMPLIADO DE LA CLASE
● Artículo: Guía de visualización de datos para
principiantes | Tableau
● Libro web: Best design practices in one book | Net
Guru
¡PARA RECORDAR!
Instalar Power BI. Lo usarás en la próxima clase.
Encontrarás el instructivo en la carpeta de la camada.
¡MUCHAS GRACIAS!
Resumen de lo visto en clase hoy:
- Visualizaciones eficientes
- Componentes de una visualización
- Gráficos eficientes
OPINA Y VALORA ESTA CLASE
#DEMOCRATIZANDOLAEDUCACIÓN

Clase 12 - Gráficos Eficientes

Cargado por

Copyright:

Formatos disponibles

Clase 12 - Gráficos Eficientes

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Clase 12 - Gráficos Eficientes

Cargado por

Copyright:

Formatos disponibles

Clase 12.

Una visualización eﬁciente

A partir del diseño la visualización debe

- Con propósito: debe tener una

📍 La accesibilidad digital permite crear diseños que

🚩 Considera las condiciones especiales de movimiento, percepción o

Elegir colores con una baja relación de

Esto es lo que debe hacer en su lugar:

Herramienta que permite

● Coolors co. ● Logomkr.

Los parámetros suelen ser de tipo cuantitativo y

Los dos afectan directamente la información

- Mies Van der Rohe

MOCKUP PROYECTO FINAL

Quiero saber más

También podría gustarte