Hace tiempo que los marcadores o bookmarks vienen reventando el mercado de Power Bi por sus maravillosas posibilidades de diseño. Lo cierto que es que su resultado solo apunta a una cosa. Mejorar la experiencia que tiene el usuario sobre los informes de Power Bi.
Los bookmarks se puede usar de muchas maneras, como ya vimos en 3 posts fatales que escribí hace un tiempo, pero lo cierto es en su mayoría son pensados como "Botones" con una acción definida.
En esta oportunidad no voy a presentar una mejor forma de navegar y operar sobre los datos sino que voy a enfocar en una sencilla mejora de UI que hará que la experiencia del usuario al usar los botones sea de lo más gratificante.
Comportamiento de un botón
Un usuario final está familiarizado con un botón dada la naturalidad con la que se expandió el software y la informática hoy en día. A pesar de ello muchos son tímidos en sentido que esperan cierta respuesta de los botones para estar seguros de la acción que van a procesar. Para ello es indispensable tener dos detalles en cuenta que la persona espera:
- Mouse por encima: cuando el cursor pasa por encima del botón.
- Acción definida (en caso de más de un botón): saber que botón fue presionado para comprender que estoy viendo.
Teniendo en cuenta esos detalles el mejor escenario esperado por nuestro usuarios sería pasar el mouse sobre el botón:
- Que el mismo se pinte de otro color para saber que está encima
- Que un mensaje con más información cuente sobre la acción (tooltip)
- Que al presionarlo se pinte de otro color para hacerle saber al usuario que fue efectivo el click.
Si contamos con más de un botón será de suma utilidad que entre los botones siempre esté pintado de otro color aquel seleccionado o en efecto contrario que se ponga en otro tono el resto de los botones tipo grisados.
Botones en blanco
Si bien existen muchos botones en Power Bi creo que dejé de usarlos a todos ellos cuando apareció el increíble botón "en blanco". Es simplemente una porción de área en una página que podemos configurarle las características de un bookmark e incluso rediseñar su formato.
En este botón en blanco podemos escribir texto, pintar el fondo o resaltar un borde que puede estar redondeado a gusto para que su aspecto sea el deseado.
Mouse por encima
Para construir las acciones antes mencionadas vamos a ir a las opciones de formato de nuestro botón en blanco. Desactivamos el esquema y el fondo para modificar las opciones de "Rellenar"
En éste menú, como así también en todos los demás pero creo que es más acorde al ejemplo usarlo, vamos a poder modificar el color según el estado. Los estados pueden ser:
- Estado predeterminado: color cuando no hay acción
- Al pasar el cursor: color al colocar encima el cursor
- Al presionar: color al clickear el botón
- Deshabilitado: color para botones de drillthrough cuando están deshabilitados
Como su definición lo indica vamos a cambiarlos para obtener las acciones de paso del mouse deseadas para la experiencia de usuario
De este modo tenemos nuestra primera parte completa.
Acción Definida
Para reconocer el botón seleccionado y así saber si nuestra tabla del ejemplo está mostrando filas de "tiempo" o de "ubicación" vamos a ayudarnos del panel de selección y bookmarks de forma parecida a como vimos en el switch que sale en las imágenes. La trampa en este caso consiste en ocultar y mostrar un botón en blanco o insertar una forma rectángulo con transparencia encima del botón seleccionado para resaltarlo. Si seleccionamos otro botón se oculta el primero y se resalta ese.
Entonces creamos un botón en blanco y borramos todo su formato excepto el rellenar que lo ponemos en el color deseado con una buena transparencia.
Con los cuadros por encima de nuestros botones solo nos restaría configurar el bookmark para que junto con la acción deseada del mismo también oculte y muestre el pintar según corresponda.
Nota: si no sabes ejecutar esa acción revisa este post.
Finalmente vamos a seleccionar nuestro botón con bookmark ya configurado para editar el texto de su acción:
De este modo completamos todas las acciones esperadas por un usuario sobre un botón de calidad. Mira el gif para verlo en acción definitiva. Podes bajar el archivo de power bi como siempre de mi github.
