Data visualization

Tendencias de UX y UI en el diseño de dashboards

Los dashboards también tienen sus propias tendencias. Al ser herramientas que se perciben a través de la vista, están influenciadas por todo lo que observamos en nuestros contextos vitales: apps, páginas web, revistas, publicidad,… Los dashboards, por tanto, están en constante evolución. Para crear un cuadro de mandos llamativo para tu organización, es importante estar al día de las últimas tendencias de diseño. En este artículo analizaremos algunas de las principales tendencias que impulsan el diseño de los dashboards en la actualidad y que también influirán en el futuro.

Interfaz de usuario plana (interfaz de usuario bidimensional)

Evita el uso de sombras, degradados, texturas o elementos 3D es una tendencia creciente. Al simplificar la apariencia de los elementos visuales, se evitan las distracciones excesivas y se ayuda a los usuarios a concentrarse y procesar mejor el contenido del dashboard. Se trata de una tendencia nacida con la adopción de los últimos sistemas operativos.

 

Color blocking (paleta de colores)

Si el uso de demasiados colores en los cuadros de mando puede dificultar el tratamiento visual de los contenidos, el uso de muy pocos colores puede hacer que un cuadro de mando sea demasiado monótono, sin resaltar los elementos interesantes. El color blocking, es decir, el uso de una serie de «bloques de color» en la construcción de la paleta, proporciona un buen equilibrio entre estos dos extremos. Los colores monocromos de fondo se ponen en relación con los colores vivos para destacar los puntos más importantes.

Evitar los medidores

Los medidores son un tipo de visualización muy utilizado en los últimos años. Aunque son muy llamativos, ocupan mucho espacio y presentan los datos en una sola dimensión. De hecho, sólo indican la relación de un valor con el objetivo, si está por debajo o por encima, sin mostrar otra información clave que podría ser útil para obtener más detalles.

Alternativas interesantes a los indicadores pueden ser los gráficos de líneas, como el que se muestra en la imagen, que permiten comprender las tendencias, o los gráficos de barras, que permiten ver comparaciones de los datos introducidos.

Iconos

La forma tradicional de describir los distintos elementos del cuadro de mandos es utilizar etiquetas. Para facilitar la experiencia del usuario, podemos ofrecerle iconos que le resulten familiares, para que pueda interpretar y actuar más rápidamente en la interfaz.

Diseño de pirámide invertida

Esta técnica de organización del diseño ayuda a crear una estructura ordenada y a representar toda la información necesaria de una manera más eficaz y conveniente. La estructura se crea dividiendo el cuadro de mandos en tres secciones:

 

  • Arriba: la información más relevante se colocará en la banda superior. Los usuarios del tablero verán este contenido en primer lugar.
  • Medio: la información relacionada con las tendencias puede colocarse en esta sección en el medio.
  • Parte inferior: la información adicional que complementa las secciones anteriores y permite al usuario profundizar en su análisis se sitúa en la banda inferior.

Información de agrupación

Como ya se ha comentado al hablar de la disposición en pirámide invertida, un aspecto fundamental e importante a tener en cuenta a la hora de diseñar un cuadro de mando es dar más visibilidad a la información relevante, dividiéndola en secciones y evitando así tener datos diferentes todos juntos. De lo contrario, el usuario se confundirá fácilmente. Mediante la creación de pestañas o secciones agrupadas por tipo de información a mostrar, la estructura del cuadro de mando se racionalizará en beneficio del usuario final, permitiendo una fácil comprensión de los datos mostrados y de los conocimientos.

Responsiveness

En los últimos años, los diseñadores se han encontrado con la creciente demanda de considerar también la experiencia del usuario para los dispositivos móviles (smartphones y tabletas). Su reto constante es replicar el mismo contenido que se suele mostrar en los dispositivos de escritorio para su visualización en los dispositivos móviles. En realidad, las versiones de escritorio y móvil no deben competir, sino complementarse. Por ejemplo, los cuadros de mando móviles deben incluir funciones que permitan a los trabajadores remotos ser rápidos y acceder a los datos con agilidad y sencillez. Un diseño responsivo, el uso del desplazamiento para acceder al contenido y la selección por botones son, por ejemplo, algunos de los principios clave a tener en cuenta.

Antes de hacer tu diseño, utiliza estos consejos para asegurarte de que tu dashboard cumple con las mejores prácticas y refleja las últimas tendencias en diseño de dashboards.

¿Has leído los otros artículos sobre la visualización de datos con Tableau? Puedes encontrarlos aquí. Lo mejor de todo es que también puedes ver todas las publicaciones en nuestro perfil de LinkedIn.

Suscríbete al boletín

Para estar informado sobre las novedades de Tableau y Alteryx, sobre nuestros productos y servicios y sobre los próximos eventos de Visualitics, suscríbete a nuestro boletín. ¡Puedes elegir el tipo de envío que prefieres y darte de baja en cualquier momento!
¿Qué novedades quieres recibir?
¿Qué empresa trata tus datos?

VISUALITICS PARTNERS, S.L. (en adelante, “VISUALITICS“)

¿Por qué tratamos los datos que te pedimos?

Únicamente tratamos tus datos para poder prestarte los servicios de VISUALITICS + info

¿Cuál es la legitimación para este tratamiento de tus datos?

Estos datos son necesarios para llevar a cabo la prestación de los servicios ofrecidos por VISUALITICS + info

¿Se van a hacer cesiones o transferencias con tus datos?

Si así lo consientes, tus datos podrán ser cedidos a terceras empresas. + info

¿Cuáles son mis derechos?

El interesado tiene derecho a ejercitar su derecho de:

– Acceso, rectificación, supresión, oposición, portabilidad de los Datos, limitación del tratamiento y a no ser objeto de decisiones automatizadas individualizadas + info

¿Tienes dudas?

Tanto si tienes alguna o sugerencia como si quieres darte de baja ponte en contacto con nosotros enviando un email a la siguiente dirección: info@visualitics.es