Saltar al contenido principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Plantilla de artículo


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Acerca de Encuesta Style & Motion

El estilo de su encuesta es importante para garantizar que los encuestados disfruten encuesta. Esto incluye la fuente de su encuesta, los colores, el espaciado entre preguntas y cualquier CSS personalizado que desee agregar. También puede personalizar cómo se mueve su encuesta , desde configurar una animación de transición de página hasta hacer avanzar automáticamente a los encuestados a través de la encuesta a medida que responden preguntas.

Atención: El Nueva experiencia para realizar Encuesta utiliza una estructura de página diferente para ofrecer un mejor soporte de accesibilidad y un diseño móvil primero, lo que hace que el CSS personalizado funcione de manera diferente. Cuando esta experiencia está habilitada, los elementos de CSS personalizado (por ejemplo, html, clases css e identificadores) deberán actualizarse para funcionar correctamente.

Fuentes

Puede cambiar la fuente de sus preguntas y opciones de respuesta en la sección Estilo de El menú Apariencia y estilo. Para cambiar el tipo de fuente, haga clic en el Fuente Despliegue y seleccione un tipo de letra.

La opción de fuente en la sección de estilo de apariencia

También puedes personalizar el tamaño de la fuente de tu encuesta. Esto incluye poner la fuente en negrita y darle 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 B Icono a la derecha del tamaño de fuente para poner el texto en negrita.
Las opciones de texto de la pregunta y texto de respuesta en apariencia para cambiar el tamaño de fuente y el uso de negrita

Fuentes predeterminadas

El menú desplegable de selección de fuente tiene una opción para Por defecto fuente. Dependiendo de su selección disposición, la fuente predeterminada es diferente:

  • El Departamento usos del diseño Poppins como el tipo de letra de la fuente.
  • El Moderno usos del diseño Abierto Sans como el tipo de letra de la fuente.
  • El Clásico usos del diseño Helvética nueva como el tipo de letra.

Colores

Puede cambiar el color de los elementos dentro de su encuesta en la sección Estilo de la Menú de apariencia y estilo. Desde esta sección podrás personalizar los colores primarios y secundarios de tu encuesta.

Las opciones de colores primarios y secundarios en la sección de estilo de apariencia y sensación.

Color primario

El color principal de su encuesta se aplica a los elementos principales de la encuesta. Esto cambia según el diseño de la encuesta , pero generalmente se aplica a los colores de funciones como la barra de progreso y los resaltados de preguntas.

La opción de color principal en la apariencia. La barra de progreso y el resaltado de preguntas se ven afectados por esta opción.

Color secundario

El color secundario de su encuesta se aplica a elementos menores de la encuesta. Esto cambia según el diseño de su encuesta , pero generalmente se aplica a funciones como los botones Siguiente y Atrás.
La opción de color secundario en la aspecto visual y operativo. El siguiente botón se ve afectado por esta opción.

Agregar CSS personalizado

Atención: El siguiente código se proporciona tal cual y requiere conocimientos de programación para implementarlo. El soporte técnico de Qualtrics no ofrece asistencia o consultoría sobre codificación personalizada. En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad.
Atención:Cuando el Nueva experiencia para realizar Encuesta está habilitado, los elementos de CSS personalizado (por ejemplo, html, clases css e id) deberán actualizarse para funcionar correctamente.

A veces, es posible que desees modificar la apariencia de tu encuesta más allá de las simples opciones de formato disponibles con solo hacer clic. Para aquellas personas conocedoras de la tecnología que quieran profundizar en la codificación del diseño de su encuesta, ofrecemos la opción de agregar CSS personalizado.

Hojas de estilo en cascada (CSS) es un lenguaje de codificación utilizado para diseñar páginas web. Con la función Agregar CSS personalizado, puede escribir su propio CSS directamente en el editor de CSS o señalar un archivo CSS alojado en línea.

Para agregar CSS personalizado a su encuesta:

  1. Mientras edita su encuesta, abra el menú Diseño y fondos.
    navegando a la sección de estilo de aspecto visual y operativo y usando las dos opciones css en la parte inferior de la pestaña
  2. Haga clic en el Estilo sección.
  3. Introduzca su propio CSS en el CSS personalizado caja.
    Consejo Q: Si necesita más espacio para crear su CSS, haga clic en editar debajo del cuadro CSS personalizado para abrir el Editor CSS .
  4. Si está utilizando CSS alojado en línea, ingrese la URL del host en línea en el CSS externo caja.
  5. Haga clic en Aplicar.

Consejo Q: El siguiente fragmento de código le permitirá eliminar el logotipo predeterminado de su tema. Para ello, copie el siguiente código CSS en el editor de CSS personalizado:

html .Skin #Logotipo {display: ninguno;}

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 relación con el fondo de la encuesta , aumentar el contraste de 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 el Contraste de primer plano que se encuentra en Sección de antecedentes.

La opción de contraste de primer plano en la sección de estilo de aspecto visual y operativo.

Espaciado de preguntas

Espaciado entre preguntas determina la cantidad de espacio que separa las preguntas de la encuesta . Puede elegir entre espaciado compacto, cómodo o extendido. Cambiar el espaciado de las preguntas de su encuesta puede permitirle controlar la longitud de la misma. 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.
La opción de espaciado de preguntas en la sección de estilo de aspecto visual y operativo.

Opciones de estilo de pregunta

Si su encuesta utiliza el Nueva experiencia para realizar EncuestaHay varias opciones de estilo de preguntas disponibles para usted. Estas opciones afectan la experiencia del encuesta al responder la encuesta. Las opciones de personalización de preguntas incluyen:
Las opciones de estilo de la pregunta en la sección de estilo de apariencia y estilo

  • Mostrar botones de opción para preguntas de opción múltiple:Cuando está habilitado, pregunta de opción múltiple Las opciones de respuesta utilizarán botones de opción en lugar de un botón completamente cliqueable.
    Ejemplo: En la primera imagen a continuación, esta opción está deshabilitada, por lo que las opciones de respuesta aparecen como un botón completamente seleccionable.Una pregunta de opción múltiple con botones en los que se puede hacer clic
    La segunda imagen muestra la misma pregunta con la opción del botón de radio habilitada.
    Una pregunta de opción múltiple con botones de opción
  • Mostrar botones verticalmente en dispositivos móviles para preguntas de NPS:Cuando está habilitado, Preguntas del NPS Aparecerá 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á deshabilitada, por lo que las preguntas de NPS aparecen en formato horizontal para todos los encuesta .Una pregunta de NPS en formato horizontal
    La segunda imagen muestra la misma pregunta con la opción vertical habilitada para los encuesta que utilizan dispositivos móviles.
    Una pregunta de NPS en formato vertical para encuesta móviles

Apariencia y sensación vs. Editor de contenido enriquecido

Las fuentes y el color del texto se pueden editar de dos maneras: globalmente y localmente. Los cambios de estilo globales se realizan en el menú Apariencia y afectan a todo el texto de preguntas y/o respuestas. Se realizan cambios de estilo local en el Editor de contenido enriquecido para esa pregunta específica o opción de respuesta. Los cambios locales anulan los cambios globales, por lo que si realiza un cambio en el Editor de contenido enriquecido de una pregunta, verá esas configuraciones en lugar de lo que esté configurado en la apariencia.

Puedes 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 quitar el formato

  1. Seleccione todas las preguntas haciendo clic en la primera pregunta, desplazándose hasta la parte inferior y manteniendo presionada la tecla cambioy haciendo clic en la última pregunta. Las preguntas seleccionadas tendrán una casilla de verificación marcada siguiente a su número de pregunta.
    Seleccionar múltiples preguntas en el editor de encuesta
  2. Ir a Herramientas.
    Haga clic en herramientas, pase el cursor sobre la revisión y seleccione Formato de tira
  3. Pase el cursor sobre Revisar y seleccione Formato de tira.

Transición de páginas

El Transición de página La opción en la sección Movimiento le permite especificar el efecto de transición que se reproduce cuando los encuestados navegan por las páginas de su encuesta.
La opción de transición de página en la sección de movimiento de apariencia y estilo.

A continuación se muestra una descripción general de cada tipo de transición de página:

  • Ninguno:No se reproducirá ninguna transición de página. Cada página de su encuesta se cargará como una página web normal.
  • Deslizar:Cuando un encuestado hace clic en el botón siguiente o botón anterior, la página siguiente se deslizará hacia la pantalla desde un costado.
  • Desteñir:Cuando un encuestado hace clic en el botón siguiente o botón anterior, la página siguiente aparecerá en pantalla mientras que la página anterior desaparecerá.
  • Voltear:Cuando un encuestado hace clic en el botón siguiente o botón anterior, la página se “dará vuelta” y revelará la página siguiente.

Enfoque automático

El Enfoque automático La función en la sección Movimiento desvanece todas las preguntas de la encuesta excepto la que el encuestado está viendo actualmente. Esto puede ayudar a evitar que los encuesta se distraigan con preguntas de la encuesta anteriores o futuras.

La opción de enfoque automático está habilitada y la vista previa muestra la funcionalidad de enfoque automático.

Avance automático

La configuración de Avance automático en la sección Movimiento mueve automáticamente a los encuestados a través de su encuesta a medida que responden sus preguntas. Hay varias configuraciones que puedes usar para controlar la experiencia de responder la encuesta .
las tres opciones de avance automático en la sección de movimiento de la pestaña de apariencia y estilo

  • Avance automático en preguntas: Esta opción permite a los encuestados avanzar preguntas anteriores sin desplazarse por la página. En cambio, avanzarán automáticamente a la siguiente pregunta tan pronto como seleccionen una respuesta. Cuando el avance automático en las preguntas está habilitado, una Hecho El botón aparecerá después de ciertos tipos de preguntas, como entrada de texto y preguntas de opción múltiple de selección múltiple. Los encuestados pueden hacer clic en este botón para pasar a la siguiente pregunta.
    Consejo Q: Esta configuración debe estar habilitada para utilizar las demás funciones de avance automático.
  • Ocultar el botón de avance automático:Al habilitar esta opción se ocultará el Hecho Botón que aparece cuando el avance automático en las preguntas está habilitado.
  • Avance automático en páginas:Esta opción permite a los encuestados avanzar 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 las páginas introducirá la Botón anterior en su encuesta incluso si no está habilitado en sus opciones de la 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 Botones de retroceso.

Consejo Q: Si incluye una pregunta de correo electrónico en línea en una invitación a la encuesta, y su encuesta solo tiene 1 pregunta, Autoadvance no avanzará automáticamente la encuesta a la siguiente página ni la enviará. Para obtener instrucciones sobre cómo lograr esto, consulte Cómo crear una pregunta en un correo electrónico en línea Enviar de inmediato.

Preguntas frecuentes

Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.