Tipos de banner
Las variantes de banner se diferencian por su color de fondo y el tipo de llamado a la acción que contienen.
Banner con enlace
En la variante con enlace la descripción se alinea al centro y no posee ícono. Este es el único banner donde el texto no se trunca y pasa a otra línea, ya que el enlace siempre va al final del contenido.
Banner con un botón
En la variante con botón la descripción se alinea a la izquierda y la acompaña un botón secundario como llamado a la acción.
Banner con dos botones
En la variante con botón la descripción se alinea a la izquierda y la acompañan un botón primario y secundario como llamado a la acción. El botón primario siempre se encuentra a la izquierda del secundario.
Diseño y estructura (contexto de uso)
Uso de banner en cuerpo de página
Los banners pueden disponibilizarse en cualquier parte de la página y funcionan como un elemento más para mostrar información. (Ej: “Lanzamos una nueva versión de nuestro sistema de diseño”)
Uso de banner con comportamiento fijo (sticky)
Algunos mensajes requieren cierto compromiso del usuario y deben mostrarse hasta que este dé su consentimiento. Estos son métodos de mensajería altamente invasivos, por lo tanto, deben usarse con mesura. Estos mensajes se pueden fijar solo en la parte inferior de la pantalla (EJ: “Aviso de privacidad de Cookies”).
Uso de iconografía
El uso de iconografía no es obligatorio, y su utilización debe acompañar conceptualmente cada mensaje. Hay que poner especial atención en no usar íconos de carácter semántico (información, error, advertencia, éxito y similares) que puedan confundir los banners con alertas.
