Prototipar Interfaz de Ayuda

Interfaz de Ayuda (Esquema Funcionabilidad)

Se requiere prototipar una interfaz donde se despliegue toda la información básica acerca del funcionamiento del aplicativo, esta es pensada para darle una guía al usuario de lo que se encuentra en el aplicativo y puedan ubicarse dentro de las diferentes opciones.

Estructura de la interfaz: ⭐

La interfaz debe contar con lo siguiente:

El header de la interfaz debe contener lo siguiente:
- En la parte izquierda superior el icono del menú tipo hamburguesa
- En el centro se deberá ubicar el logo del aplicativo ISeverity
- En la parte izquierda debajo y con espacio de ancho del icono de hamburguesa se debe ubica un hipervínculo que redireccione al menú principal con el siguiente texto < Inicio
- El color de fondo de toda la interfaz deberá ser #FFFFFF
El contenido principal de la interfaz deberá tener lo siguiente:
- Deberá tener un titulo justificado en el centro el cual tendrá el siguiente
  - Color de fuente Color: #000000
  - Fuente: Montserrat
  - Tamaño: 24
  - Texto: Ayuda
- Deberá tener una card donde tendrá todo el contenido que servirá como guía de la siguiente manera: Cada uno de los textos que se mocionaran estarán ubicados con una justificación hacia la izquierda en forma de lista sin decoración.
- Todos los textos que sean para subtítulos dentro de esta card tendran lo siguiente:
  - Color de fuente Color: #000000
  - Fuente: Montserrat
  - Style: Semibold
  - Tamaño: 24
- Todos los textos que sean para descripciones dentro de esta card tendrán los siguiente:
  - Color de fuente: #000000
  - Fuente: Poppins
  - Style: Regular
  - Tamaño: 20
- La organización es la siguiente:
  - Se tendrá un subtitulo con el texto: Esta sección contiene consejos para mejorar la experiencia de los usuarios y dar orientación para el uso del aplicativo.
  - Se deberá tener una card con lo siguiente:
    - Color de fondo: #FFE5B1
    - Se tendrá un un subtitulo con lo siguiente:
    - Color de fuente: #FF7600
    - Texto: Nota
    - Se deberá tener una descripción con lo siguiente:
    - Texto: Cada vez que se genera un resultado de una predicción o se ejecuta un procesos la información se almacena en un historial que se puede observar en el historial
  - Se deberá tener un subtitulo con lo siguiente:
    - Texto: Menú de Navegación:
  - Se deberá tener una descripción con lo siguiente:
    - Texto: Permite visualizar todas las opciones que componen el aplicativo web presionando el icono y permite toda la navegación
    - Se debera poner este icono de manera minimizada al finalizar de la descripcion.
  - Se deberá tener un subtitulo con lo siguiente:
    - Texto: Opción Inicio:
  - Se deberá tener una descripción con lo siguiente:
    - Texto: Interfaz principal del aplicativo donde se despliega la información general del funcionamiento del mismo.
  - Se deberá tener un subtitulo con lo siguiente:
    - Texto: Opción Dashboards:
  - Se deberá tener una descripción con lo siguiente:
    - Texto: Interfaz que permite visualizar los dashboards existentes y la navegación a los mismos.
  - Se deberá tener un subtitulo con lo siguiente:
    - Texto: Opción Configuración:
  - Se deberá tener una descripción con lo siguiente:
    - Texto: Interfaz que permite la visualización de los históricos de uso, administración de fuentes y ejecución de procesos y su historial.
  - Se deberá tener un subtitulo con lo siguiente:
    - Texto: Opción Contacto
  - Se deberá tener una descripción con lo siguiente:
    - Texto: Interfaz que permite hacer un contacto directo con los desarrolladores del aplicativo para cualquier pregunta, observación o sugerencia
Al finalizar el contenido principal en la parte del footer se debera tener lo siguiente:
- Color de fondo: #000000.
- Color fuente: #FFFFFF
- Texto: Powered By ISeverity (Mateo Vélez - Santiago Leon)

Prototipado 👍

Prototipar Interfaz de Ayuda

mateovlz / dsSeverityAccidents

Prototipar Interfaz de Ayuda #24

Interfaz de Ayuda (Esquema Funcionabilidad)

Estructura de la interfaz: ⭐

Prototipado 👍