Skip to content

Navegación

AgosLizzi edited this page Sep 1, 2021 · 2 revisions

Botón volver. Relevamiento

El usuario debe seguir las normas y convenciones de la plataforma sobre la que se esta poniendo en practica el sistema, para que no se tenga que preguntar el significado de las palabras, situaciones o acciones del mismo. La manera en la que nosotros le hablamos a nuestro usuario

Los diferentes componentes de la interfaz deben ser consistentes y mantener un mismo estilo a través de las distintas pantallas del sistema. Ejemplo: Todos los botones deberían comportarse de la misma manera, al menos los principales. Desde plex cada tipo de color representa un estado y concepto diferente ... Plex-button

Siguiendo estos parámetros y enfocandonos principalmente en el color rojo, el cual tiene connotaciones tanto positivas como negativas. Entre las segundas nombradas, y aplicando una relación con las interfaces; cada vez que nos cruzamos con algún botón, tarjeta, etc. que contenga este color, solemos ponernos en alerta. Ejemplo: pusimos mal alguna contraseña, clave, estamos por eliminar algun archivo importante, entre otras.


En el caso de ANDES, se utiliza el componente como botón de navegación para "volver atras". Como consecuencia se comienzan a visualizar varias dificultades en la plataforma, algunas de ellas son:

  1. No cumple con una paleta cromática apropiada y que corresponda a un sistema
  2. No conserva una tipología única
  3. Su contexto varia según el espacio “libre” en cada pantalla

Lineamiento

Situación en pantalla de escritorio

  • El botón deberá estar ubicado junto a un plex title, respetando este orden:
contexto-15 Teniendo en cuenta que muchas veces los títulos se ubican sobre la nav bar, utilizar este componente como contexto del módulo y no como un contenedor de título. Tal como muestra este ejemplo: nav-bar-16 Entonces el título tendría la función de "explicar" lo que se muestra en pantalla

  • Cuando la pantalla no contenga plex title y solo se visualice un campo de texto, se deberá generar un título para esa pantalla. Si se respeta este orden, se implementa el caso anterior.

Situación versión mobile / apps

  • En estos casos la implementación se ve ligada y condicionada por las diferentes navegaciones que plantea cada sistema operativo.

Para cada situación se debe tener en cuenta los rediseños realizados