Ayuda flotante

Contenido

Definición

Se trata de una llamada flotante situada en la parte lateral derecha de la pantalla, que proporciona un acceso sencillo a uno o varios servicios de ayuda que puedan resolver las dudas del usuario de forma síncrona. Estos servicios pueden ser:

• Servicios de chat: asistentes virtuales, chats de atención directa.
• Teléfonos de información.

En el botón de ayuda flotante puede incluirse un único servicio o varios.

Anatomía

Anatomía del componente Ayuda flotante

Las partes del componente son:

  1. Contenedor
  2. Icono (opcional)
  3. Etiqueta del servicio

Tipos

Un servicio

En esta versión se accede a un solo servicio y se incluye directamente su denominación en el propio botón.

Varios servicios

Si desde el botón flotante se accede a varios servicios, en el botón debe incluirse el texto "Ayuda" y, al pulsarlo, se desplegará un elemento que permitirá al usuario elegir el servicio de apoyo que prefiera.

Pautas de uso

Incluye el componente únicamente en páginas en las que sea contextualmente relevante.

Incluir un botón flotante en la página puede resultar un poco intrusivo en la experiencia de usuario, ya que se superpone al contenido principal de la página. Incluye el componente solo donde sea útil y aporte valor en relación con el contenido que se está viendo. En particular, inclúyelo en aquellos servicios digitales cuya complejidad haga previsible que los usuarios tengan que realizar consultas para resolver su necesidad.
Monitoriza periódicamente los niveles de uso mediante herramientas de analítica web, para garantizar que es relevante.

Valora mostrar el componente únicamente en ciertos casos

Por su carácter intrusivo, es posible mostrar el componente cuando la interacción de la persona usuaria demuestre que puede necesitar ayuda. En particular:

  • Cuando deje de hacer scroll varios segundos.
  • Cuando se desplace hacia arriba de la página.
  • Al terminar la lectura del contenido principal.

Componentes relacionados

Relacionado con:

Forma parte de:

Control de versiones

FechaVersiónNotas
20/03/20261.3Se incorporan pautas de uso. 
26/05/20211.1Se incorpora como componente en el Sistema de diseño