Page Header Background
App2022

Optimización de visualizador de datos para Covid-19

Optimización de visualizador de datos para Covid-19

Diseñar una herramienta accesible para informar a todos, incluso a quienes menos dominio tecnológico tenían.

Una plataforma web creada para facilitar el acceso a información oficial y actualizada sobre la situación del Covid-19, priorizando la accesibilidad y claridad para públicos diversos.

Contexto

Durante la pandemia del Covid-19, el acceso a información veraz y clara se volvió una necesidad crítica. Muchas plataformas disponibles eran complejas o poco accesibles, especialmente para adultos mayores o personas con limitado conocimiento tecnológico.

El proyecto buscó crear un visualizador de datos accesible, simple y confiable, que permitiera a los usuarios mantenerse informados sin depender de terceros.

Mi rol fue el de Product Designer responsable del research, diseño y validación del MVP, trabajando en conjunto con desarrolladores y stakeholders del proyecto. La colaboración se desarrolló bajo un esquema ágil, con iteraciones cortas y validaciones frecuentes.

Desafío

El principal desafío era que los usuarios con baja alfabetización digital no podían acceder fácilmente a información confiable sobre la pandemia, lo que generaba confusión e inseguridad.

A nivel de negocio, era clave ampliar el alcance y confianza de la plataforma oficial como fuente primaria de datos y reducir la desinformación en canales secundarios.

El reto principal se resumía en:

"Diseñar una experiencia informativa clara, accesible y usable para personas con distintos niveles tecnológicos".

Proceso

Investigación y descubrimientos

El proceso comenzó con un estudio de usuarios enfocado en comprender las barreras tecnológicas de los grupos más vulnerables.

Métodos utilizados:

  • Entrevistas con usuarios (especialmente adultos mayores).

  • Análisis de necesidades y hábitos digitales.

  • Validación temprana de MVP con pruebas de usabilidad.

Insights principales:

  1. Muchos usuarios no comprendían visualizaciones complejas de datos (gráficos avanzados o legendas técnicas).

  2. El exceso de información y jerga técnica generaba ansiedad y desconfianza.

  3. Los adultos mayores preferían interfaces con alto contraste, tipografía legible y lenguaje directo.

  4. Se valoraba la información proveniente de fuentes oficiales siempre que resultara fácil de entender.

  5. La simplicidad en la navegación aumentaba la frecuencia de uso y la percepción de confianza.

Proceso de diseño

El enfoque de diseño se centró en la accesibilidad y la empatía con el usuario final.

Etapas principales:

  1. Definición de flujos y arquitectura de la información, priorizando rutas sencillas hacia los datos más relevantes (casos, medidas, vacunas).

  2. Wireframes y prototipos iterativos, probados en sesiones cortas con usuarios reales para validar comprensión y usabilidad.

  3. Diseño de interfaz con principios de diseño inclusivo: alto contraste, lenguaje claro, elementos interactivos grandes y consistentes.

  4. Colaboración con desarrollo para implementar buenas prácticas de accesibilidad web (etiquetas ARIA, compatibilidad con lectores de pantalla y adaptabilidad móvil).

Decisiones clave:

  • Reemplazar gráficos complejos por visualizaciones simples (barras y totales claros).

  • Incorporar un modo de alto contraste y tipografía escalable.

  • Centralizar la información esencial en una vista principal, evitando navegación excesiva.

Limitaciones: El tiempo de desarrollo fue restringido y el equipo debía implementar mejoras rápidas basadas en feedback semanal. Se resolvió enfocando cada sprint en pequeños incrementos validados en vivo.

Solución

El resultado fue un visualizador de datos accesible, directo y empático, que permitía a todo tipo de usuarios informarse de manera confiable y sin fricción.

Aspectos más destacados:

  • Estructura de información lineal y jerarquizada.

  • Diseño visual con énfasis en legibilidad y comprensión inmediata.

  • Integración de actualizaciones automáticas desde fuentes oficiales.

Login + Home

Login + Home

Fases de información

Fases de información

Fases + centro de noticias

Fases + centro de noticias

La solución final encarnó el propósito del proyecto: hacer que la información crítica fuera realmente universal.

Resultados e impacto

Aunque no se registraron métricas específicas, el seguimiento post-lanzamiento reveló una adopción sostenida y comentarios positivos de usuarios que destacaron la facilidad para acceder y comprender los datos.

Los stakeholders valoraron especialmente:

  • La simplicidad y claridad logradas en el interfaz.

  • La capacidad de iterar ágilmene durante una crisis.

  • El impacto social positivo al hacer la información pública más accesible.

Aprendizajes y reflexión

  • Diseñar con empatía va más allá de la estética: implica comprender confianza y contexto.

  • Las pruebas con usuarios reales, incluso en etapas tempranas, aceleran la validación y fortalecen la toma de decisiones.

  • La accesibilidad no es una capa adicional: debe estar en la base del diseño.

  • Proyectos con impacto social refuerzan el valor del diseño centrado en las personas.

  • En futuros proyectos, ampliaría la diversidad de perfiles entrevistados para obtener una visión aún más completa.

¿Te resultó interesante este contenido?

Si este artículo te aportó valor, házmelo saber con un me gusta. Me ayuda a crear mejor contenido.