{"id":12234,"date":"2020-01-22T11:35:24","date_gmt":"2020-01-22T09:35:24","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=12234"},"modified":"2023-11-28T11:12:58","modified_gmt":"2023-11-28T10:12:58","slug":"como-disenar-dashboards","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/como-disenar-dashboards\/","title":{"rendered":"Dashboards. \u00bfC\u00f3mo dise\u00f1ar dashboards \u00f3ptimos?"},"content":{"rendered":"

En este art\u00edculo vamos a comentar algunos aspectos a tener en cuenta cuando nos enfrentamos al dise\u00f1o de dashboards. Todo ello en vistas de ofrecer a los usuarios una herramienta que les permita interpretar los datos de su negocio de una manera r\u00e1pida, visual, comprensible y personalizada.<\/strong><\/p>\n

\u00bfQu\u00e9 es un dashboard?<\/h2>\n

Un dashboard o panel de control es una herramienta muy \u00fatil para saber con un vistazo r\u00e1pido qu\u00e9 est\u00e1 pasando en tu empresa<\/strong>. Ofrece una representaci\u00f3n gr\u00e1fica de la informaci\u00f3n en datos y KPIs<\/a><\/strong>, agilizando la detecci\u00f3n de posibles problemas y la toma de decisiones para solucionarlos.<\/p>\n

\u00bfC\u00f3mo dise\u00f1ar un dashboard?<\/h2>\n

Para que un dashboard nos resulte realmente valioso y nos permita optimizar la estrategia del negocio deberemos realizar una investigaci\u00f3n previa<\/strong> que nos aporte informaci\u00f3n sobre la empresa, el contexto de uso, los usuarios finales que lo van a utilizar\u2026 En definitiva, todo lo necesario para elaborar un dashboard personalizado y ajustado a los objetivos espec\u00edficos del negocio.<\/p>\n

 <\/p>\n

Aprovechar los espacios de alta relevancia visual<\/h3>\n

Conociendo que los usuarios no leen sino que escanean la informaci\u00f3n de izquierda a derecha y de arriba hacia abajo ser\u00e1 importante utilizar estas zonas para resaltar los datos m\u00e1s importantes.<\/strong><\/p>\n

Para ello es necesario hacer un an\u00e1lisis previo de los datos<\/strong> que queremos mostrar y establecer una jerarqu\u00eda<\/strong>. \u00c9sta nos ayudar\u00e1 a organizar los elementos en base a su uso y relevancia, en vez de centrarnos en cuestiones est\u00e9ticas.<\/p>\n

\"dashboard-layout\"<\/a><\/p>\n

 <\/p>\n

Como podemos ver en la imagen anterior, la informaci\u00f3n m\u00e1s importante la ubicaremos en la esquina superior-izquierda o en el centro<\/strong> del panel de control. Las esquinas superior-derecha e inferior-izquierda las utilizaremos para mostrar la informaci\u00f3n secundaria, dejando as\u00ed la esquina inferior-derecha para la informaci\u00f3n menos relevante.<\/p>\n

 <\/p>\n

Evitar el uso de scroll<\/h3>\n

Preferiblemente incluiremos toda la informaci\u00f3n en la zona above the fold (o zona visible de la pantalla) con el objetivo de mostrar al usuario una visi\u00f3n global en un primer vistazo<\/strong>. Deberemos mostrar de manera clara y accesible los elementos que nos permitan acceder a m\u00e1s informaci\u00f3n o realizar acciones concretas.<\/p>\n

 <\/p>\n

\"scroll\"<\/a><\/p>\n

 <\/p>\n

Eliminar elementos que no aportan valor<\/h3>\n

En la l\u00ednea de aprovechar al m\u00e1ximo el espacio visible de la pantalla prescindiremos de los elementos que est\u00e9n incluidos \u00fanicamente por una raz\u00f3n est\u00e9tica. El objetivo es limitar cualquier representaci\u00f3n innecesaria<\/strong> que reste espacio a los datos e informaci\u00f3n que realmente aportan valor a los usuarios.<\/p>\n

 <\/p>\n

Dashboard con interfaz limpia y clara<\/h3>\n

Para el dise\u00f1o de dashboard debemos tener muy en cuenta la frase \u201cmenos es m\u00e1s\u201d, y es que una interfaz clara y limpia<\/strong> va a facilitar<\/strong> notablemente la localizaci\u00f3n de contenidos y escaneo de la informaci\u00f3n.<\/strong><\/p>\n

Para transmitir esta sensaci\u00f3n de claridad y simplicidad ser\u00e1 importante evitar el uso excesivo de elementos decorativos que no aporten valor a los usuarios.<\/p>\n

 <\/p>\n

\"interfaz<\/a><\/p>\n

 <\/p>\n

El principal reto<\/strong> en el dise\u00f1o de dashboards es reflejar un equilibrio entre las palabras, n\u00fameros e ilustraciones facilitando a los usuarios la navegaci\u00f3n y procesamiento de los datos.<\/strong><\/p>\n

 <\/p>\n

Utilizar los colores adecuados<\/h3>\n

Deberemos tener en cuenta que si utilizamos colores similares en secciones pr\u00f3ximas entre s\u00ed el usuario puede tender a relacionarlas. Favoreceremos una experiencia de usuario satisfactoria si el uso de los colores permite diferenciar las secciones <\/strong>del dashboard con un simple vistazo r\u00e1pido.<\/p>\n

 <\/p>\n

\"colores<\/a><\/p>\n

 <\/p>\n

Adem\u00e1s deberemos prestar especial atenci\u00f3n a las combinaciones de colores dado que los usuarios pueden tener problemas de visi\u00f3n que les dificulten el reconocimiento de los mismos. En esta l\u00ednea buscaremos crear suficiente contraste entre los elementos de la interfaz.<\/strong><\/p>\n

Los grandes contrastes tambi\u00e9n generan focos de atenci\u00f3n en los usuarios<\/strong>, por lo que ser\u00e1 recomendable utilizarlos para resaltar la informaci\u00f3n m\u00e1s relevante. Siempre de manera controlada y teniendo en cuenta que solo funciona si se hace con moderaci\u00f3n.<\/p>\n

En definitiva deberemos hacer un uso apropiado de los colores para ayudar a los usuarios a localizar la informaci\u00f3n, facilitar la comprensi\u00f3n de datos y reconocimiento de patrones y tendencias.<\/p>\n

 <\/p>\n

Visualizaci\u00f3n de datos<\/a> apropiada<\/h3>\n

Una de las dudas m\u00e1s recurrentes en el dise\u00f1o de dashboards es saber cu\u00e1l es la forma m\u00e1s correcta de mostrar la informaci\u00f3n. Si empleamos distintas formas de visualizaci\u00f3n de datos<\/strong> favoreceremos que el usuario no se aburra y la interfaz sea m\u00e1s atractiva<\/strong>. Sin embargo, ofrecer variedad visual puede jugar en contra de la eficacia y eficiencia.<\/p>\n

\u00bfC\u00f3mo visualizar los datos de manera correcta? Para ello deberemos organizar la interfaz priorizando a los usuarios<\/strong>, pensar qu\u00e9 es \u00fatil para ellos y c\u00f3mo les podemos mostrar la informaci\u00f3n de manera intuitiva y accesible. Si logramos facilitarles la interpretaci\u00f3n de los datos mejoraremos su experiencia, ahorr\u00e1ndoles tiempo y energ\u00eda.<\/strong><\/p>\n

\u00bfQu\u00e9 gr\u00e1fico es m\u00e1s apropiado? Dependiendo de la informaci\u00f3n a mostrar y del objetivo que ser persiga con el gr\u00e1fico interesar\u00e1 m\u00e1s un tipo u otro, una decisi\u00f3n dif\u00edcil a la vez que importante. A continuaci\u00f3n exponemos las caracter\u00edsticas de los gr\u00e1ficos m\u00e1s comunes para facilitar la selecci\u00f3n del m\u00e1s adecuado.<\/p>\n