Uso de SmartTips

Creación de SmartTips

Objective

After completing this lesson, you will be able to cree SmartTips para abordar los desafíos de negocio.

Pasos para crear SmartTips

SmartTips se crea en el editor de WalkMe. Haga clic en los pasos del proceso a continuación para aprender primero sobre los cuatro aspectos importantes de la construcción de SmartTips. Estos pasos se aplicarán tanto a Guidance como a Validation SmartTips.

Configuración de SmartTip

Cada SmartTip estará compuesto por cuatro componentes principales, estos son los cimientos de cualquier SmartTip. Son Interacción, Posición, Texto y Seleccionar. Antes de comenzar a construir su SmartTip, echemos un vistazo a estos cuatro pasos en acción.

Paso 1: Interactúe

A diferencia de las otras aplicaciones de WalkMe, con SmartTips tenemos que empezar por elegir dónde y cuándo los usuarios se comprometerán con el contenido. Esto indica a WalkMe qué página específica o URL deben mostrar estos SmartTips.

Para ello, utilizaremos el generador de condiciones e introduciremos la URL donde debe mostrarse SmartTip.

En este ejemplo estamos estipulando que los SmartTips solo se reproducirán cuando la URL contenga /partners-new-report.

Vea el vídeo para aprender a interactuar con el contenido y configurar SmartTips de forma eficaz.

Paso 2: Seleccionar

Para seleccionar un elemento en el que debe aparecer nuestro SmartTip, haremos clic en el icono más y seleccionaremos el campo donde queremos que aparezca. Luego, elegimos si queremos que este SmartTip sea Guía, Validación o Ambos.

Vea el vídeo para aprender a seleccionar un elemento al configurar SmartTips.

Paso 3: Texto

Si seleccionamos Guía para nuestro SmartTip, simplemente complete el texto de guía para este consejo en particular.

Si seleccionamos Validación, haga clic en Hecho primero para que aparezcan las opciones de SmartTips. Ahí seleccionaremos nuestro tipo de validación e introduciremos nuestros mensajes de error en el campo.

Si elegimos Ambos, escriba el texto de guía en el campo de mensaje y haga clic en Hecho para completar nuestro tipo de validación y mensaje de validación.

Vea el vídeo para aprender a introducir texto al configurar SmartTips.

Paso 4: Posición

Una vez que seleccionemos nuestro elemento, desearemos decidir dónde posicionar este SmartTip. Como práctica recomendada, desea asegurarse de que SmartTip no bloquee otros elementos del sitio y esté alineado con su objetivo previsto.

Cuando decidamos dónde queremos nuestro SmartTip, simplemente seleccione la opción direccional en la brújula dentro del SmartTip.

Vea el vídeo para aprender a posicionar SmartTips durante la configuración.

¡Buen trabajo!
¡Enhorabuena! Ahora conoce los cuatro componentes de un SmartTip. Asegúrese de que cada SmartTip utilice estos componentes ya que es importante para su éxito.

Conjunto SmartTips

SmartTips está incluido en un conjunto SmartTips.

Piense en un conjunto de SmartTips como un grupo de SmartTips desplegados en un solo formulario o página web, y los SmartTips individuales como un campo o elemento dentro de ese formulario o página.

Al crear un conjunto SmartTips, primero creamos condiciones para que el conjunto se reproduzca. Por ejemplo, si solo queremos que aparezcan en una página en particular.

La imagen muestra el conjunto SmartTips que contiene una serie de SmartTips.

Al crear SmartTips, podemos decidir si queremos que se muestren con o sin un icono, o con texto de marcador de posición.

Con un icono

Esto funciona colocando un icono junto al campo al que queremos llamar la atención de la gente. Cuando el usuario pase el ratón por encima o haga clic en este icono, se mostrará SmartTip.

El uso de un icono proporciona una señal visual que atrae a los usuarios a interactuar con él pasando el ratón por encima.

La imagen muestra un carrito de la compra y un resumen del pedido con un icono que especifica los estándares de expedición.

Sin un icono

En este caso, un usuario pasa el ratón por encima de un elemento de la pantalla, como un campo de entrada, un botón o un texto que ya forma parte de la interfaz de usuario, y esto muestra el texto.

Cuando tenemos un espacio de pantalla limitado o queremos mantener un aspecto minimalista, SmartTips sin un icono son una buena opción.

La imagen muestra un carrito de compra y un resumen de pedido especificando condiciones de código promocional.

Texto de reserva-espacio

Se puede utilizar cuando se requiere que aparezca texto de reserva-espacio en un campo que informa a los usuarios sobre el tipo de información que deben introducir.

Una vez que el usuario comienza a escribir el texto del marcador de posición desaparece.

Nota

El texto del marcador de posición solo está disponible para su uso con SmartTips de orientación.

Este ejemplo muestra texto de reserva-espacio en el campo Teléfono.

Texto de marcador en el campo Teléfono.
Divisor

Como ha visto, los SmartTips individuales se configuran mediante la ventana de edición SmartTip que aparece cuando seleccionamos el elemento. Comprender cómo usar la ventana de edición es crucial para poder configurar tu SmartTips.

La imagen muestra las secciones de la ventana de edición.
Tratar secciones de ventanaUtilización
Nombre de SmartTip

Aquí podemos introducir un nombre para el SmartTip individual en nuestro SmartTip Set.

De forma predeterminada, WalkMe rellena automáticamente el nombre de cada SmartTip.

En este caso, hemos seleccionado el elemento "Calle", y SmartTip ha tomado ese nombre.

Tipo de SmartTip
Aquí podemos seleccionar nuestro tipo SmartTip de las opciones principales: Orientación, Validación o una combinación de ambas.
Texto SmartTip

Aquí es donde agregamos el texto que se mostrará a los usuarios finales cuando interactúen con SmartTip.

En este ejemplo, informamos a los usuarios sobre el botón "Introducir un código promocional" para que queramos mostrar un texto de orientación que explique cómo pueden utilizar esta función.

Texto de reserva-espacio
Si usa un SmartTip de guía con texto de marcador de posición, aquí es donde introduciríamos el texto que se mostrará.
Opciones de visualización

Aquí podemos elegir cómo queremos que se muestre nuestro SmartTip para los usuarios finales. SmartTip se puede mostrar:

  • Con icono: esto significa que aparecerá un icono de quick info junto al elemento seleccionado. Los usuarios tendrán que interactuar con el icono para visualizar el texto.
  • Sin icono: esto significa que los usuarios simplemente pasan el ratón por encima del propio elemento para visualizar el texto. No hay información adicional sobre herramientas.
  • Solo texto de marcador de posición: cuando se selecciona esta opción, no se mostrará ningún icono, solo el texto del marcador de posición.
Grado de elemento
Aquí podemos ver la clasificación del elemento seleccionado, así como las opciones para ampliar o reducir la selección para mejorar.
Otras opciones

En la parte inferior tenemos opciones para:

  • Volver a seleccionar: esto nos permite volver a seleccionar el elemento.
  • Hecho: Podemos seleccionar esto si hemos terminado.
  • Próximo SmartTip: Esto nos permite pasar a nuestro próximo SmartTip si necesitamos seleccionar más de uno como parte de nuestro SmartTip Set.

Hemos aprendido sobre los fundamentos de la creación de un SmartTip, así que profundicemos en los detalles, empezando por Guidance SmartTips.