Paso 3: Construir su creatividad
Ahora es el momento de empezar a pensar en qué tipo de visual quieres usar para captar la atención de tus visitantes, y cómo quieres que se comporte. ¿Quieres que los mensajes se desplacen por la pantalla, o aparecen de repente? ¿Quieres una pequeña pestaña que la gente pueda elegir hacer clic o ignorar, o una gran imagen que aparezca para robar su atención? Estas imágenes que utilizará para “interceptar” a sus visitantes se denominan diseños.
Selección de un tipo de diseño
Una vez dentro de su nuevo proyecto de información del sitio web / aplicación, usted querrá comenzar a hacer diseños. A continuación se muestran algunos de los tipos creativos más populares:
- Diálogo reactivo: Este diseño es similar a los diseños de pop over y slider. Aparece en la parte superior de la página web y escala automáticamente al tamaño del dispositivo del visitante. Este diseño proporciona funciones de accesibilidad listas para usar sin la necesidad de actualizaciones adicionales basadas en JavaScript que puedan ser necesarias en otros tipos de diseño.
- Ventana emergente superpuesta: Este tipo de diseño se puede utilizar para llamar la atención de los visitantes.
- Botón de opinión: Este diseño es especialmente útil si desea ser sutil a la hora de recopilar las valiosas opiniones que necesita. El diseño fijo hace de este creativo uno de los más fáciles de usar e implementar.
- Botón deslizante: Este diseño tiene un aspecto similar al botón de opinión. Una vez que el visitante hace clic en la sección de pestañas del botón deslizante, la sección restante del control deslizante se anima fuera del borde de la página web.
Consejo Q: Tanto los botones de opinión como los botones deslizantes son formas sutiles de recopilar opiniones de los visitantes de su sitio. Al elegir entre ellos, tenga en cuenta lo siguiente:
- Para los controles deslizantes, el visitante solo puede ver una pestaña al principio. Una vez seleccionado o en el desplazamiento de la página, la parte restante del diseño se animará. En esta página de soporte encontrará un ejemplo de este comportamiento, donde verá una pestaña con el texto Comentarios.
- Los botones de comentarios también se pueden comportar de esta manera, pero solo si los ha creado después del 27 de septiembre de 2019 y ha fijado la animación de visualización web en Botón deslizante.
- Los botones de comentarios también tienen una opción en la que al hacer clic en el botón de opinión se abre la encuesta en una ventana nueva en su lugar. Esto es posible si fija la animación Visualización web en Ventana nueva.
Diseñar su diseño
Una vez que elija un tipo de diseño, puede comenzar a personalizarlo según sus necesidades en la sección Editar. Mantenga su diseño creativo limpio, pero no tenga miedo de hacerlo pop. Siempre consulte con su equipo de diseño web para asegurarse de que el diseño sigue la guía de estilo asociada con su empresa o sitio web.
Puede personalizar muchas cosas acerca de su diseño, pero a continuación incluimos algunas de las principales cuestiones que debe tener en cuenta:
- Dimensionamiento: las dimensiones de su diseño permanecerán estáticas cuando se muestren en una vista de escritorio o móvil. En el caso de que desee que su intercept aparezca en 2 tipos de dispositivos diferentes, deberá crear 2 diseños separados, por lo que uno es optimizado para dispositivos móviles. De lo contrario, es importante dar formato a su diseño para que aparezca bien tanto en la vista móvil como en la de escritorio. Ajustar las dimensiones de su diseño también puede ayudar con eliminando tu barra de desplazamiento. Si no está seguro de cuáles son las dimensiones adecuadas para su diseño, puede utilizar Vista previa modo para probar la visualización en una resolución de pantalla determinada.
- Objetivo: Decida si desea que su objetivo se muestre directamente en el diseño (por ejemplo, una encuesta que aparece en un slider) o si desea enlazar con él con texto o un botón. También querrá decidir dónde se posiciona este objetivo en el diseño.
- Botón Cerrar: Decida cómo salen los usuarios del diseño. Qualtrics proporciona botones prediseñados, pero también puede utilizar texto o una imagen propia.
- Añadir un logotipo: hay 2 formas de añadir un logotipo a su diseño. Puede insertar un gráfico directamente en su diseño utilizando la barra de herramientas. Como alternativa, puede añadir un logotipo directamente en el encabezado de la encuesta en la pestaña Avanzadas del menú Diseño y fondos. Si utiliza un tema personalizado, es posible que el logotipo ya esté aplicado a su encuesta.
Decidir cómo se comporta tu Diseño
La sección Opciones le ayuda a decidir cómo desea que se comporte su diseño, como cómo se desliza por la pantalla, dónde se coloca, el momento de su apariencia y más. Cada diseño es ligeramente diferente en cómo se comporta, por lo que las opciones presentadas en esta sección varían para cada diseño.
Prueba de su diseño
En la ficha Opciones, puede obtener una vista previa de su diseño. El modo Vista previa de diseño es una forma rápida y fácil de probar si su diseño tiene el formato que desea. La ventana Vista previa tendrá en cuenta las condiciones que haya definido en las opciones de diseño. Si no ve que su diseño aparece en la ventana de vista previa, deberá volver atrás y comprobar el formato de su diseño.
Publicar el diseño
Una vez que estés contento con cómo se ve y se comporta tu creatividad, ¡asegúrate de publicarla! Esto envía los cambios en directo a su sitio web, siempre que haya desplegado el código y activado su intercept.
Si no está preparado para que su diseño aparezca en su sitio, Qualtrics guardará los cambios automáticamente y los impedirá que se implementen hasta que esté listo para su publicación.