MEDIARA APP
Una aplicación móvil que mejora la gestión de enfermería y la comunicación en tiempo real.
Rol:
Líder de Proyecto
Duración:
Julio - Agosto 2025
Herramientas:
Figma, Adobe Illustrator




El Problema
El personal médico a menudo enfrenta dificultades de comunicación, desorganización y sistemas ineficientes para registrar los signos vitales o responder a emergencias.
Estos problemas pueden retrasar la toma de decisiones y afectar la calidad de la atención al paciente.


El Objetivo
Diseñar una aplicación móvil que optimice la coordinación médica a través de navegación intuitiva, comunicación en tiempo real y herramientas eficientes para registrar y monitorear información vital del paciente.
A CONTINUACIÓN:
CASO DE ESTUDIO COMPLETO
TIEMPO DE LECTURA:
5 MINUTOS
EL USUARIO
INVESTIGACIÓN DE USUARIOS - PUNTOS CRÍTICOS
PERSONA
DECLARACIÓN DEL PROBLEMA
MAPA DEL RECORRIDO DEL USUARIO
INTRODUCCIÓN
EL USUARIO
PROTOTIPO
EL DISEÑO
CONCLUSIÓN
II
*Realicé entrevistas con personal médico y de enfermería*, que luego transformé en mapas de empatía para comprender mejor a los usuarios y sus necesidades dentro del entorno hospitalario.
Descubrí que muchos profesionales valoran tener una herramienta digital rápida y confiable para registrar, revisar y compartir información de los pacientes. Sin embargo, los sistemas actuales suelen ser confusos y lentos, lo que genera frustración y retrasa su trabajo.
Esto convierte lo que deberían ser tareas ágiles y organizadas en una experiencia tediosa y poco práctica.
Investigación del Usuarios - Puntos Críticos

Navegación
Los sistemas de registros médicos actuales suelen tener una interfaz desordenada y poco intuitiva, lo que dificulta la búsqueda rápida de información del paciente.
Interacción
Experiencia
Los pequeños botones y menús dificultan la interacción, lo que genera errores al ingresar o consultar datos, especialmente durante las horas punta.
Las plataformas existentes no ofrecen una experiencia perfecta adaptada a las necesidades de los trabajadores de la salud, lo que reduce la eficiencia y genera frustración en el uso diario.








Persona: Laura


Declaración del Problema
Laura trabaja en una sala de hospital donde debe atender entre 10 y 15 pacientes por turno. Aunque está muy comprometida, se siente limitada por los procesos manuales. Ella cree que tener una aplicación simple y rápida en una tableta o teléfono podría ayudarla a ahorrar tiempo y brindar una mejor atención. Actualmente, no tiene acceso a ninguna solución digital en su hospital, lo que la obliga a duplicar sus esfuerzos.
Mapa de Recorrido del Usuario


PROTOTIPO
MAPA DEL SITIO
WIREFRAMES EN PAPEL
PROTOTIPO DE BAJA FIDELIDAD
ESTUDIO DE USABILIDAD
INTRODUCCIÓN
EL USUARIO
PROTOTIPO
EL DISEÑO
CONCLUSIÓN
III
Mapa del Sitio


Prototipo de Baja Fidelidad




Creé bocetos en papel para cada una de las pantallas principales de la aplicación, teniendo en cuenta los puntos débiles identificados en relación con la navegación y el acceso rápido a la información del paciente.
Las variaciones de la estructura alámbrica de la pantalla principal se centraron en optimizar la experiencia del usuario al facilitar la visualización de tareas, informes y registros médicos de una manera clara y eficiente.
Wireframes en Papel
Para crear el prototipo de baja fidelidad, diseñé todas las pantallas de la aplicación en baja fidelidad y las conecté para componer el flujo principal de usuarios de la aplicación.
En esta etapa, recibí comentarios de varias personas sobre aspectos como la ubicación de los botones y la organización de la pantalla. Escuché atentamente sus comentarios e implementé muchas de sus sugerencias para mejorar la usabilidad y reducir los puntos de fricción identificados durante la investigación.




















Estudio de Usabilidad
Tipo de Estudio:
No moderado
Participantes:
3 participantes
Ubicación:
Colombia, remoto
Estos fueron los principales hallazgos identificados durante el estudio de usabilidad:

Registro
La pantalla de registro no se creó inicialmente, lo que habría dificultado el acceso del personal nuevo.








Datos del paciente
Sólo aparece la información principal del paciente, como nombre y edad, pero ningún otro dato relevante.


Reportes
No había forma de diferenciar entre los informes que ya habían sido enviados y los que estaban pendientes.
EL DISEÑO
PROTOTIPO DE ALTA FIDELIDAD
MEJORAS
MOCKUPS
INTRODUCCIÓN
EL USUARIO
PROTOTIPO
EL DISEÑO
CONCLUSIÓN
IV
Mockups




Mejoras




Se agregó una pantalla de "Registro" para brindar una manera para que el nuevo personal del hospital se registre en la aplicación.




Se ha añadido una tabla con información más detallada del paciente:
Nombre y apellido
Edad
Sexo
Número de identificación
Número de habitación o cama
Se ha agregado un índice codificado por colores para cada estado del informe:
Enviado
Pendiente
nada




Prototipo de Alta Fidelidad
















Incorporé los ajustes realizados luego del estudio de usabilidad; Se agregaron colores, texto e imágenes correspondientes, así como otras mejoras en el tamaño de los botones, todo con el objetivo de optimizar la experiencia y la claridad visual de la aplicación.
CONCLUSIÓN
INTRODUCCIÓN
EL USUARIO
PROTOTIPO
EL DISEÑO
CONCLUSIÓN
V
Los usuarios destacaron que el diseño de la aplicación resultó intuitivo y fácil de navegar. La organización de la información y los accesos directos a funciones clave les permitieron ahorrar tiempo en sus tareas diarias, mejorando la eficiencia y la atención al paciente.
Aprendí que, en entornos hospitalarios, incluso un pequeño cambio en la interfaz puede generar un gran impacto en la experiencia del usuario. Este proyecto me enseñó la importancia de escuchar activamente y diseñar soluciones centradas en la simplicidad, rapidez y claridad visual.
¡gracias por visitar!
juancos.199@gmail.com
+57 305 324 29 81
Juan Oporto © 2025
