Una de las 3C para mejorar diagramas

Este artículo es el segundo de una serie de tres partes.

  1. El primer artículo define las 3 C (contexto, confusión, contraste) y explica cómo garantizar contexto para visualizaciones cuantitativas.
  2. El segundo artículo trata sobre la importancia de eliminar desorden de los gráficos
  3. Este artículo cubre formas de agregar contraste a sus proyectos de diagramas.

No solo coloque sus datos de UX en un diagrama y los comparta con las partes interesadas con la esperanza de que vean lo que está tratando de transmitir. Amanda Cox, editora de datos del New York Times, dijo una vez:

La capa de anotaciones es la más importante. hacemos […] Pedirle a alguien que le diga: “Esto es a lo que debe prestar atención” es una idea muy útil. Dime lo que debo ver. […] De lo contrario, le estás poniendo demasiada carga a alguien y le dices: “Ve a resolverlo”. […] No queremos tener una búsqueda del tesoro.“.

— Amanda Cox, editora de datos del New York Times.

Utilice el resaltado, las anotaciones y el contraste para llamar la atención de los espectadores sobre su hallazgo. Ayudarán a los espectadores a comprender el diagrama más rápido y evitarán malas interpretaciones.

Elementos que crean contraste

Preste atención a cómo utiliza estos tres aspectos importantes del diseño de diagramas para ayudar a los espectadores a comprender su punto:

Color

El color es una herramienta poderosa para llamar la atención sobre un conjunto de datos o valores que son más importantes para la conclusión que intenta transmitir. Muestre estas series clave o significados en un color más brillante y audaz que otros.

El economista Jonathan Schwabisch ofrece excelentes consejos en su excelente libro. Visualización de datos mejorada: “Empieza con gris”. Con esto, Schwabish quiere decir que inicialmente deberías hacer todos los elementos en tu diagrama en escala de grises. Luego agregue color estratégicamente para resaltar los valores o series que más importan al punto deseado de su gráfico.

Por ejemplo, observemos un gráfico de barras que muestra las tasas de éxito de cuatro tareas evaluadas en una prueba de usabilidad cuantitativa. Sigamos el consejo de Schwabisch y comencemos con gris.

EN ORDEN: Este punto de partida para el diseño de gráficos muestra todos los elementos en gris o negro.

Cuando todas las barras de un gráfico son del mismo color (gris en este caso), nada destaca realmente. Supongamos que nuestro objetivo es notar que la última tarea, resumida como Encuentra una factura fechada el 12 de mayo, es con el que más lucharon los miembros. Queremos usar este diagrama para probar que necesitamos hacer una investigación cualitativa para entender cómo mejorar este aspecto del diseño.

Si dejamos todas las rayas del mismo color, la gente misma lo notará. Pero si queremos asegurarnos de que nuestra audiencia está prestando atención a esta última barra, podemos hacer que se destaque del resto.

Es mejor: Simplemente cambiando el color de la última barra, comunicamos que este es el valor de datos más importante en el gráfico.

Al elegir colores, no se olvide de la accesibilidad. Evite los colores sólidos del mismo brillo: a las personas daltónicas les resultará difícil distinguirlos. Será más útil usar diferentes niveles de atenuación, así como diferentes sombras.

Tenga cuidado al usar colores rojo y verde. En muchas culturas, estos colores tienen un significado inherente (rojo = “malo” o “parar”, verde = “bueno” o “ir”). Cuando prepare gráficos para su distribución dentro de su empresa o cliente, considere usar colores de la guía de identidad corporativa de su empresa.

Títulos

Use un título significativo que informe a la audiencia sobre el descubrimiento o la conclusión. De lejos, un título informativo es el cambio más fácil que puede hacer en su gráfico. Ni siquiera tiene que ser un asistente de Excel para realizar esta mejora.

Los encabezados no solo deben describir los datos que se muestran, sino que deben describir su significado. No obligues a los espectadores a buscar una conclusión; Saca una conclusión para tu audiencia. En su libro, Schwabisch se refiere a estos titulares como “titulares activos”.

Veamos algunos encabezados pasivos y veamos cómo se pueden reescribir.

Título pasivo

Título activo

Velocidad de entrada antes y después del rediseño

La velocidad de inicio de sesión mejoró en un 29% después del rediseño

Tasas de éxito para las funciones principales

Las tasas de éxito de las funciones principales muestran un crecimiento significativo en los últimos 5 años.

Calificación de dificultad promedio por tarea

Cambiar reserva de hotel wcomo la tarea más difícil

En nuestro ejemplo anterior, usamos un nombre pasivo suave: Tasas de éxito por tarea. Si nuestro objetivo es mostrar que una de las tareas tiene tasas de éxito mucho más bajas que las otras, solo necesitamos ponerlo en el título: Los miembros lucharon por encontrar cuentas pasadas.

EN ORDEN: Cambio de nombre para llevar, Los miembros lucharon por encontrar proyectos de ley anteriores, ayuda a las personas a comprender lo que queremos que aprendan de este diagrama. Sin embargo, dado que hemos eliminado la unidad del título, debemos agregarla como una etiqueta de eje, Grado de éxito.

Podemos hacer que este título sea aún más fuerte usando una fuente más negrita para las frases clave. Adicionalmente, podemos vincular el título al valor del dato de interés utilizando el mismo color en ambos casos.

Es mejor: Usando el mismo color tanto en la tira de interés como en el título de encontrar cuentas pasadas ayudará a los espectadores a conectar rápidamente estos dos elementos.

Rótulos

Este último elemento es opcional. Las llamadas son anotaciones que agregan información adicional a su diagrama. Pueden parecer texto o información sobre herramientas.

Por ejemplo, digamos que queremos mostrar que el índice de satisfacción promedio ha aumentado desde el rediseño. El aumento fue de 3,5 a 4,1, que es un 17% superior a la calificación base. Si queremos que nuestros espectadores sepan sobre este aumento porcentual, no hay nada de malo en poner ese número en el título.

Bien: Para informar un cambio porcentual, simplemente puede poner ese número en el título, como se muestra aquí.

Si bien no hay nada de malo en poner un cambio porcentual en el título, tenemos una opción más: agregar este texto al gráfico.

Bien: Si queremos, podemos agregar un aumento porcentual como una llamada en el gráfico.

Las llamadas pueden ser especialmente útiles cuando se muestran datos basados ​​en el tiempo en un gráfico de líneas. En estas situaciones, podemos agregar una llamada para ayudar a las personas a ver cómo los eventos importantes (cambios de diseño, ventas o eventos externos) han afectado las métricas.

Imaginemos que estamos trabajando en un sitio de comercio electrónico que vende ropa, juguetes y suministros para niños. Tenemos tiendas físicas además de nuestro sitio de comercio electrónico y hemos estado rastreando el valor promedio de pedido (AOV) en los últimos años. El AOV aumentó ligeramente después del rediseño de diciembre de 2019, pero aumentó sustancialmente cuando la pandemia de 2020 provocó un auge en la demanda de comercio electrónico.

Si presentamos este gráfico en la reunión de partes interesadas, podríamos mostrar el gráfico de líneas y exponer verbalmente las razones de los dos picos.

EN ORDEN: Podríamos señalar verbalmente los motivos de los picos (rediseño de diciembre de 2019 y COVID posterior al 20 de marzo) en este gráfico de la presentación.

Sin embargo, este enfoque puede no ser el ideal. En primer lugar, aumenta ligeramente la carga cognitiva de nuestra audiencia, ya que la audiencia tendrá que almacenar esta información en su memoria a corto plazo. En segundo lugar, si nuestras partes interesadas desean revisar esta información más tarde o compartir el diagrama con otros, este contexto se perderá.

Podemos evitar estos problemas simplemente agregando llamadas junto a estos períodos de tiempo importantes.

Es mejor: La inclusión de leyendas en este diagrama garantiza que las partes interesadas recuerden los motivos de cada pico; esta información se incluirá si el diagrama se comparte con otros usuarios.

Evite el sesgo y la manipulación.

Crear un gráfico para resaltar conclusiones no es lo mismo que manipular un gráfico para confundirlo. No abuses de estos trucos para engañar a tu audiencia. No intente ocultar hallazgos que entren en conflicto con sus expectativas o que no sirvan a sus objetivos políticos en la organización.

Siempre mejor sea ​​honesto y sincero acerca de sus datos. Si hay un punto de datos o un resultado que no coincide con sus expectativas, no lo ignore. La transparencia es siempre la mejor política cuando se trata de informes de investigación.

Conclusión: revise sus gráficos

La manera más fácil de saber si la gente entenderá sus gráficos es Échales un vistazocomo con cualquier otro diseño. Muestre a un miembro de su público objetivo (miembro del equipo o parte interesada) su visualización de datos y pídale que resuma su interpretación.

Si el diagrama no está claro, vuelva a 3C y considere qué cambios podrían ser necesarios: ¿más contexto y contraste, o menos desorden?

Referencias

Schwabisch, J., 2021. Visualización de datos mejorada: una guía para científicos, investigadores y profesionales Prensa de la Universidad de Columbia.

Cox, A., 2011. Data Shaping for News, presentación en Eyeo 2011. https://vimeo.com/29391942​

Previous post Cómo construir el mejor equipo de producto | Andrea Sáez | febrero 2022
Next post ¿Cómo puedo aprovechar el conocimiento de SEO para ser mejor en PPC?

Deja una respuesta