Estilo y movimiento de encuesta

Acerca del estilo y el movimiento de la encuesta

El estilo de su encuesta es importante para asegurarse de que los encuestados disfrutan de la encuesta. Esto incluye la fuente, los colores, el espaciado entre preguntas y cualquier CSS personalizado que desee añadir. También puede personalizar el modo en que se mueve su encuesta, desde la configuración de una animación de transición de páginas hasta el avance automático de los encuestados a lo largo de la encuesta a medida que responden a las preguntas.

Fuentes

Puede cambiar la fuente de sus preguntas y opciones de respuesta en la sección Estilo del menú Look &feel. Para cambiar el tipo de fuente, haga clic en el menú desplegable Fuente y seleccione un tipo.

También puede personalizar el tamaño de la fuente de su encuesta. Esto incluye marcar la fuente en negrita, así como dar a las preguntas y respuestas de la encuesta diferentes tamaños de fuente.

Para cambiar el tamaño de fuente, escriba el tamaño de fuente deseado (en píxeles) en el cuadro de tamaño de fuente. Haga clic en el icono B situado a la derecha del tamaño de fuente para poner el texto en negrita.

Fuentes predeterminadas

El menú desplegable de selección de fuente tiene una opción para una fuente predeterminada. Según el diseño seleccionado, la fuente predeterminada es diferente:

• El diseño plano utiliza Poppins como tipo de fuente.
• El diseño moderno utiliza Open Sans como el tipo de letra.
• El diseño clásico utiliza Helvetica Neue como tipo de letra.

Colores

Puede cambiar el color de los elementos de su encuesta en la sección Estilo del menú Diseño y fondos. Desde esta sección, puede personalizar los colores principal y secundario de la encuesta.

Color primario

El color principal de la encuesta se aplica a los elementos principales de la encuesta. Esto cambia en función del diseño de la encuesta, pero normalmente se aplica a colores de funciones como la Barra de progreso y los resaltados de preguntas.

Color secundario

El color secundario de la encuesta se aplica a elementos menores de la encuesta. Esto cambia en función del diseño de la encuesta, pero normalmente se aplica a funciones como los botones Siguiente y Atrás.

Agregar CSS personalizado

A veces, es posible que desee modificar el aspecto de su encuesta más allá de las sencillas opciones de formato disponibles de clic para cambiar. Para las personas expertas en tecnología que desean codificar el diseño de su encuesta, ofrecemos la opción de añadir CSS personalizado.

Las hojas de estilo en cascada (CSS) son un lenguaje de codificación utilizado para diseñar páginas de sitios web. Con la función Añadir CSS personalizado, puede escribir su propia CSS directamente en el editor de CSS o apuntar a un archivo CSS alojado en línea.

Para añadir CSS personalizado a su encuesta:

1. Mientras edita su encuesta, abra el menú Apariencia y diseño.
   
2. Haga clic en la sección Estilo.
3. Introduzca su propio CSS en el cuadro CSS personalizado.
   Consejo Q: Si necesita más espacio para crear su CSS, haga clic en editar debajo del cuadro CSS personalizado para subir al editor de CSS.
4. Si está utilizando CSS alojado en línea, introduzca la URL para el host en línea en el cuadro CSS externo.
5. Haga clic en Aplicar.

html #Logotipo de la piel {display: none;}

Contraste en primer plano

Contraste de primer plano determina el nivel de contraste entre el primer plano (texto, cuadros de texto, etc.) y la imagen de fondo. Puede elegir entre contraste Bajo, Medio y Alto. Si el texto de su encuesta es difícil de leer en el fondo de la encuesta, aumentar el contraste en primer plano puede ayudar a mejorar la legibilidad.

Para determinarlo, puede seleccionar un color de escala de grises que respete una relación de contraste adecuada de 4,5, lo que es compatible con WCAG. Para aumentar el contraste entre el texto y el fondo, cambie este ajuste a Medio o Alto. La opción Alto siempre es de color blanco o negro. También se deben tener en cuenta la imagen del fondo, el color y la opacidad de la superposición cuando se escoge el color adecuado para el primer plano. Esta configuración es la misma que la de Contraste de primer plano que se encuentra en la sección Fondo.

Espaciado de preguntas

El espaciado entre preguntas determina la cantidad de espacio que separa las preguntas de la encuesta. Puede elegir espaciado compacto, comprensible o extendido. Si cambia el espaciado entre preguntas de su encuesta, podrá controlar su longitud. Por ejemplo, reducir el espacio entre las preguntas hace que sea más fácil diseñar una encuesta que quepa en una página.

Opciones de estilo de pregunta

Si la encuesta utiliza un diseño simple, tiene a su disposición varias opciones de estilo de pregunta. Estas opciones afectan a la experiencia del encuestado al realizar la encuesta. Las opciones de personalización de preguntas incluyen:

• Mostrar botones de opción para preguntas de opción múltiple: Cuando está activada, las opciones de respuesta de pregunta de opción múltiple utilizarán botones de opción en lugar de un botón en el que se puede hacer clic completamente.
  Ejemplo: En la primera imagen a continuación, esta opción está desactivada, por lo que las opciones de respuesta aparecen como un botón en el que se puede hacer clic.
  La segunda imagen muestra la misma pregunta con la opción de botón de selección activada en su lugar.
  
• Mostrar botones verticalmente en el dispositivo móvil para preguntas de NPS: Cuando se activan, las preguntas de NPS aparecerán verticalmente para los usuarios que realicen la encuesta desde un dispositivo móvil.
  Ejemplo: En la primera imagen a continuación, esta opción está desactivada, por lo que las preguntas de NPS aparecen en formato horizontal para todos los encuestados.
  La segunda imagen muestra la misma pregunta con la opción vertical habilitada para encuestados móviles.
  

Look& Feel vs. Editor de contenido enriquecido

Las fuentes y el color del texto se pueden editar de 2 maneras: global y localmente. Los cambios de estilo global se realizan en el menú Apariencia y diseño y afectan a todo el texto de las preguntas y/o respuestas. Las modificaciones de estilo locales se realizan en la Editor de contenido enriquecido para esa opción de pregunta o respuesta específica. Los cambios locales sustituyen a los cambios globales, por lo que si realiza un cambio en el Editor de contenido enriquecido de una pregunta, verá esos ajustes en lugar de lo que esté establecido en Look & feel.

Puede utilizar Eliminar formato para eliminar rápidamente todo el formato local de las preguntas seleccionadas y permitir que los cambios globales surtan efecto de manera uniforme.

Para separar el formato

1. Seleccione todas las preguntas haciendo clic en la primera pregunta, desplazándose hasta la parte inferior, manteniendo pulsada la tecla Mayús y haciendo clic en la última pregunta. Las preguntas seleccionadas tendrán una casilla de verificación marcada junto a su número de pregunta.
   
2. Vaya a Herramientas.
   
3. Pase el cursor por encima de Revisar y seleccione Eliminar formato.

Transición de páginas

La opción Transición de páginas de la sección Movimiento le permite especificar el efecto de transición que se reproduce cuando los encuestados se desplazan por las páginas de la encuesta.

A continuación se muestra un resumen de cada tipo de Transición de páginas:

• Ninguna: No se jugará ninguna transición de páginas. Cada página de su encuesta se cargará como una página web normal.
• Diapositiva: cuando un encuestado hace clic en el botón siguiente o en el botón Atrás, la página siguiente se deslizará en la pantalla desde un lateral.
• Desvanecimiento: Cuando un encuestado hace clic en el botón Siguiente o Atrás, la página siguiente se desvanecerá mientras que la página anterior se desvanecerá.
• Rotar: Cuando un encuestado hace clic en el botón Siguiente o Atrás, la página se “vuelca” y muestra la página siguiente.

Enfoque automático

La función Enfoque automático de la sección Movimiento desvanece todas las preguntas de la encuesta además de la que está visualizando actualmente el encuestado. Esto puede ayudar a evitar que los encuestados se distraigan de las preguntas anteriores o futuras de la encuesta.

Avance automático

La configuración Avance automático en la sección Movimiento mueve automáticamente a los encuestados a través de la encuesta a medida que responden a sus preguntas. Existen varias opciones que puede utilizar para controlar la experiencia de realización de encuestas.

• Avance automático en preguntas: esta opción permite a los encuestados avanzar más allá de las preguntas sin desplazarse por la página. En su lugar, avanzarán automáticamente a la siguiente pregunta en cuanto seleccionen una respuesta. Cuando Avance automático en preguntas esté activado, aparecerá el botón Completado después de ciertos tipos de preguntas, como la entrada de texto y las preguntas de selección múltiple. Los encuestados pueden hacer clic en este botón para continuar con la siguiente pregunta.
  Consejo Q: Esta configuración debe estar activada para utilizar las otras funciones de Avance automático.
• Ocultar botón Avance automático: Al activar esta opción se ocultará el botón Completado que aparece cuando se activa Avance automático en preguntas.
• Avance automático en páginas: esta opción permite a los encuestados avanzar más allá de las páginas sin hacer clic en el botón Siguiente. En su lugar, pasan a la página siguiente cuando seleccionan una respuesta a la última pregunta de la página.
  Consejo Q: El Avance automático en páginas introducirá el botón Atrás en su encuesta aunque no esté activado en sus opciones de encuesta.

Una vez que haya activado el Avance automático, se habrá activado para todas las páginas de la encuesta. El Avance automático es compatible con los botones Atrás.

Preguntas frecuentes