Introducción
¡Hola a todos! Les voy a presentar una miniserie de blog
posts en los cuales los introduciré en leyes de UX (experiencia de usuario) con
el fin de aplicar estos conocimientos en el desarrollo de un dashboard, en este
caso en particular, trabajaremos sobre Power Bi.
Me presento, mi nombre es Bruno
Zurita, trabajo actualmente en el área de Business Intelligence en Pi Data
Strategy & Consulting, llevo más de 1 año trabajando con la herramienta
Power Bi, sobretodo a lo que se refiere desarrollo de informes valiéndome de
DAX, Power Query y modelado de los datos. Algo importante para destacar, es que
tuve un interés importante en Data Visualization, y desde entonces me estuve
capacitando en diseño, UI y UX.
Topic
Uno de los puntos fuertes al momento de diseñar un dashboard es el diseño gráfico, lograr una buena estética para qué sumado con nuestra creación de métricas y visualizaciones, el usuario final pueda apreciar el trabajo realizado. Sin embargo, hay otro punto muy importante que por lo general no se tiene en cuenta, la experiencia de usuario o UX. Utilizando correctamente la UX, vamos a brindarle al usuario, una buena relación con la interfaz / tablero que se desarrolla.
Para los que no estén asociados con él término, les dejo aquí un breve concepto "La Experiencia de Usuario abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos". Con este concepto, abarcamos todo el espectro de lo que incluye UX, usuarios y objetivos, interfaces, desarrollo, procesos, etc. Sin embargo, para este tópico, nos vamos a centrar más en esta definición "UX es la forma en la que el usuario se relaciona con el medio o interfaz".
Sin más introducción vamos a ir al tema principal, Leyes de UX aplicadas a Power Bi.
Leyes de UX
- Fitts Law
- Jakob's Law
- Law of Pragnanz
- Gestalt Laws of Grouping
- Miller's Law
- Serial Position Effect
- Hick's Law
Para ésta primera parte, vamos a ver la 1er ley.
Fitts Law
Esta ley se basa en la velocidad y precisión del movimiento muscular humano para apuntar a un objetivo. Llevado a un contexto de sistemas, basado en la rapidez de una persona para seleccionar una opción, apretar un botón, interactuar de alguna forma con la pantalla. Aplicado a Power Bi, lo vamos a definir como un "Patrón de lectura", en el cual vamos a definirle al usuario la forma correcta de leer el dashboard. Consideraciones para aplicar de forma correcta esta Ley:
- Tener una o varias visualizaciones que representen de manera general el objetivo de la página.
- Buscar contar una historia (storytelling), utilizar las visualizaciones en un cierto orden para que el usuario se desplace por ellas como si se contara una historia sobre sus datos.
- Aplicar detalles para generar contraste y que las visualizaciones principales destaquen más que las demás.
Podemos aplicar varios patrones de lectura y forzar al usuario a que consuma nuestro tablero de esa forma:
1. Patrón Z: se busca que el usuario lea el informe haciendo un "Zigzag" entre las visualizaciones. En el siguiente ejemplo, nos guiamos con los números del 1 al 6; donde el usuario, pasa de ver el título y aplicar filtros para sus datos y luego pasa por visualizaciones referidas al Costo Total para terminar luego con datos sobre Cantidades Vendidas.
2. Patrón Columna: en este caso, se busca que el usuario, consuma el informe visualizando toda una columna y luego, pasar a la siguiente. En el siguiente ejemplo, vamos de los números 1 al 4, donde comienza con el título del informe a la aplicación de filtros y pasa luego a ver un informe sobre sus productos a través de los gráficos de torta y finaliza con visualizaciones referidas al Costo Total y Cantidad Vendida de los productos.
3. Patrón en espiral: se busca que el usuario, consuma el reporte como si fuera una espiral. En el ejemplo, nos movemos desde el número 1 al 14, siguiendo paso a paso, una visualización tras otra. Comenzando desde la aplicación de los filtros hacia cada una de las métricas vistas en tarjetas individuales. Se finaliza con un gráfico donde se muestra el Costo total a nivel anual y mensual. Se puede ver también el uso de un degradado en el fondo de las tarjetas para tratar de guiar la lectura del usuario.
Existen muchas formas de lograr que el usuario preste atención a lo que nosotros consideramos más importante, se puede aumentar el tamaño, generar contraste con el color, cambiando el tipo de letra, etc, Logrando esto, creamos en el usuario, un patrón de lectura del informe. Ahora los invito a ustedes a que traten de aplicarle patrones de lectura a sus informes.
Eso es todo para esta primera entrega. Espero que les haya gustado este post y los espero en el siguiente con las demás leyes aplicadas a Power Bi. Saludos y muchas gracias por su atención.
Escrito por Bruno Zurita