Cómo planificar estratégicamente el diseño de UX con gran cantidad de datos

Los grandes datos se están disparando. Sin embargo, armonizar necesidades de datos complejas con una interfaz de usuario simple, limpia y útil es una prueba para cualquier diseñador de UX en la actualidad. A menudo, el diseño (la herramienta para transmitir un mensaje) se interpone en el camino de la comunicación (el mensaje o el significado oculto en la montaña de datos sin procesar).

Quitar información simplificará y limpiará la interfaz de usuario. Pero con las aplicaciones basadas en datos, menos datos a menudo significa un tablero menos práctico y útil.

Sin embargo, mantener todos los datos contextuales que pueda produce una aplicación que no funciona.

Entonces, ¿cómo logras el equilibrio correcto?

La forma en que una aplicación presenta los datos juega un papel muy importante, que es donde entran los diseñadores de UX.

En esta publicación, voy a compartir consejos y trucos que los diseñadores de UX pueden usar para desarrollar una visualización de datos simple y clara, incluso cuando se aplican macrodatos (datos que se ejecutan en Gigabytes) para paneles de aplicaciones, páginas web, etc.

Sin embargo, dejaré los mejores lenguajes para diseñar aplicaciones de big data fuera de esta conversación por ahora.

Aquí se explica cómo diseñar para UX con muchos datos:

Cómo diseñar impresionantes aplicaciones de Big Data que a los clientes les encanten

Quizás el mejor lugar para comenzar es preguntar quién es su cliente.

Tal vez hayas creado un magnífico panel de control y se lo hayas entregado al cliente justo a tiempo solo para que te pregunte: "Entonces, ¿dónde puedo hacer X, Y y Z?"

¡Ay! Eso debe haber dolido.

1. Emplear User Personas para diseñar paneles útiles basados ​​en datos

Por mucho que la inteligencia artificial y el aprendizaje automático sigan mejorando, la mayoría de las organizaciones seguirán necesitando la intervención humana para procesar datos no categorizados.

Y los mejores diseñadores de UX crean productos que ayudarán a resolver un problema para las personas que utilizarán aplicaciones basadas en datos.

¿Cómo lo hicieron?

Erik Klimcz, líder sénior de diseño en Uber y Advanced Technologies Group, compartió algunos consejos prácticos sobre Medium. Sugiere que los diseñadores de UX primero deben identificar y luego definir usuarios o personas para cada proyecto.

Debido a que las aplicaciones basadas en datos tienden a ser utilizadas por múltiples personas dentro o fuera de una organización, debe identificar esas personas para que pueda organizar sus tareas y esquemas de arquitectura de información para satisfacer las necesidades de todos.

Eso haría que el diseño fuera útil para el usuario final, su público objetivo, su cliente principal.

Aquí hay una ilustración:

Comprender a sus usuarios/personas puede ayudarlo a personalizar la funcionalidad de la aplicación según sus necesidades, que es el objetivo final.

Además, puede determinar qué tipo de herramientas de visualización de datos usar para qué cliente respondiendo preguntas importantes como:

• ¿Quién se ocupará de los datos (user personas)? ¿Está diseñado para clientes o analizadores de datos internos, por ejemplo?
• ¿Para qué necesitan estos usuarios los datos para ayudarlos a hacer a continuación?

Por ejemplo:

Puede diseñar un tipo de infografía que complete la información en función de las entradas personales de un usuario.

Este tipo de diseño de aplicación basado en datos sería útil para situaciones en las que se requiere que el usuario cargue información a medida que la obtiene o cuando necesite retractarse para tomar medidas adicionales.

Un ejemplo es el servicio al cliente, donde un representante de CS puede ingresar el nombre o el número de un cliente para recopilar más información sobre él.

Puede encontrar este tipo de herramienta de visualización de datos interactivos en acción en Mahfix for You vs John Paulson. Le permite ingresar un número y luego informa información basada en su entrada. ¡Es bastante suave!

2. La usabilidad sobre el estilo: mantenerlo simple, claro y elegante

Es fácil quedar atrapado en el diseño de una UX atractiva que te enganche, pero que, francamente, no sea práctica para tu cliente.

Para ser utilizable, una interfaz debe ser clara. “La claridad es el trabajo número 1”, para decirlo en palabras del prolífico diseñador de UX Joshua Porter.

De hecho, Joshua Porter ha escrito una publicación ingeniosa sobre los principios del diseño de la interfaz de usuario, que aún se aplica al diseñar aplicaciones de big data.

Entonces, para aumentar la claridad en torno a la usabilidad: ¿los diseñadores deberían usar un diseño de UX personalizado o solo buscar herramientas de visualización probadas y comprobadas, como gráficos de líneas?

Eso dependerá de los casos de sus clientes/usuarios.

Siguen apareciendo nuevas herramientas personalizadas de visualización de datos: infografías (tanto estáticas como interactivas), bloques codificados por colores, animaciones, visualización en 3D, etc.

Sin embargo, en realidad solo hay cuatro herramientas de presentación de datos que debería necesitar:

• Gráficos de líneas para ilustrar datos continuos, por ejemplo, cómo ha cambiado algo con el tiempo
• Tablas para mostrar información resumida
• Histogramas para mostrar la distribución de variables y trazar datos cuantitativos en intervalos
• Gráficos de barras para mostrar datos discretos, comparar variables y trazar datos categóricos

Sin embargo, puede ir más allá de la usabilidad para crear una interfaz atractiva de procesamiento de datos.

Aquí hay una forma de hacerlo:

Aún mejor, el diseño de interfaces con muchos datos podría tomar un giro más simple:

La combinación de texto y gráficos es una de las mejores formas de mejorar la claridad al diseñar para una UX basada en datos. Los usuarios pueden consumir las imágenes y leer el texto para mejorar la claridad. Pero este enfoque podría no funcionar en todas las situaciones, especialmente para cantidades colosales de datos sin clasificar.

3. Combina material y diseño plano: función sobre forma

Este concepto de diseño tiene más que ver con la usabilidad y el minimalismo que, en contra de la creencia popular, un aburrido diseño de dos dimensiones. Pero el diseño plano no es ni aburrido ni aburrido. Tienes la oportunidad de utilizar colores brillantes, bordes limpios y espacios abiertos.

El uso de diseño plano y material se recomienda especialmente para aplicaciones móviles, sitios web y navegadores de escritorio. Debido a que el diseño es minimalista y no acumula una tonelada de datos adicionales (como en los diseños anteriores), se carga rápidamente y, cuando se diseña para aumentar el compromiso, puede ayudar a que los visitantes sigan viendo la página durante más tiempo.

Esto es excelente para sitios web basados ​​en datos o sitios móviles que podrían beneficiarse de la compatibilidad con dispositivos móviles, la carga rápida y las menores tasas de rebote (SEO y beneficios de clasificación) que los algoritmos de los motores de búsqueda escanean constantemente en las redes.

4. Accesibilidad sobre estética

No se trata solo de hacer que los datos pesados ​​y contextuales sean fluidos y atractivos (aunque eso ayuda mucho). También desea diseñar presentaciones de datos que faciliten al usuario final:

• Obtenga una idea clara de qué datos son más importantes
• Comprender el flujo lógico de los datos presentados.
• Entender lo que significan los datos
• Entender cuál es el siguiente paso a dar

¿Qué tal si desglosamos cada uno de estos elementos?

Los usuarios deben saber qué datos son los más importantes

Un principio vital del diseño de UX es observar e implementar una jerarquía de información, en este caso, una jerarquía visual.

En otras palabras, un diseño que prioriza las métricas correctas.

Desea organizar, organizar y priorizar los datos más importantes primero y complementarlos con datos adicionales más adelante. Por supuesto, el orden de prioridad variará dependiendo del usuario de la aplicación (de las personas definidas anteriormente).

Hacer esto no solo despeja el tablero, sino que también ayuda a dirigir el enfoque del usuario hacia lo que es importante para él de una manera fácil de seguir y menos abrumadora.

Los usuarios deben ser capaces de comprender el flujo lógico de datos.

La simplicidad juega un papel importante para ayudar al usuario a conectar los datos con un resultado determinado.

Similar a lo que se discutió en el punto anterior, desea comenzar con una cuadrícula general de los datos generales.

Puede agregar un menú desplegable intuitivo, que cuando el usuario hace clic, se desliza hacia abajo para revelar información adicional y luego tareas específicas o elementos de acción. A la gente le encanta esto, y ya está ganando popularidad.

Aquí hay dos maneras de ayudar con el flujo:

Ocultar información adicional

Puede usar enlaces en los que se puede hacer clic o rollovers para revelar más información. Además, funciones como deslizar para revelar datos y acercar para revelar son excelentes formas de incluir información adicional o resaltar puntos de datos clave. Todo ello con gestos sencillos y naturales.

Esto permite a los usuarios hacer clic en los enlaces o rollovers que consideran importantes para su trabajo y dejar los que consideran menos importantes.

Una vez más, verá cómo hacer una investigación de personalidad de diseño de UX decente puede ayudarlo a identificar qué es más importante para qué usuario y cuándo.

Usar animaciones flotantes

Puede usar efectos de animación flotante para agregar más chispa, compromiso y utilidad a los datos (aparentemente) aburridos.

Las animaciones flotantes son particularmente procesables para proporcionar información adicional sobre tareas o elementos específicos mientras ayudan a organizar y limpiar su aplicación basada en datos.

Aún así, hay más formas de usar la animación para ofrecer aplicaciones útiles y atractivas con gran cantidad de datos.

Lo que pasa con ocultar información detrás de enlaces en los que se puede hacer clic, diapositivas o rollovers es que haces la mayor parte del trabajo en el lado de atrás de las cosas. Por lo tanto, tenga en cuenta que debe diseñar los esquemas de su arquitectura teniendo esto en cuenta desde el principio.

Los usuarios deben ser capaces de entender lo que significan los datos.

Después de organizar y priorizar los datos en el tablero, el siguiente paso es desglosar los datos en páginas separadas. Si es posible categorizar la información, asegúrese de asignar diferentes páginas/pantallas para diferentes paquetes de datos.

Esto puede encajar con proyectos de diseño de aplicaciones con muchos datos tanto pequeños como complejos, aunque podría llevar más tiempo y demandar más trabajo en el back-end.

De acuerdo con el tema "abrumador" anterior, hacer esto no solo ayudará a que sus clientes/usuarios se sientan menos abrumados, sino que es probable que analicen mejor las cifras en una página antes de pasar a la siguiente, comprendiendo los datos paso a paso. tiempo.

Por ejemplo, una interfaz de usuario de control de misión puede ayudar a su cliente a obtener todos los datos en una página, pero puede ser abrumador para ellos con el tiempo, sin mencionar la compresión, especialmente para diferentes tamaños de pantalla.

A menudo, un cliente solicitará este tipo de tablero, pero debería saberlo mejor.

Una interfaz de usuario de control de misión puede parecer sofisticada, pero no es tan fluida y fácil de usar como el enfoque de una página a la vez discutido anteriormente. Lo primero podría fácilmente obstaculizar la entrega del significado oculto en la montaña de datos que se muestran. Y eso no es útil.

Los usuarios deben ser capaces de entender el siguiente paso a dar.

Siguiendo los pasos anteriores, se vuelve más fácil para los usuarios identificar y relacionar patrones en los datos sin procesar, otra victoria clave a la que aspirar al diseñar aplicaciones con muchos datos. Cuando las herramientas de visualización de datos que utiliza ayudan a los usuarios a dar sentido a los grandes datos, es cuando sabe que ha hecho un gran trabajo.

5. Permita espacio para la mejora

Por último, pero no menos importante, querrá hacer que su diseño sea ágil.

A medida que pasa el tiempo y los usuarios interactúan con su diseño, sus comentarios pueden incitarlo a actuar y corregir o rediseñar todo. No existe una forma única de crear un diseño perfecto para procesar datos, por lo que mantener su diseño ágil puede ayudarlo a realizar mejoras continuas o un parche sólido para comenzar.

Conclusiones clave

El propósito del diseño de UX es transmitir un mensaje de una manera clara y procesable. Esto es especialmente crucial para diseñar aplicaciones con muchos datos. En este caso, el negocio de un buen diseño es ayudar a los analistas, gerentes o usuarios finales a tomar una decisión informada.

Y los usuarios no pueden interpretar y usar datos sin procesar para informar una decisión si no tienen sentido y cómo se presentan.

Diseñar proyectos de UX con gran cantidad de datos no debería ser tan exasperante como parece. Los consejos y trucos anteriores pueden ayudarlo a descubrir cómo diseñar interfaces con muchos datos.

¿Tiene algún consejo que siga para diseñar increíbles interfaces de usuario de visualización de datos y le encantaría compartirlo?

Háganos saber en la sección de comentarios.