InnovaMD Healthcare Portal
Diseño UI/UX De Aplicación Responsiva Para Navegador
La Segunda Participación De The Skins Factory Diseñando El Portal De Salud De InnovaMD.
La fase de descubrimiento del proyecto comenzó con nuestro equipo realizando investigación de usuarios/entrevistas. Durante el transcurso de 2 semanas, entrevistamos a médicos, administradores de clínicas y personal de oficina, para conocer los puntos de dolor que estaban experimentando con la versión anterior de la aplicación, mientras discutíamos los conjuntos de funciones que querían ver incluidos en la nueva versión del portal. Esta investigación fue fundamental para identificar dónde realizar los cambios necesarios de usabilidad y diseño de interacción.
Aviso Legal: Todos los nombres de pacientes y no pacientes que aparecen en estos trabajos son ficticios. Cualquier parecido con personas reales, vivas o fallecidas, es pura coincidencia.
El Dashboard
El Dashboard fue un rediseño completo de UI/UX/IxD desde cero. Nuestras composiciones iniciales usaban una navegación secundaria más gráfica, con un chrome superior oscuro para generar contraste. Optamos por aclarar y simplificar el área de navegación, mientras incorporábamos un degradado de color en la barra. La mayoría de los módulos del Dashboard incluyen un icono Pop-Out. Esto permite ampliar la funcionalidad y el tamaño de cada módulo, sin interrumpir el layout ni obligar al usuario a salir del Dashboard. Al hacer clic en el icono, el módulo se envía a un panel Slide Out. Se prestó especial atención a hacer que el Directorio De Beneficiarios fuera más robusto que su predecesor. Nuestro enfoque durante todo el proyecto fue acelerar la productividad del usuario, aumentando al mismo tiempo el acceso a información pertinente, para que los trabajadores de la salud pudieran dedicar más tiempo a cuidar a los pacientes y menos tiempo a interactuar con la aplicación.
A continuación, puede ver algunos de los paneles/módulos del Dashboard que se han expandido a un panel Slide Out. Además, una vista de un menú desplegable de navegación.
Pantallas De Datos Del Paciente
Debido a la naturaleza propietaria de esta pantalla y de ciertos conjuntos de funciones, se hizo un esfuerzo por mantener la funcionalidad principal intencionalmente vaga. Esto se hizo para proteger la propiedad intelectual de nuestro cliente.
Crear Servicio
Para garantizar una experiencia de usuario intuitiva, nuestros diseñadores de experiencia de usuario decidieron implementar una barra lateral vertical de progreso para la pantalla. Esta incorporación permite a los usuarios seguir fácilmente su progreso mientras navegan por cada sección. Para hacerlo aún más conveniente, se muestra una marca de verificación junto a cada sección a medida que el usuario interactúa con ella, dándole una confirmación visual de su progreso. También nos aseguramos de que la barra lateral de progreso permanezca fija y visible incluso mientras el usuario se desplaza por el contenido de la página. Esta decisión de diseño se tomó con la intención de brindar a los usuarios una experiencia de desplazamiento fluida y sin esfuerzo. Al mantener la barra lateral de progreso visible en todo momento, los usuarios recuerdan constantemente su posición dentro de la progresión general. Esta estrategia de implementar una barra lateral vertical de progreso funciona como una herramienta valiosa para mejorar la participación del usuario y reducir cualquier posible confusión. Garantiza que los usuarios tengan una comprensión clara de dónde se encuentran dentro del proceso, permitiéndoles navegar fácilmente por las diferentes secciones, lo que en última instancia contribuye a una experiencia de usuario positiva en general, haciendo que su recorrido por la pantalla sea lo más fluido y sencillo posible.
