VA
VERÓNICA AGUILAR
Product Designer
VERÓNICA AGUILAR
Product Designer
Volver a proyectos
UX Research • Web • Accesibilidad
Plataforma de datos e informes sobre cáncer en España
Rediseño de una plataforma de datos e informes sobre cáncer, con foco en accesibilidad, arquitectura de información y facilidad de consulta.
Desliza para ver el resto
Web • Responsive
Accesibilidad (WCAG 2.2 AA)
UX Research • UX/UIDesde el research hasta el impacto
Trabajé en la evolución de la experiencia digital del Observatorio AECC, reorganizando la arquitectura de información, mejorando la navegación y aplicando criterios de accesibilidad WCAG para facilitar el acceso a datos e informes sobre cáncer.
Desde el research hasta el impacto
Diseñar una plataforma digital accesible y fácil de comprender que centralizara datos e informes, facilitando el acceso a la información para profesionales y sociedad.
UX Research, arquitectura de información, UX/UI, accesibilidad y definición de criterios para el diseño.
El proyecto partía de una arquitectura de información confusa, una navegación poco clara y contenidos difíciles de encontrar y comprender. Además, la plataforma no contaba con buscador ni glosario y presentaba importantes barreras de accesibilidad.
El módulo de Power BI estaba integrado en la web, pero quedó fuera del alcance del proyecto y no tuvimos acceso para intervenir sobre él.
Benchmark
Referencias y patrones
Análisis Heurístico
Evaluación experta
Entrevistas
Investigación cualitativa
Insights principales:
01 — Encontrar información con rapidez
La arquitectura existente dificultaba localizar informes y contenidos específicos.
02 — El contenido necesitaba mayor claridad
La cantidad y diversidad de información requería una jerarquía visual más evidente.
03 — La accesibilidad debía integrarse desde el diseño
Los criterios de accesibilidad no podían tratarse como una validación posterior.
De los insights a la solución
01
Descubrir
Research cualitativo, entrevistas, benchmark y análisis heurístico del producto.
02
Definir
Arquitectura de información, flujos clave e insights del research.
03
Diseñar
Diseño de interfaz, prototipado y criterios de accesibilidad.
04
Validar
Tests de usabilidad e iteraciones a partir del feedback real.
05
Entrega
Design System, handoff a desarrollo y guía de accesibilidad.
La accesibilidad como parte del diseño
Los criterios de accesibilidad se incorporaron desde las primeras etapas del proyecto para garantizar una experiencia más intuitiva, clara y consistente para todos los usuarios.
Se definieron criterios alineados con WCAG 2.2 AA para guiar las decisiones de diseño.
Relación de contraste adecuada entre texto, iconografía y fondos.
Jerarquías claras y tamaños que facilitan la lectura.
Estados, tamaños y comportamientos definidos para facilitar la interacción.
Estructura y recorridos comprensibles para diferentes necesidades de usuario.
Los criterios se aplicaron en todas las capas del diseño para garantizar una experiencia accesible.
Se revisaron las combinaciones de color para asegurar una correcta percepción del contenido.
Los componentes se diseñaron contemplando estados, jerarquía visual y legibilidad en todos los casos de uso.
La experiencia se adaptó a diferentes tamaños de pantalla manteniendo la claridad y el acceso al contenido.
Una guía creada para convertir los criterios de accesibilidad en reglas aplicables durante el diseño.
Resultado del proyecto
Se reorganizó el contenido para reflejar cómo pacientes, familiares y profesionales buscan información.
Criterios WCAG 2.2 AA incorporados desde el diseño de la experiencia y los componentes.
Se simplificó la estructura de navegación para reducir la complejidad y mejorar la exploración del contenido.
Se definieron patrones y componentes reutilizables para mantener coherencia en toda la plataforma.
Prototipo navegable
Vista responsive
Diseño final
Guía de accesibilidad
El resultado
Una experiencia más clara, accesible y fácil de explorar, con una arquitectura de información más orientada a las tareas y criterios de accesibilidad integrados desde el diseño.
