Crear con información sobre herramientas en un flujo móvil
Paso a paso sobre cómo crear un flujo móvil utilizando tooltips flotantes y ancladas.
Esta guía explicará algunos ejemplos comunes de flujos que se pueden crear con tooltips móviles. Como parte de esta guía, utilizaremos tooltips flotantes y ancladas.
Para crear experiencias similares, recomendamos tener Appcues ya instalado en su aplicación con seguimiento de pantalla, enlaces profundos y elementos segmentables ya configurados.
Guía de construcción
Crear un flujo de información sobre herramientas en una sola pantalla
En este ejemplo, crearemos un flujo en una sola pantalla. Esto nos mostrará algunos ejemplos de comportamiento estándar con tooltips flotantes y ancladas.
Paso 1: Crea una tooltip anclada y actualiza el contenido
Esto es lo que hicimos con el nuestro:
Para facilitar la orientación de esta tooltip seleccionaremos una captura de pantalla para agregarla como fondo.
Paso 2: Agrega una captura de pantalla como fondo
Presione el icono de captura de pantalla
Luego selecciona la captura de pantalla que quieres usar como fondo.
Paso 3: Seleccione la pestaña "Objetivo"
Con la captura de pantalla cargada, seleccionaremos la pestaña Destino .
Y seleccione el botón Ajustar ubicación del objetivo para ingresar al modo de orientación para que podamos actualizar dónde estará el objetivo tooltip en la pantalla.
Usando los controles resaltados, actualizaremos el resaltado para mostrar el panel inferior en la aplicación.
Paso 4: Configurar las opciones de desestimación
En este flujo, no queremos que los usuarios salgan accidentalmente del flujo, por lo que seleccionaremos la pestaña Estilo y desactivaremos la opción Tocar para descartar .
Paso 5: Seleccione “Agregar” y seleccione la opción “ tooltip anclada”.
Ahora también queremos agregar una tooltip anclada a este flujo para brindarles a los usuarios contexto sobre los elementos en la pantalla que podrían estar en una ubicación inconsistente.
Seleccionaremos nuevamente la misma captura de pantalla ya que permaneceremos en la misma pantalla.
En tooltips , seleccionaremos Ajustar ubicación del objetivo y orientaremos la tooltip a uno de los elementos resaltados.
¡Después de actualizar el contenido de tooltip tenemos un flujo de tooltip básico!
Cree un flujo móvil en todas las pantallas
Si está interesado en crear la experiencia en diferentes pantallas, no dude en consultar nuestra guía aquí: Cree un flujo móvil en todas las pantallas
¡Feliz construcción!