Mockups - Lcaraballoc/InVitro GitHub Wiki

Mockups

Se realiza la primera versión de las vistas del sistema en la herramienta de Adobe XD, para ver a detalle las vistas visite el siguiente link.

Después de haber tenido sesión de feedback de la primera versión de las vistas, se migró a Figma para la versión 2.0. Para ver a detalle cada una de de las vistas visite el siguiente link.

A continuación se muestran algunas de las vistas en su versión desktop y mobile:

Pagina de Login

Vista de Login

Home del Administrador

Home Administrador

Registro de Usuarios (Administrador)

Registro Usuarios

Modal para Confirmación (Administrador)

Modal Confirmación

Home del Bacteriólogo

Home Bacteriólogo

Página para Búsqueda de Exámenes (Bacteriólogo)

Búsqueda Exámenes

Página para Cargar Resultados de Exámenes Médicos (Bacteriólogo)

Cargar Resultados

Página para Búsqueda de Pacientes (Médico)

Búsqueda Pacientes

Historia Clínica de Paciente (Médico)

Historia Clínica

Página para Asignar Exámenes Médicos al Paciente (Médico)

Asignar Exámenes

Modal para Seleccionar Examen Médico (Médico)

Seleccionar Exámen

Home del Paciente

Home Paciente

Pagina para Visualización y Descarga de Resultados Médicos

Resultados Médicos

Design system

Type system

Se trabajará con la misma guia que sugiere Material Design.

Type system

Color palette


Color palette

Icons

Los iconos se trabajará con Font Awesome.