Estilo e movimento Pesquisa
O que há nesta página
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 preenchimento Pesquisa utiliza uma estrutura de página diferente para oferecer melhor suporte acessibilidade e ao design “mobile first”, o que faz com que o CSS personalizado funcione de maneira 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
Você pode alterar a fonte das perguntas e das opções de resposta na seção “Estilo” do menu “Aparência”. Para alterar o tipo de fonte, clique no menu suspenso Font (Fonte ) e selecione um tipo de fonte.
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.
Fontes padrão
O menu suspenso de seleção de fonte possui uma opção para a fonte padrão. Dependendo do layout selecionado, a fonte padrão varia:
- O layout TheFlat utiliza a fonte Poppins.
- O layout TheModern utiliza a fonte Open Sans.
- O TheClassiclayout utiliza a fonte Helvetica Neue.
Cores
Você pode alterar a cor dos itens da sua pesquisa na seção “Estilo” do menu “Aparência”. Nessa seção, é possível personalizar as cores primárias e secundárias do pesquisa.
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.
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.
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. Em vez disso, você pode perguntar para nossa comunidade de usuários dedicados.
Atenção: Quando a “Nova Experiência de Resposta Pesquisa estiver ativada, os elementos de 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:
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.
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
Qdica: Essa opção não está disponível quando a “Nova Experiência de Resposta Pesquisa ” está ativada.
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.
Exibir largura do texto
Qdica: essa opção só está disponível quando a “Nova Experiência de Resposta Pesquisa ” estiver ativada.
A opção “Largura do texto exibido” determina como texto da pergunta da sua pergunta é exibido na página. Você pode escolher entre “Largura padrão do texto ” ou “Largura total do texto ”. A largura padrão fará com que todas as perguntas tenham a mesma largura, enquanto a largura total permitirá que as perguntas mais longas ocupem mais espaço na página. Se você tiver perguntas longas, isso pode facilitar a inclusão de mais perguntas na página.
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.
Opções de estilo de pergunta
Se sua pesquisa utilizar a Nova Experiência de Resposta Pesquisa, você terá à disposição várias opções de estilos de perguntas. Essas opções afetam a experiência do respondente ao responder ao pesquisa. As opções de personalização da pergunta incluem:
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.
A segunda imagem mostra a mesma pergunta com a opção de botão de rádio ativada.
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.
A segunda imagem mostra a mesma pergunta com a opção vertical ativada para os 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 Ricamente Formato para aquela 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 a opção “Remover formatação” para remover rapidamente toda a formatação local das perguntas selecionadas e fazer com que as alterações globais sejam aplicadas de maneira uniforme.
Para remover a formatação
Transição de páginas
A opção “Transição entre páginas ”, na seção “Movimento”, permite que você especifique o efeito de transição que será exibido quando os respondentes navegarem pelas páginas pesquisa sua pesquisa.
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
característica de foco automático na seção “Motion” oculta todas as perguntas pesquisa, exceto aquela que o respondente está visualizando no momento. Isso pode ajudar a evitar que os respondentes pesquisa pesquisa se distraiam com perguntas anteriores ou futuras.
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.
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. Não é possível desativar esse botão.
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: Quando o avanço automático estiver ativado na nova experiência de resposta pesquisa, pesquisa participantes verão uma página final no término da pesquisa que contém o texto Fim da pesquisa”. Selecione “Enviar” para concluir.”
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 compatíveis
O Autoadvance se aplica apenas a determinados recursos de perguntas:
- Na interface antiga, o avanço automático se aplica a:
- Perguntas Múltipla escolha
- Perguntas do NPS
- Carrossel de tabelas Matriz
- Pressionar Enter em uma caixa entrada de texto
- Além dos recursos compatíveis com a experiência anterior, a nova experiência de resposta pesquisa também pode utilizar o avanço automático para:
Perguntas frequentes
Como posso alterar o plano de tema da minha pesquisa?
Como posso alterar o plano de tema da minha pesquisa?
Por que todas as minhas fontes estão diferentes na minha pesquisa? Como faço para resolver isso?
Por que todas as minhas fontes estão diferentes na minha pesquisa? Como faço para resolver isso?
As alterações globais nas fontes são feitas no menu Visual as alterações locais nas fontes são feitas no editor de conteúdo da pergunta ou opção de resposta de resposta específica .
As alterações locais de fonte se sobrepõem às alterações globais de fonte; portanto, se você definir ambos os tipos, acabará tendo uma mistura entre as configurações globais e as configurações locais de fonte para as perguntas. Siga estas etapas para remover toda a formatação local e permitir que as alterações globais sejam aplicadas de maneira uniforme: Observe que as alterações globais feitas na seção Visual não aparecem na guia Pesquisa ”. Você precisa visualizar a pesquisa para ver as alterações e o estilo.
Como faço para atualizar ou relatar problemas com temas estáticos?
Como faço para atualizar ou relatar problemas com temas estáticos?
Isso é ótimo! Obrigado pelo seu feedback!
Obrigado pelo seu feedback!