Como Obter Feedback de Design de Site no WordPress (Passo a Passo)

Na WPBeginner, redesenhamos nosso site WordPress várias vezes. E cada vez, o feedback do usuário desempenhou um papel importante na formação do resultado final.

Mas obter feedback significativo geralmente não é tão simples quanto adicionar um formulário ao seu site. Aprendemos que a maioria dos visitantes não compartilhará seus pensamentos, a menos que você faça as perguntas certas da maneira certa.

Neste guia, mostraremos como coletar feedback de design de site no WordPress. Vamos guiá-lo pelas etapas que nos ajudaram a obter insights valiosos dos visitantes!

Por que você deve pedir feedback de design de site?

Embora seja bom pedir dicas e truques de design a especialistas, obter feedback de design de site de seus usuários é essencial. Isso ocorre porque são eles que usam seu site no dia a dia. E se você é um proprietário de um negócio online, é muito provável que eles também sejam seus clientes.

Com o feedback de design de site, você pode otimizar seu site WordPress para as necessidades exatas de seus visitantes em vez de adivinhar o que pode funcionar melhor. Seus comentários podem ajudar a identificar pontos problemáticos, melhorar a navegação e aprimorar a experiência geral do usuário.

Ao ouvir seus usuários, você pode redesenhar seu site WordPress de uma forma que ressoe com seu público e incentive visitas repetidas e conversões.

Existem muitas maneiras de pedir feedback sobre o design de um site. Algumas pessoas optam por adicionar um formulário de feedback no final de uma postagem de blog, enquanto outras podem pedi-lo por e-mail.

Com base em nossa pesquisa, acreditamos que a melhor maneira de pedir feedback sobre o design de um site no WordPress é usando um widget de pesquisa que aparece no canto da sua página da web. Dessa forma, os usuários podem fornecer seus comentários sem interromper a experiência de navegação.

Este artigo irá ajudá-lo a criar uma pesquisa de feedback de design de site usando o método do widget de pesquisa. Dividimos o processo em etapas fáceis, e você pode pular para qualquer seção rapidamente usando os links abaixo:

• Etapa 1: Instalar e Ativar o Plugin UserFeedback
• Etapa 2: Criar uma Nova Pesquisa de Feedback de Site
• Etapa 3: Adicionar Perguntas ao Seu Formulário de Feedback de Design de Site
• Etapa 4: Decidir Quando e Onde Exibir a Pesquisa
• Etapa 5: Configurar Notificações por E-mail
• Etapa 6: Salvar a Pesquisa como Rascunho ou Publicá-la
• Dica Bônus 1: Combine Feedback do Site com Mapas de Calor do UserFeedback
• Dica Bônus 2: Como Criar Perguntas para um Formulário de Feedback de Design de Site
• Dica Bônus 3: Coletei Feedback de Design de Site, e Agora?

Etapa 1: Instalar e Ativar o Plugin UserFeedback

O primeiro passo é instalar o plugin UserFeedback. UserFeedback é uma plataforma de coleta de feedback projetada para sites WordPress.

Com seu criador de formulários fácil de usar, você pode configurar um widget de pesquisa facilmente em pouco tempo. O recurso de segmentação inteligente também facilita o lançamento de um formulário de pesquisa que não pareça intrusivo para os visitantes do site.

Na WPBeginner, usamos o UserFeedback para aprender mais sobre o que nossos clientes de design web queriam. Funcionou muito bem, e você pode saber mais sobre isso em nossa análise completa do UserFeedback!

Depois de escolher qual versão do UserFeedback você deseja usar, prossiga e instale-a no WordPress. Para mais informações, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Em seguida, se você estiver usando a versão Pro, poderá ativar sua chave de licença Pro.

Para fazer isso, vá para UserFeedback » Configurações no seu painel do WordPress. Depois disso, copie e cole sua chave no campo ‘Chave de Licença’ e clique em ‘Verificar’.

Em seguida, basta clicar no botão ‘Salvar Configurações’ na parte inferior.

ℹ️ Uma observação para usuários Pro: antes de prosseguir para a próxima etapa, você deve ativar alguns complementos para facilitar muito a criação do formulário de feedback. Para fazer isso, basta ir para UserFeedback » Complementos.

Nesta página, você encontrará 5 complementos: Modelos Adicionais, Comportamento, Branding, Tipos de Perguntas e Segmentação. Recomendamos instalar e ativar todos eles, pois todos serão importantes para o processo mais tarde. Simplesmente clique no botão ‘Ativar’ para cada complemento.

Etapa 2: Criar uma Nova Pesquisa de Feedback de Site

Nesta fase, você está pronto para criar seu formulário de feedback de design de site, então prossiga e navegue até UserFeedback » Pesquisas.

Aqui, basta clicar no botão ‘Criar Novo’ perto do topo.

Você será direcionado para a página de configuração ‘Selecionar um Modelo’.

Se você usar a versão Lite, poderá usar o modelo ‘Feedback do Site’ ou ‘Experiência do Site’. Ambos incluem perguntas prontas relacionadas a feedback de design e desenvolvimento de sites.

Dito isso, você sempre pode selecionar ‘Começar do Zero’ para criar um formulário de feedback personalizado.

Para usuários Pro, recomendamos usar ‘Feedback de Design de Site (PRO)’, que você pode encontrar se rolar a página para baixo. Usaremos esse modelo em nosso tutorial.

Etapa 3: Adicionar Perguntas ao Seu Formulário de Feedback de Design de Site

A terceira etapa é inserir perguntas no seu formulário de feedback de design de site.

Se você usar o modelo ‘Website Design Feedback (PRO)’, verá que algumas perguntas já foram adicionadas. Dependendo dos seus objetivos, você pode usá-las ou excluí-las.

Vamos explorar algumas configurações básicas para o construtor de formulários do plugin de feedback.

Adicionando, Removendo e Reorganizando Perguntas

Para adicionar mais perguntas, clique no botão ‘Adicionar Pergunta’ na parte inferior e selecione um tipo de pergunta.

Existem 7 tipos de perguntas:

• Caixas de seleção
• Botões de rádio
• Captura de e-mail
• Campo de texto único
• Resposta longa
• Avaliação por estrelas (disponível para usuários Pro)
• Net promoter score (disponível para usuários Pro)

Para remover uma pergunta, você pode clicar no botão ‘Excluir Pergunta’ na parte inferior da caixa da pergunta, como na captura de tela acima.

Em seguida, clique em ‘Sim, excluir.’

Para reorganizar a lista de perguntas, você pode clicar no botão de seis pontos à esquerda da caixa da pergunta.

Em seguida, arraste e solte a pergunta, como abaixo:

Recomendamos manter a pesquisa curta, com cerca de 5 perguntas, mas não mais do que 7. Os usuários são mais propensos a concluir pesquisas curtas porque elas não consomem muito tempo.

Configurando as Configurações e Lógica da Pergunta

Se você usa o UserFeedback Pro, pode mudar para a aba ‘Configurações’ na caixa de perguntas e ver mais algumas opções para configurar suas perguntas de pesquisa.

Cada tipo de pergunta tem suas próprias configurações, então certifique-se de explorar as opções para cada uma.

Por exemplo, se você usar Caixas de Seleção ou Botões de Rádio, poderá ver as configurações para tornar a pergunta obrigatória, randomizar as respostas e habilitar uma caixa de texto para comentários adicionais.

Ao lado de ‘Configurações’ está a aba ‘Lógica’. É aqui que você pode habilitar lógica condicional para a pergunta. Isso significa que você pode escolher mostrar ou ocultar uma pergunta se o usuário respondeu de uma certa maneira em uma pergunta anterior.

No exemplo abaixo, os visitantes que avaliaram a experiência do site como inferior a 3 verão a pergunta: ‘Qual foi o propósito da sua visita ao site hoje?’

Personalizando a Mensagem de Agradecimento

Ao final da pesquisa, os visitantes verão uma mensagem de agradecimento. Para usuários Pro, você pode editar o conteúdo desta mensagem de acordo com suas preferências.

Você pode personalizar o conteúdo desta mensagem para que a redação se ajuste à identidade da sua marca. Basta selecionar ‘Exibir Mensagem no Widget’ para fazer isso e alterar o texto na caixa.

Alternativamente, você pode selecionar a opção ‘Redirecionar para uma Página’. Recomendamos fazer isso se você quiser recompensar seus visitantes por preencherem a pesquisa.

Você pode enviá-los para uma página especial de agradecimento do WordPress ou WooCommerce, onde eles podem acessar descontos exclusivos ou participar de um sorteio.

Redirecionar os usuários para uma página dedicada não só expressa sua gratidão, mas também melhora a experiência do usuário. Isso pode fazer com que os visitantes se sintam apreciados e valorizados por seu tempo e contribuição.

Visualizando o Widget de Pesquisa

Se você quiser ter uma prévia de como o widget de pesquisa se parece, clique no botão ‘Pré-visualizar’ perto do topo, ao lado de ‘Construir’.

Pessoas que usam a versão Pro também podem personalizar o design do pop-up de pesquisa para combinar com o design da web. Isso é importante para manter uma experiência de usuário consistente em todo o seu site.

Você pode ajustar a:

• Esquema de cores de claro para escuro ou vice-versa
• A cor de fundo do widget
• A cor do texto
• A cor do botão

Se você quiser saber mais sobre como mudar cores no WordPress, leia nosso guia sobre como personalizar cores no seu site WordPress.

Para o botão, recomendamos escolher uma cor que contraste bem com o seu fundo. Dessa forma, o botão pode se destacar e ser facilmente notado pelos visitantes, incentivando-os a clicar e fornecer feedback.

Você pode usar a ferramenta Verificador de Contraste da WebAIM para ver o quão bem uma cor contrasta com outra.

Quando tudo parecer bom, simplesmente clique no botão ‘Próxima Etapa: Configurações’ na parte inferior.

Etapa 4: Decidir Quando e Onde Exibir a Pesquisa

Após criar as perguntas da pesquisa, você será redirecionado para a etapa de Configurações. Se você for um usuário Pro, poderá configurar as configurações de Rastreamento, Segmentação e Comportamento da sua pesquisa.

Rastreamento

Com esta configuração, você pode optar por ativar o rastreamento do Google Analytics com o plugin MonsterInsights. Se você é novo no rastreamento do desempenho do seu site WordPress com o Google Analytics, o MonsterInsights é a ferramenta mais fácil de usar.

Na verdade, usamos o MonsterInsights em nosso site para rastreamento de conversão, e tem funcionado muito bem. Veja nossa análise completa do MonsterInsights para aprender tudo sobre ele.

Para mais informações sobre como configurar o Google Analytics, leia nosso guia para iniciantes sobre como instalar o Google Analytics no WordPress.

Segmentação

Esta configuração permite que você escolha onde o widget de pesquisa aparece com base em diferentes dispositivos e páginas da web.

Para ‘Tipo de Dispositivo’, o ideal é selecionar Desktop, Tablet e Celular. As pessoas usam vários dispositivos para navegar na web, portanto, coletar feedback de todos os tipos garante que você obtenha insights para melhorar seu design para todos os usuários.

Confira nosso guia sobre maneiras de criar um site WordPress amigável para dispositivos móveis para dicas e truques para fazer seu site ficar bom em smartphones.

Para ‘Páginas’, você pode escolher se o widget de pesquisa deve aparecer em todas as páginas ou apenas em páginas específicas.

Recomendamos exibir o widget em páginas importantes como sua página inicial, páginas de produtos/serviços e página de contato. Esses são os locais onde os visitantes frequentemente formam opiniões sobre seu site.

Obter feedback dessas páginas pode fornecer insights valiosos sobre a experiência do usuário e ajudá-lo a fazer melhorias importantes.

Comportamento

Com esta configuração, você pode decidir quando a pesquisa aparece em seu site e por quanto tempo.

Em ‘Tempo de Exibição’, você pode escolher que a pesquisa apareça:

• Imediatamente
• Após alguns segundos de atraso
• Quando um usuário está prestes a sair da página em um desktop
• Quando um usuário rola até a metade da página

Como estamos pedindo feedback sobre o design do site, recomendamos exibir a pesquisa depois que o visitante explorar seu site WordPress por algum tempo e formar uma primeira impressão.

Para isso, você pode escolher ‘Após um atraso de _ segundos’ ou ‘Quando um usuário rola até a metade da página’.

Escolher ‘Quando um usuário está prestes a abandonar a página no Desktop’ também é uma boa ideia. O UserFeedback pode detectar quando um usuário está prestes a sair ou navegar para uma guia diferente.

Como a pesquisa aparece quando os usuários já estão saindo do site, eles podem ser mais honestos e dispostos a compartilhar suas opiniões sobre o seu site.

Em ‘Duração da Exibição’, você pode selecionar com que frequência a pesquisa aparece. Você pode escolher:

• ‘Sempre, até que a pesquisa UserFeedback seja concluída’
• ‘Apenas uma vez’
• ‘Sempre’ (mesmo que a pesquisa tenha sido concluída)

Você não quer sobrecarregar e irritar seus visitantes mostrando a pesquisa com muita frequência. É por isso que recomendamos escolher a primeira ou a segunda opção para evitar irritar seus usuários.

Para um mergulho mais profundo, acesse nosso guia completo sobre o futuro do marketing de pop-ups.

A próxima seção é ‘Tempo de Execução da Pesquisa’. Aqui, você pode especificar por quanto tempo o widget da pesquisa será executado. Pode ser ‘Indefinidamente’ ou até um determinado período.

É melhor executar a pesquisa por um tempo limitado, como uma semana ou um mês. Dessa forma, os visitantes não veem essa pesquisa de feedback com muita frequência, e você não continua recebendo feedback novo, mesmo já tendo informações suficientes.

Dito isso, você pode considerar executar pesquisas durante épocas ou eventos específicos em que espera um volume de tráfego maior. Isso é para que você obtenha feedback de uma variedade de visitantes, permitindo que você veja diferentes perspectivas e experiências.

Na parte inferior da página de Configurações, há um botão para a opção ‘Iniciar Pesquisa Minimizado’. Habilitar isso torna o widget da pesquisa menos intrusivo, embora também possa ser menos perceptível.

Quando ativado, o pop-up da pesquisa não mostrará automaticamente a primeira pergunta. Em vez disso, ele aparecerá como um botão minimizado que os usuários podem clicar para abrir e participar quando for conveniente.

Assim que você tiver configurado todas as configurações, clique no botão ‘Próxima Etapa: Notificações’ na parte inferior.

Etapa 5: Configurar Notificações por E-mail

A próxima etapa é configurar suas notificações por e-mail. Se você deseja ativar essa configuração ou não, depende de você. Se você espera muito feedback, sua caixa de entrada de e-mail pode ficar sobrecarregada.

Também é uma boa ideia receber notificações por e-mail para respostas de feedback que sejam urgentes ou exijam atenção imediata. Por exemplo, se um usuário avaliar sua experiência no site com 1 em 5 estrelas, você pode querer investigar o problema e resolvê-lo o mais rápido possível.

Nesse caso, você pode habilitar o botão ‘Enviar E-mail’ na seção Fluxo de Trabalho.

Em seguida, preencha seu endereço de e-mail no campo 'Enviar todos os novos Respostas para os endereços de e-mail especificados'.

Você também pode inserir vários e-mails nesta caixa, o que pode ser útil se você trabalha com muitos membros diferentes da equipe. Apenas certifique-se de separar os endereços com uma vírgula, sem espaço após ela.

Em seguida, você desejará marcar a caixa 'Habilitar Lógica Condicional'. Abaixo de 'Enviar E-mail se', você pode especificar os critérios para quando as notificações por e-mail devem ser enviadas.

No exemplo acima, pedimos ao UserFeedback para enviar uma notificação por e-mail se o usuário avaliou a experiência do site como inferior a 3 de 5 estrelas.

Quando terminar, simplesmente clique no botão 'Próxima Etapa: Publicar'.

Etapa 6: Salvar a Pesquisa como Rascunho ou Publicá-la

A última etapa é salvar a pesquisa como rascunho ou publicá-la.

Na parte superior da página, você encontrará um resumo da sua pesquisa de feedback do site e as configurações que você configurou.

Ao rolar para baixo, você encontrará a seção ‘Publicar’. Aqui, você pode definir o ‘Status da Pesquisa’ como ‘Rascunho’ ou ‘Publicar’, dependendo de suas preferências. Se você quiser continuar trabalhando na pesquisa mais tarde, escolha ‘Rascunho’.

Se você quiser que a pesquisa seja executada em seu site ativo imediatamente, selecione ‘Publicar’. Usuários Pro também podem ativar a configuração ‘Agendar para Mais Tarde’ e escolher a data em que a pesquisa deve ser lançada.

Finalmente, clique em ‘Salvar e Publicar’ ou ‘Salvar e Agendar’.

E parabéns – Você criou com sucesso uma pesquisa de feedback de design de site!

Vá em frente e visite seu site para ver como o widget se parece.

Se você é um usuário Pro e deseja personalizar a aparência do widget, navegue até UserFeedback » Configurações no seu painel do WordPress. Em seguida, clique na aba ‘Widget’.

Aqui, você pode alterar os elementos de design do widget, como o ícone, a fonte, a posição e a cor do tema.

Para ver suas respostas de feedback, vá para UserFeedback » Resultados.

O relatório exibe informações como respostas totais e impressões para ajudá-lo a entender quantas pessoas preencheram o formulário.

Dica Bônus 1: Combine Feedback do Site com Mapas de Calor do UserFeedback

Embora coletar feedback do site seja valioso, entender como os usuários realmente interagem com seu site pode fornecer insights ainda mais profundos.

É aí que entra o poderoso recurso de mapa de calor do UserFeedback. Ele mostra exatamente como os visitantes usam suas páginas, rastreando onde eles clicam, até onde rolam e quais áreas de conteúdo recebem mais atenção.

Configurar mapas de calor leva apenas alguns cliques no seu painel do WordPress, facilitando o acompanhamento imediato do comportamento do visitante.

Quando combinados com feedback do site, os dados de mapas de calor ajudam você a tomar decisões mais informadas sobre o design do seu site.

Por exemplo, se o seu mapa de calor mostrar que os usuários não estão rolando a página além de um certo ponto na sua página inicial, você pode criar uma pesquisa perguntando aos visitantes qual conteúdo eles estão procurando ou o que os impede de explorar mais.

Para saber mais, consulte nosso guia sobre as melhores ferramentas e plugins de mapa de calor e gravação de sessão para WordPress.

Dica Bônus 2: Como Criar Perguntas para um Formulário de Feedback de Design de Site

Neste ponto, você já sabe como usar o UserFeedback como uma ferramenta de feedback de design de sites. Agora, vamos discutir quais fatores considerar ao elaborar suas perguntas de feedback.

• Use uma mistura de tipos de perguntas. Você pode incluir perguntas de múltipla escolha para facilitar a análise, como: “Como você avaliaria o design do nosso site em uma escala de 1 a 5?”
• Adicione perguntas de texto aberto para obter feedback mais detalhado. Por exemplo: “Você encontrou alguma dificuldade específica ao navegar em nosso site?” Para as perguntas abertas, tente investigar os pontos problemáticos dos leitores para que você possa identificar áreas problemáticas que precisam de melhorias.
• Considere perguntar se os usuários visitaram recentemente sites de concorrentes. Isso pode fornecer insights valiosos para o seu próprio design. Um exemplo poderia ser: “Você explorou algum site semelhante nos últimos meses? Se sim, quais recursos você gostou neles?”
• Peça feedback positivo e depoimentos dos usuários. Por exemplo: “Qual recurso ou aspecto do nosso site você achou mais útil?” Esta pergunta pode destacar aspectos bem-sucedidos do seu design web que você deve manter.

Finalmente, lembre-se de pedir o endereço de e-mail do usuário. Isso é para que você possa contatá-lo caso tenha perguntas de acompanhamento.

Dica Bônus 3: Coletei Feedback de Design de Site, E Agora?

Com o feedback coletado, você agora pode começar a implementar algumas mudanças para melhorar seu site. Se você não tem certeza por onde começar, nosso guia sobre como redesenhar um site WordPress pode te ajudar.

Além disso, aqui estão algumas ideias sobre o que você pode fazer para otimizar seu site:

• Mude seu tema do WordPress (corretamente) – Se os usuários acharem seu design atual desatualizado ou difícil de navegar, considere mudar para um novo tema.
• Continue aprendendo como editar no WordPress – O WordPress está em constante evolução, então é crucial se manter atualizado com os recursos mais recentes e plugins de edição de sites.
• Considere usar um construtor de sites com IA – Se você é iniciante e o feedback sugere que seu design precisa de uma grande reformulação, você pode querer experimentar um construtor de sites com IA. Essas ferramentas podem te ajudar a criar um site com aparência profissional rapidamente.
• Adicione uma imagem de destaque – Uma coisa que frequentemente fazemos em nossos redesenhos é adicionar uma imagem de destaque impactante na página inicial. Isso pode chamar imediatamente a atenção dos visitantes e transmitir a mensagem da sua marca.
• Melhore a compatibilidade com dispositivos móveis do seu site – Se os usuários relatarem muitos problemas em dispositivos móveis, você precisará reformular significativamente seu site móvel.
• Considere mudar seu esquema de cores – Se o feedback sugerir que suas cores atuais não são atraentes ou não combinam com sua marca, considere atualizar seu esquema de cores.

Esperamos que este artigo tenha ajudado você a aprender como obter feedback sobre o design do site no WordPress. Você também pode querer ver nosso guia sobre construtor de sites vs codificação manual e nossa lista de exemplos excelentes de sites WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.