...
Figura: Vista de wireframe de tooltip de área de acciones inferior
Diseño UI
A continuación se presentan las pantallas de diseño de interfaz validadas que contienen los elementos de interacción anteriormente identificados, pantallas que conformarán el diseño de interfaz del SGI. LAs pantallas se presentan agrupadas en función del Área del Investigador y del Gestor, siendo los componentes y comportamientos comunes a ambos entornos, simplemente se han incorporado en esta agrupación para facilitar la identificación:
Área del investigador
IU-INV-0020- Datos de identificacio?n y contacto
Figura: Vista de diseño UI de CVN, con sidenav lateral colapsado, menú lateral de entidad incluyendo avisos de error y comportamiento desplegable, área de acciones inferior con aviso de error de validación, presentación de campos de formulario (inactivos, activos y campo con error de validación).
IU-INV-0020- Datos de identificacio?n y contacto
Figura: Vista de diseño UI de CVN, con ejemplo de popup de resumen de últimos avisos en cabecera superior.
IU-AVI-0020 -Listado Notificaciones
Figura: Vista de diseño UI de sección de notificaciones y avisos, cpm ejemplo de tabla.