Volver a Web
Web · Diseño Mobile-first
Portal Novo a la par
Propuesta de rediseño e información arquitectura para el portal educativo de pacientes de Novo Nordisk, desarrollada como parte de una licitación.
- Rol
- UX/UI
- Año
- 2022
De blog disperso a ruta de aprendizaje: rediseñar cómo un paciente aprende a convivir con su enfermedad
Nota de contexto: este proyecto se diseñó como propuesta para una licitación de Novo Nordisk. Por motivos presupuestarios, el cliente no avanzó con la implementación — aunque manifestó interés en adquirir la propuesta conceptual. Lo que sigue documenta el proceso de diseño y la validación real que hicimos sobre el prototipo, no un producto en producción.
El problema: información valiosa, sin ningún camino para recorrerla
El portal educativo de Novo Nordisk para pacientes con patologías crónicas (diabetes, obesidad, hemofilia, trastornos del crecimiento) funcionaba como un blog convencional: artículos científicos y videos de expertos de buen nivel, pero sin ninguna estructura de aprendizaje guiada. El paciente llegaba a un mar de información inconexa — y en salud digital, esa desorientación tiene un costo real: frustración, abandono temprano, baja adherencia al tratamiento.
Según datos que nos compartió el equipo de Novo Nordisk, más del 85% de los pacientes accedían desde smartphones de gama media-baja — lo que hacía del enfoque mobile-first y el rendimiento técnico una prioridad de diseño, no un detalle.
El proceso: de auditar contenido a diseñar un camino
Antes de abrir Figma, auditamos los artículos y videos existentes del blog viejo y los reagrupamos semánticamente, aplicando principios de proximidad y semejanza de Gestalt. Con esa base, diseñé un User Flow que mapeó el recorrido completo: desde que alguien entra por primera vez sin registrarse, hasta que se convierte en un usuario activo completando un curso.
El diseño diferenciaba dos perfiles: un usuario invitado, con acceso a notas sueltas y preview de cursos como gancho de valor, y un usuario registrado, con las rutas de aprendizaje completas, video, cuestionarios breves y un panel de progreso personal. Esta diferenciación se diseñó por completo en Figma pero no llegó a implementarse en un desarrollo real, al no concretarse la licitación.
La decisión clave: rutas guiadas, pero sin encerrar al paciente
¿Debía el paciente completar el módulo 1 antes de ver el módulo 2, o acceder libremente a cualquier contenido? Diseñé un término medio: una ruta gamificada tipo tablero de juego, con barra de progreso y lecciones que se desbloquean secuencialmente, pero que el usuario puede saltear en cualquier momento si necesita una respuesta puntual con urgencia.
El objetivo detrás de esta estructura no era la gamificación por sí misma, sino incentivar al paciente a aprender sobre su enfermedad, cómo tratarse y cómo mantenerse motivado — dándole libertad para priorizar una urgencia por sobre completar el curso de forma perfecta.
La validación: un prototipo probado con personas reales
Antes de cerrar el diseño, hicimos pruebas de usabilidad guiadas sobre el prototipo interactivo de Figma con 6 personas. 5 de 6 (83%) completaron con éxito las tareas de navegar el sitio y ubicar una lección para retomarla; uno se trabó un momento puntual pero se recuperó sin ayuda. La barra de progreso en las cards fue el elemento que más valoraron los usuarios como alivio cognitivo — saber exactamente dónde habían quedado, sin tener que volver a buscar contenido ya visto.
Lo que me llevo
El diseño invisible es el que mejor funciona en salud digital. No se trata de gritar "gamificación" con fuegos artificiales visuales — se trata de organizar la información para que reduzca la ansiedad del paciente y le dé un camino claro de avance. Y aunque el proyecto no llegó a producción, quedó demostrado con datos reales de usuarios que la estructura funcionaba — que el cliente haya querido comprar la idea es, en sí mismo, una validación del enfoque.