Ir para o conteúdo 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

Estilo e movimento Pesquisa


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!


Sobre a Pesquisa Style & Motion

O estilo do seu pesquisa é importante para garantir que os questionados gostem de responder ao seu pesquisa. Isso inclui a fonte do pesquisa, as cores, o espaçamento entre as perguntas e qualquer CSS personalizado que queira adicionar. Também é possível personalizar a movimentação do pesquisa, desde a definição de uma animação de transição de página até o avanço automático dos questionados pelo pesquisa à medida que respondem às perguntas.

Atenção: A nova experiência de coleta Pesquisa usa uma estrutura de página diferente para oferecer melhor suporte à acessibilidade e ao design para dispositivos móveis, o que faz com que o CSS personalizado funcione de forma diferente. Quando essa experiência estiver ativada, os elementos do CSS personalizado (por exemplo, html, classes css e ids) precisarão ser atualizados para funcionar corretamente.

Fontes

É possível alterar a fonte das perguntas e opções de resposta na seção Style (Estilo) do menu Look & feel (Aparência). Para alterar o tipo de fonte, clique no menu suspenso Font (Fonte ) e selecione um tipo de fonte.

a opção de fonte na seção de estilo do look & feel

Também é possível personalizar o tamanho da fonte do pesquisa. Isso inclui colocar a fonte em negrito e dar às perguntas e respostas pesquisa tamanhos de fonte diferentes.

Para alterar o tamanho da fonte, digite o tamanho desejado (em pixels) na caixa de tamanho da fonte. Clique no ícone B à direita do tamanho da fonte para colocar o texto em negrito.
as opções de texto da pergunta e de texto da resposta no look & feel para alterar o tamanho da fonte e o negrito

Fontes padrão

O menu suspenso de seleção de fonte tem uma opção para uma fonte padrão. Dependendo do layout selecionado, a fonte padrão é diferente:

  • O layout Flat usa a Poppins como fonte.
  • O layout Modern usa Open Sans como fonte.
  • O layout Classic usa a Helvetica Neue como fonte.

Cores

É possível alterar a cor dos itens do pesquisa na seção Estilo do menu Aparência e Sensação. Nessa seção, é possível personalizar as cores primárias e secundárias do pesquisa.

as opções de cores primárias e secundárias na seção de estilo do look & feel

Cor primária

A cor primária do seu pesquisa se aplica aos principais elementos do pesquisa. Isso muda de acordo com o layout do pesquisa, mas geralmente se aplica às cores de recursos como a barra de progresso e os destaques das perguntas.

a opção de cor primária no look & feel. a barra de progresso e o destaque da pergunta são afetados por essa opção

Cor secundária

A cor secundária do pesquisa se aplica a elementos menores do pesquisa. Isso muda de acordo com o layout do pesquisa, mas geralmente se aplica a recursos como os botões Avançar e Voltar.
a opção de cor secundária na visual. o botão avançar é afetado por essa opção

Adicionar CSS personalizado

Atenção: O código a seguir é fornecido no estado em que se encontra e requer conhecimento de programação para ser implementado. O suporte da Qualtrics não oferece assistência nem consultoria em codificação customizada. Ao invés disso, você pode perguntar para nossa comunidade de usuários dedicados.
Atenção: Quando a Nova experiência de coleta Pesquisa estiver ativada, os elementos do CSS personalizado (por exemplo, html, classes css e ids) precisarão ser atualizados para funcionar corretamente.

Às vezes, você pode querer alterar a aparência do seu pesquisa além das opções de formatação disponíveis com um simples clique para alterar. Para as pessoas com experiência em tecnologia que desejam se aprofundar na codificação do layout do pesquisa, oferecemos a opção de adicionar CSS personalizado.

Cascading Style Sheets (CSS) é uma linguagem de codificação usada para estilizar páginas de sites. Com o característica Add Custom CSS, você pode digitar seu próprio CSS diretamente no editor CSS ou apontar para um arquivo CSS hospedado on-line.

Para adicionar CSS personalizado ao seu pesquisa:

  1. Ao editar o pesquisa, abra o menu Look & feel .
    navegar até a seção de estilo do visual e usar as duas opções de css na parte inferior da guia
  2. Clique na seção Style (Estilo ).
  3. Digite seu próprio CSS na caixa CSS personalizado .
    Qdica: se você precisar de mais espaço para criar seu CSS, clique em editar abaixo da caixa CSS personalizado para abrir o CSS Editor.
  4. Se estiver usando CSS hospedado on-line, insira o URL do host on-line na caixa CSS externo .
  5. Clique em Aplicar.

Qdica: o trecho de código abaixo permite que você remova o logotipo padrão do tema. Para fazer isso, copie o seguinte código CSS no editor CSS personalizado:

html .Skin #Logo {display: none;}

Contraste do primeiro plano

Foreground Contrast (Contraste do primeiro plano) determina o nível de contraste entre o primeiro plano (texto, caixas de texto, etc.) e a imagem de fundo. Você pode escolher entre contraste baixo, médio e alto. Se o texto do pesquisa for difícil de ler contra o plano de fundo pesquisa, aumentar o contraste do primeiro plano pode ajudar a melhorar a legibilidade.

Para determinar isso, selecionamos uma cor de escala de cinza que adere a uma taxa de contraste adequada de 4,5, compatível com WCAG. Para aumentar o contraste entre o texto e o plano de fundo, altere para Médio ou Alto. Alto é sempre branco ou preto. Também levamos em conta a imagem de plano de fundo e a cor/opacidade da sobreposição ao determinar a cor de primeiro plano adequada. Essa configuração é a mesma do Contraste de primeiro plano encontrada na seção Plano de fundo.

a opção de contraste de primeiro plano na seção de estilo do visual

Espaçamento da pergunta

O espaçamento da pergunta determina a quantidade de espaço que separa as perguntas pesquisa. Você pode escolher um espaçamento compacto, confortável ou estendido. Alterar o espaçamento entre as perguntas do pesquisa pode permitir o controle da duração do pesquisa. Por exemplo, diminuir o espaçamento entre as perguntas facilita a elaboração de um pesquisa que caiba em uma página.
a opção de espaçamento de perguntas na seção de estilo do visual

Opções de estilo de pergunta

Se o seu pesquisa usar a Nova experiência de elaboração de Pesquisa, há várias opções de estilo de pergunta disponíveis. Essas opções afetam a experiência do respondente ao responder ao pesquisa. As opções de personalização da pergunta incluem:
as opções de estilo de pergunta na seção de estilo do look & feel

  • Mostrar botões de rádio para perguntas múltipla escolha: Quando ativado, as opções de resposta de perguntas de múltipla escolha usarão botões de rádio em vez de um botão totalmente clicável.
    Exemplo: Na primeira imagem abaixo, essa opção está desativada, de modo que as opções de resposta aparecem como um botão totalmente clicável.uma pergunta múltipla escolha com botões clicáveis
    A segunda imagem mostra a mesma pergunta com a opção de botão de rádio ativada.
    uma pergunta múltipla escolha com botões de opção
  • Exibir botões verticalmente em dispositivos móveis para perguntas de NPS: Quando ativadas, as perguntas do NPS aparecerão verticalmente para os usuários que estiverem respondendo ao pesquisa em um dispositivo móvel.
    Exemplo: Na primeira imagem abaixo, essa opção está desativada, de modo que as perguntas do NPS aparecem em um formato horizontal para todos os participantes pesquisa.uma pergunta do NPS em formato horizontal
    A segunda imagem mostra a mesma pergunta com a opção vertical ativada para os respondentes pesquisa móveis.
    uma pergunta do NPS em formato vertical para respondentes pesquisa móveis

Look & Feel vs. Editor de conteúdo

As fontes e a cor do texto podem ser editadas de duas maneiras: globalmente e localmente. As alterações globais de estilo são feitas no menu Look & feel e afetam todo o texto da pergunta e/ou resposta. As alterações de estilo local são feitas no Editor de conteúdo para essa pergunta ou opção de resposta de resposta específica. As alterações locais substituem as alterações globais, portanto, se você fizer uma alteração no Rich Content Editor de uma pergunta, verá essas configurações em vez do que foi definido no Look & amp; feel.

Você pode usar Remover formatação para remover rapidamente toda a formatação local das perguntas selecionadas e permitir que as alterações globais tenham efeito uniforme.

Para remover a formatação

  1. Selecione todas as perguntas clicando na primeira pergunta, rolando até a parte inferior, mantendo pressionada a tecla shift e clicando na última pergunta. As perguntas selecionadas terão uma caixa de seleção marcada ao avançar do número da pergunta.
    selecionar várias perguntas no editor pesquisa
  2. Vá para Ferramentas.
    clicar em ferramentas, passar o mouse sobre a revisão e selecionar a formatação de faixas
  3. Passe o mouse sobre Review e selecione Strip formatting.

Transição de páginas

A opção Transição de página na seção Movimento permite especificar o efeito de transição que é reproduzido quando os questionados navegam pelas páginas do pesquisa.
a opção de transição de página na seção de movimento do look & feel

Abaixo está uma visão geral de cada tipo de transição de página:

  • Nenhum: Nenhuma transição de página será reproduzida. Cada página do seu pesquisa será carregada como uma página normal da Web.
  • Deslizar: Quando um respondente clicar no botão voltar ou Voltar, a página subsequente deslizará para a tela pela lateral.
  • Fade: Quando um respondente clica no botão voltar ou Voltar, a página subsequente desaparece na visualização, enquanto a página anterior desaparece da visualização.
  • Virar: Quando um respondente clica no botão voltar avançar ou voltar, a página “vira” e revela a página seguinte.

Foco automático

O característica Autofoco na seção Movimento esmaece todas as perguntas pesquisa além daquela que o respondente está visualizando no momento. Isso pode ajudar a evitar que os respondentes pesquisa pesquisa se distraiam com perguntas anteriores ou futuras.

a opção de autofoco está ativada e a visualização mostra a funcionalidade de autofoco

Autoadvance

A configuração Avanço automático na seção Movimento move automaticamente os questionados pelo pesquisa à medida que eles respondem às perguntas. Há várias configurações que podem ser usadas para controlar a experiência de responder pesquisa.
as três opções de avanço automático na seção de movimento da guia look & feel

  • Avanço automático nas perguntas: Essa opção permite que os questionados avancem nas perguntas anteriores sem rolar a página. Em vez disso, eles avançarão automaticamente para a avançar pergunta assim que selecionarem uma resposta. Quando o Avanço automático nas perguntas estiver ativado, um botão Concluído aparecerá após determinados tipos de perguntas, como entrada de texto e perguntas múltipla escolha com seleção múltipla. Os entrevistados podem clicar nesse botão para continuar na avançar pergunta.
    Qdica: essa configuração deve ser ativada para usar os outros recursos do Autoadvance.
  • Ocultar o botão Avanço automático: A ativação dessa opção ocultará o botão Concluído que aparece quando o Avanço automático nas perguntas está ativado.
  • Avanço automático nas páginas: Essa opção permite que os respondentes avancem nas páginas anteriores sem clicar no botão Avançar (Avançar). Eles irão para a próxima página assim que selecionarem uma resposta para a última pergunta na página.
    Qdica: O avanço automático nas páginas introduzirá o Botão voltar no pesquisa, mesmo que ele não esteja habilitado nas opções da pesquisa.

Depois de ativar o avanço automático, ele é ativado para todas as páginas da pesquisa. O Autoadvance é compatível com os botões traseiros.

Qdica: Se incluir uma pergunta de email em linha em um convite para pesquisa e o pesquisa tiver apenas uma pergunta, o Autoadvance não avançará automaticamente o pesquisa para a avançar página nem enviará o pesquisa. Para obter instruções sobre como fazer isso, consulte Como fazer com que uma pergunta de e-mail em linha seja enviada imediatamente.

Perguntas frequentes

Muitas das páginas neste site foram traduzidas do inglês original usando tradução automática. Embora na Qualtrics tenhamos feito nossa diligência prévia para obter as melhores traduções automáticas possíveis, a tradução automática nunca é perfeita. O texto original em inglês é considerado a versão oficial, e quaisquer discrepâncias entre o inglês original e as traduções automáticas não são juridicamente vinculativas.