Bienvenidos al tercer y último post sobre leyes de UX
aplicadas a Power Bi. En esta ocasión, vamos a estar analizando las 3 leyes de
UX faltantes. Para aquellos que no hayan visto la primera parte o segunda parte
aquí les dejo los links.
Parte 1: https://blog.ladataweb.com.ar/leyes-de-ux-aplicadas-a-power-bi-episodio-1/
Parte 2: https://blog.ladataweb.com.ar/leyes-de-ux-aplicadas-a-power-bi-episodio-2/
Las leyes que vamos a ver en esta ocasión son: Miller's Law, Serial Position Effect y Hick's Law.
Miller's Law
"La persona promedio solo puede mantener 7 (+ - 2) objetos trabajando en su memoria"
Para poder explicar porque Miller definió un rango entre 5-9 elementos, los invito a realizar el siguiente ejercicio:
- La tarea es simple, hay que leer de izquierda a derecha los siguientes números y tratar de memorizarlos.
2 5 1 9 8 6 6 7 1 3
- Ahora, cierren los ojos e intenten repetir en voz alta el número. ¿Pueden lograrlo sin equivocarse? Si lo realizaron, déjenme felicitarlos porque es una gran hazaña, pero si no lo lograron, no hay que desanimarse, porque con la ley de Miller, van a lograr memorizarlo de todas formas.
- Vamos a separar el número en grupos separados por un guion y los invito nuevamente a leerlos.
2519—866—713
- Ahora hay que tratar de decirlos en voz alta. ¿Lo encontraron un poco más fácil de recordar? Si no, ¡dejen de leer este post ahora! (es broma jaja). Si se dan cuenta, es la misma forma que se utiliza para aprender números de teléfono.
De esta manera, se forman piezas o particiones de información para facilitar su entendimiento. Otro ejemplo podemos verlo en las tarjetas de crédito, donde el número de tarjeta está separado en 4 partes.
También podemos encontrar la ley de Miller Aplicada en Ebay, Spotify y otros. Si se fijan bien respetan la cantidad de elementos entre 5 a 9.
Siguiendo estos ejemplos, vamos a
aplicar la ley de Miller en Power Bi.
Viendo esta imagen (puede o no estar bien diseñada) nos damos cuenta qué, no aplicamos la ley de Miller en ningún momento. Por la necesidad de querer mostrar "todo" en una única página, agregamos 12 filtros que hablan sobre diferentes conceptos y unas 13 visualizaciones. Si bien pueden estar correctos los números y las métricas, no le estamos haciendo nada fácil la lectura al usuario. Recordando la ley, debemos mantener entre 5-9 elementos, es decir, debemos reducir la cantidad de filtros que mostramos y elegir que visualizaciones vamos a mostrar. ¿Cómo hacemos eso? Mi recomendación, es crear páginas adicionales separadas por "concepto", es decir, una página la dejamos para mediciones de productos, otra para generales, otra para ver a nivel mundial agregando un mapa, etc. Agregar un subtítulo o una breve descripción del concepto de la página ayuda mucho.
Serial Position Effect
"Los usuarios, son más propensos a recordar el primero y el último ítem en una serie"
Hermann Ebbinghaus, un psicólogo y pionero en el estudio de la memoria, describe este término Serial Position Effect con dos conceptos principales:
- The Primacy Effect / Efecto de Primacía: los objetos que son presentados al principio de una lista son recordados con una mayor precisión que los objetos que se encuentran en el medio de una lista.
- The Recency Effect / Efecto Reciente: los objetos que aparecen al final de una lista también son recordados con mayor precisión que los que se presentan en el medio.
Podemos aplicar lo siguiente para poder incluir Serial Position Effect en nuestros diseños.
- Incluir Señales en la interfaz: agregar algunas señales puede hacer que el usuario pueda "reconocer" conceptos que previamente ya ha aprendido, y así evitar el explorar todo el reporte para recordar el valor total de ventas del mes anterior o recordar que parte del reporte está navegando. También se puede agregar una barra progresiva para que el usuario se ubique en que parte del reporte se encuentra, con esto agregamos el concepto de Storytelling.
Si observamos la imagen, vemos que incluimos una barra de Menú para aplicar Storytelling, esto lo podemos realizar con botones, bookmarks, etc, es bueno destacar siempre en que página estamos parados resaltando con un color el botón seleccionado. También vemos que incluimos "señales" en esta página, reutilizamos dos tarjetas de la página producto "Cantidad y Netprice", para que el usuario relacione estos conceptos con los de costos.
Aplicaciones
- Limitar la cantidad de cosas que el usuario debe recordar: como ya vimos en la ley de Miller, la atención humana se limita a 7+ - 2 elementos, así que debemos mantener la menor cantidad de visualizaciones por página. Entonces para ayudar al usuario a prestar atención al contenido principal del informe, se puede agregar detalles como un botón de ayuda, que le sirva para explicar la funcionalidad básica del reporte, información importante detallada con un color distinto.
- Hacer énfasis de la información clave al principio y al final: la idea es hacer énfasis de la información al principio y al final, dejando lo "menos" importante en el medio. Se ha estudiado a las personas, y la mayoría recuerda con mayor precisión la información que es consumida en un principio y al final. Este concepto va de la mano con Storytelling. En Power Bi, podemos definir la estructura de las páginas y el modo en que queremos que el usuario consuma los datos que le interesa. Mostrar en las primeras páginas la información más importante con detalles significativos, y en las últimas páginas, realizar un resumen con KPIs con los datos más relevantes.
Como vemos en la imagen, agregamos una página "Resumen" donde mostramos los valores totales de cada una de las páginas. Es una buena forma de mostrar la información clave de todo el reporte al final.
Hick's Law
"El tiempo que lleva tomar una decisión aumenta con el número y complejidad de las opciones que tenemos"
Si nosotros le damos 2 huesos a un perro, se pone muy contento. Pero si le damos 20 huesos, podemos estar viéndolo todo el día porque no sabría con cuál quedarse.
Esta ley está basada en una fórmula matemática para calcular el tiempo de reacción según algunas variables, donde A y B son medidas constantes que se pueden definir y N es la cantidad de estímulos o decisiones que tiene que tomar el usuario. La idea no es entender esta fórmula y aplicarla sino entender el concepto de la ley.
Realizar una buena experiencia de usuario requiere que seamos capaces de encontrar las funcionalidades que el usuario necesita. Tenemos que utilizar uno de los principios de diseño llamado KISS (keep it short and simple). Como el nombre de este principio lo indica, mientras más simple y corto es mejor, porque es fácil de interpretar y mantener. Con esto evitamos que el usuario termine preguntándose "¿y ahora qué hago?"
Veamos un ejemplo de cómo diseñar de forma simple. En un restaurante, podemos encontrar el menú con los platillos y especialidades de la casa. Un buen diseño de la carta sería como la siguiente.
En esta imagen podemos apreciar los principales platos en imágenes y una descripción de cada uno.
Para tener en cuenta, deberíamos evitar un diseño en el cual busquemos "agregar toda nuestra funcionalidad en una sola página", o en el ejemplo del restaurante, agregar todos los platillos en una sola carta. Por ejemplo:
Si bien es algo estupendo poder mostrar todo lo que nuestro restaurante vende, pero perdemos la atención del usuario porque no sabe "por donde comenzar a leer".
Debemos buscar aplicar el principio de KISS en nuestros tableros de Power Bi, para facilitarle al usuario la lectura de nuestro tablero y así pueden aprovecharlo al máximo. Se recomienda agregar íconos o imágenes para facilitar el entendimiento, mantener una letra clara, utilizar colores que resalten y destaquen conceptos importantes.
Para Concluir
Lo importante no es memorizar todas las leyes, incluso hay muchas más, pero si tener presente algunos conceptos a la hora de trabajar en Power Bi. No sólo es cumplir con el requerimiento del usuario, sino también desarrollar un entorno agradable para ellos, hay que tener en cuenta que van a pasar horas y horas analizando nuestro tablero para tomar mejores decisiones. Es importante no descuidar el hecho de que "todo entra por los ojos". Me gustaría invitarlos a seguir explorando este mundo de UX y sus formas de aplicarlo, no sólo a Power Bi, sino a cualquier diseño que realicen.
Desde ya muchas gracias a todos por leer y a la oportunidad que me da LaDataWeb para compartir el conocimiento y así agrandar la comunidad de desarrolladores de Power Bi que apliquen UX :D
Escrito por Bruno Zurita