Customer Experience
Employee Experience
Brand Experience
Core XM
Design XM

Estilo e movimento da pesquisa

Sobre o estilo da pesquisa & Movimento

O estilo da sua pesquisa é importante para garantir que os entrevistados gostam de responder à sua pesquisa. Isso inclui a fonte, as cores, o espaçamento entre perguntas e qualquer CSS personalizado que você queira adicionar. Você também pode personalizar como sua pesquisa se move, desde a definição de uma animação de transição de página até o avanço automático dos entrevistados pela sua pesquisa à medida que eles respondem às perguntas.

Atenção: o layout simples usa uma estrutura de página diferente para suportar melhor a acessibilidade e o primeiro design móvel, o que faz com que o CSS personalizado funcione de forma diferente. Quando o layout simples está ativado, os elementos do CSS personalizado (por exemplo, html, classes css e ids) precisarão ser atualizados para funcionar corretamente.

Fontes

Você pode alterar a fonte de suas perguntas e opções de resposta na seção Estilo do menu Look & sentir. Para modificar o tipo de fonte, clique no menu suspenso Fonte e selecione um tipo de fonte.

Você também pode personalizar o tamanho da fonte da sua pesquisa. Isso inclui colocar a fonte em negrito, bem como fornecer perguntas e respostas à sua pesquisa em diferentes tamanhos de fonte.

Para modificar o tamanho da fonte, digite o tamanho da fonte desejado (em pixels) na caixa de tamanho da fonte. Clique no ícone B à direita do tamanho da fonte para colocar seu texto em 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 Simples utiliza Poppins como tipo de fonte.
O layout Modern usa Open Sans como tipo de fonte.
O layout Clássico usa Helvetica Neue como tipografia.

Cores

Você pode alterar a cor dos itens em sua pesquisa na seção Estilo do menu Visual; sentir. Nesta seção, você pode personalizar as cores primária e secundária da sua pesquisa.

Cor primária

A cor primária da sua pesquisa se aplica aos principais elementos da sua pesquisa. Isso muda dependendo do layout da pesquisa, mas geralmente se aplica a cores de recursos como a Barra de progresso e destaques de perguntas.

Cor secundária

A cor secundária da sua pesquisa se aplica a elementos menores da sua pesquisa. Isso muda dependendo do layout da pesquisa, mas geralmente se aplica a recursos como os botões Avançar e Voltar.

Adicionar CSS personalizado

Atenção: o seguinte código é fornecido como está 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 o layout simples está ativado, os elementos do CSS personalizado (por exemplo, html, classes css e ids) precisarão ser atualizados para funcionar corretamente.

Às vezes, você pode alterar o Visual; a aparência da sua pesquisa vai além das simples opções de formatação com clique para alterar disponíveis. Para aqueles técnicos que querem mergulhar na codificação do layout da pesquisa, oferecemos a opção de adicionar CSS personalizado.

Cascading Style Sheets (CSS) é uma linguagem de codificação usada para estilizar páginas do site. Com o recurso Adicionar CSS personalizado, você pode digitar seu próprio CSS diretamente no editor CSS ou apontar para um arquivo CSS hospedado online.

Para adicionar CSS personalizado à sua pesquisa:

Ao editar sua pesquisa, abra o menu Visual.
Clique na seção Estilo.
Insira 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.
Se você estiver utilizando CSS hospedado online, insira o URL para o host online na caixa CSS externo.
Clique em Aplicar.

Qdica: o bit de código abaixo permite remover o logotipo padrão do seu tema. Para isso, copie o seguinte código CSS para o editor CSS personalizado:

html .Skin #Logo {display: none;}

Contraste do primeiro plano

O contraste em primeiro plano determina o nível de contraste entre o primeiro plano (texto, caixas de texto, etc.) e a imagem de plano de fundo. Você pode escolher entre o contraste Baixo, Médio e Alto. Se o texto da sua pesquisa for difícil de ler no plano de fundo da 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. Esta configuração é igual ao contraste em primeiro plano encontrado na seção Background.

Espaçamento da pergunta

O espaçamento da pergunta determina a quantidade de espaço que separa suas perguntas da pesquisa. Você pode escolher espaçamento Compacto, Confortável ou Ampliado. Alterar o espaçamento de perguntas da sua pesquisa pode permitir que você controle o comprimento da sua pesquisa. Por exemplo, diminuir o espaçamento entre suas perguntas facilita o design de uma pesquisa que se ajusta a uma página.

&Aparência; Sentido vs. Editor de conteúdo

As fontes e a cor do texto podem ser editadas de duas maneiras: global e localmente. Alterações globais de estilo são feitas no menu Visual e afetam toda a pergunta e/ou texto de resposta. As modificações de estilo locais são efetuadas no Editor de conteúdo para essa pergunta ou opção de resposta específica. As alterações locais substituem as alterações globais. Portanto, se você alterar o Editor de Rich Content de uma pergunta, verá essas configurações em vez do que estiver definido no Visual.

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

Selecione todas as perguntas clicando na primeira pergunta, rolando para a parte inferior, mantendo a tecla Shift pressionada e clicando na última pergunta. As perguntas selecionadas terão uma caixa de seleção marcada ao lado do número da pergunta.
Vá para Ferramentas.
Posicione o cursor sobre Revisão e selecione a formatação Strip.

Transição de páginas

A opção Transição de página na seção Movimento permite que você especifique o efeito de transição que é reproduzido quando os entrevistados navegam pelas páginas da sua pesquisa.

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

Nenhuma: Nenhuma transição de página será reproduzida. Cada página da sua pesquisa será carregada como uma página da Web normal.
Slide: quando um entrevistado clica no botão Avançar ou Voltar, a página subsequente desliza para a tela do lado.
Fade: quando um entrevistado clica no botão Avançar ou Voltar, a página subsequente desaparecerá de visualização enquanto a página anterior desaparecerá da exibição.
Inverter: quando um entrevistado clica no botão Avançar ou Voltar, a página passa o mouse sobre a página seguinte.

Foco automático

O recurso de foco automático na seção Movimento desaparece de todas as perguntas da pesquisa, além daquelas que o entrevistado está visualizando no momento. Isso pode ajudar a impedir que os entrevistados da pesquisa fiquem distraídos com as perguntas anteriores ou futuras da pesquisa.

Avanço automático

A configuração Avanço automático na seção Movimento move automaticamente os entrevistados pela sua pesquisa enquanto respondem às suas perguntas. Existem várias configurações que você pode usar para controlar a experiência de participação na pesquisa.

Avanço automático nas perguntas: esta opção permite que os entrevistados avancem as perguntas anteriores sem rolar a página. Em vez disso, eles avançarão automaticamente para a próxima pergunta assim que selecionarem uma resposta. Quando o recurso Avanço automático de perguntas estiver ativado, um botão Concluído aparecerá após determinados tipos de perguntas, como entrada de texto e perguntas de múltipla escolha de múltipla escolha. Os entrevistados podem clicar neste botão para continuar para a próxima pergunta.
Qdica: Esta configuração deve ser ativada para usar os outros recursos de avanço automático.
Ocultar botão de avanço automático: a ativação dessa opção ocultará o botão Concluído que aparece quando o avanço automático das perguntas está ativado.
Avanço automático nas páginas: esta opção permite que os entrevistados avancem páginas anteriores sem clicar em um botão 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 em sua pesquisa, mesmo que não esteja ativado nas opções da sua pesquisa.

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

Qdica: Se você incluir uma pergunta no corpo do e-mail em um convite para pesquisa, e sua pesquisa tiver apenas uma pergunta, o avanço automático não enviará a pesquisa automaticamente.

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.