-
Customer Experience -
Employee Experience -
Brand Experience -
Core XM -
Design XM
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? ¿Desea que una pequeña pestaña que la gente pueda elegir para hacer clic o ignorar, o una gran imagen que aparezca para robar su atención? Estas imágenes que usarás 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 de sitio web/aplicación, querrá comenzar a hacer diseños. A continuación se muestran algunos de los tipos creativos más populares:
- Cuadro de diálogo adaptativo: Este diseño es similar a los creativos 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: Utilice este tipo de diseño para llamar la atención de sus visitantes.
- Botón de opinión: Un botón de feedback es especialmente útil si desea ser sutil a la hora de recopilar los valiosos comentarios que necesita. El diseño fijo hace de este creativo uno de los más fáciles de usar e implementar.
- Botón deslizante: Un diseño de control deslizante tiene un aspecto similar al del botón de feedback. 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 seleccione un tipo de diseño, puede empezar 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 dispositivo diferentes, deberá crear 2 diseños separados, por lo que 1 es optimizado para dispositivos móviles. De lo contrario, es importante dar formato a su diseño para que parezca agradable 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.
- Destino: Decida si desea que su objetivo se muestre a la derecha del diseño (por ejemplo, una encuesta que aparece en un botón deslizante) o si desea vincularla utilizando un texto o un botón. También deberá 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 dentro de la pestaña Avanzado 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 sobre la pantalla, dónde se coloca, el momento de su apariencia y más. Cada creativo es un poco diferente en cómo se comporta, por lo que cada creativo varía en las opciones presentadas en esta sección.
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 satisfecho con el aspecto y el comportamiento de tu creatividad, ¡asegúrate de publicarlo! 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á listo para que su diseño aparezca en el sitio, Qualtrics guardará sus cambios automáticamente y los mantendrá sin implementar hasta que esté listo para su publicación.
