A página de contato é muito importante, portanto, atenção especial deve ser dada ao seu design. Quanto mais conveniente for a página de contato, mais oportunidades se abrem para o proprietário do site. Uma página de contato, se projetada corretamente, pode muito bem ter um impacto nas taxas de conversão: se um usuário puder entrar em contato facilmente com um gerente ou administrador de site, eles terão uma experiência de usuário positiva. Quanto mais fácil for o processo, quanto menos campos ou formulários o usuário precisar preencher, melhor para a conversão.
Uma boa página de contacto pode melhorar o seu site, pois cria as condições para um bom relacionamento entre os seus visitantes e o proprietário do site. Não importa que tipo de site será, pode ser uma loja online, um portal de notícias ou um serviço web - Comentários extremamente importante.
Apesar disso, muitos designers subestimam o valor de uma página de contato bem projetada, focando no design das páginas de conteúdo principal.
Acontece que o usuário precisa entrar em contato rapidamente com o dono do site ou contatar o atendimento ao cliente. No entanto, nada funciona, mesmo se você usar a pesquisa do site. Às vezes as informações necessárias estão presentes no site, mas ficam "escondidas", já que o designer não cuidou da navegação correta e o usuário simplesmente não vê o link desejado. O usuário desesperado já está pronto para fazer uma ligação, mas também não consegue encontrar.
Empresas e serviços da Web que dão muita ênfase ao design de suas páginas de contato estão agindo com extrema cautela. Simplesmente porque esta página não contém apenas informações de contato: ela contém as informações de que o usuário precisa e é interativa. E o mais importante, uma boa página de contato incentiva o usuário a interagir com o site continuamente.
A página de contato é uma espécie de plataforma de comunicação. Se o dono do site permite que os clientes expressem sua opinião, isso já é um convite ao diálogo. Os desenvolvedores e usuários da Web podem se beneficiar dessa colaboração e é por isso que ela precisa ser projetada de maneira adequada.
Como você sabe, a funcionalidade no design é um dos fatores-chave. A página de contato contém informação importante, no entanto, não há muito disso, o que às vezes pode levar a uma avaliação errônea da funcionalidade. O proprietário do site acha que, se ele colocou um endereço de e-mail e um número de telefone na página, isso é o suficiente. Às vezes ele está certo.
No entanto, a verificação dupla da funcionalidade pode fazer mais bem do que mal. Links quebrados ou páginas sobrecarregadas com informações dificultam a interação. O proprietário do site pode não receber uma mensagem importante, mas o pior acontecerá se ele fornecer informações desatualizadas ou imprecisas. Ao desenhar uma página de contato, antes de mais nada, é preciso pensar nos usuários, pois no final essa página é criada especialmente para eles.
Localização
É imperativo garantir que a página de contato esteja sempre disponível para os usuários. A aparência do site, mesmo com um design exclusivo, não significa nada se o usuário não conseguir encontrar a página com os contatos. Às vezes, você precisa criar formulários de contato bastante complexos, portanto, é necessário seguir as instruções com antecedência. Será mais fácil para os usuários entrarem em contato com o proprietário do site se eles tiverem um guia passo a passo.
É importante para um designer de site manter dois pontos em mente:
- A navegação primária deve sempre incluir uma página de contato
- Os usuários devem encontrar a página de contato desde a primeira visita ao site, qualquer uma das páginas internas que acessem
Com base na experiência adquirida por designers, os usuários tendem a procurar informações de contato em lado direito página, então faz sentido colocar o link "Contatos" lá. Deve ser lembrado que esta informação é de importância secundária para o usuário, portanto não torne esta seção do site muito visível ou intrusiva. O link para a página de contato localizado no canto superior direito da página funciona melhor. O pior de tudo é o link no menu suspenso, pois os usuários podem simplesmente não notá-lo.
Formulários de contato simples
Para sites comerciais, a página de contato é muito importante, conforme mencionado acima. Apesar de não ser tão bonito quanto as outras páginas do site, deve ser simples, fácil de usar e compreensível. Se as informações não estiverem estruturadas corretamente, funcionarem mal ou forem enganosas, é improvável que o proprietário do site consiga construir relacionamentos de longo prazo com seus clientes.
Muitas vezes acontece que um usuário que deseja deixar uma mensagem sai do site porque não consegue preencher o formulário de contato. Ou não quer, se for muito longo ou complicado. Os usuários de hoje não querem perder tempo preenchendo formulários detalhados, portanto, pode valer a pena considerá-los simplificá-los. Quanto mais simples o formulário, melhor, inclusive para a experiência do usuário, portanto, você precisa se concentrar na coleta de informações básicas.
Redação exata
Se falamos de sites oficiais, então em todas as páginas, inclusive não na página de contato, você precisa aderir a formulações claras e precisas sobre os benefícios que o usuário receberá ao se tornar um cliente da empresa. Para que serve? Eliminado de todas as informações desnecessárias é o mais de uma forma eficiente para atrair e reter a atenção. Dados bem resumidos devem ser concisos para que as pessoas possam encontrar facilmente o que precisam.
Além disso, não se esqueça dos componentes visuais. E não se trata apenas de designs de formulários de contato atraentes. Se a empresa tiver um endereço físico, você pode ajudar os usuários colocando um mapa na página de contato. Para empresas localizadas em grandes cidades, é muito importante explicar aos usuários como será mais conveniente para eles chegarem ao escritório, loja ou depósito.
Capacidade de resposta das páginas de contato
Para qualquer empresa na Internet, a capacidade de resposta é tudo. Esta é uma regra rígida e rápida, sem exceções. Como a Internet está se desenvolvendo em um ritmo rápido e cada vez mais novos dispositivos surgem no mercado, isso significa que as informações de contato devem estar disponíveis independentemente do navegador ou dispositivo usado pela pessoa. É muito fácil perder na competição hoje - basta não otimizar a página de contato para exibição em dispositivos móveis.
Componentes integrais
O que é melhor: um endereço de e-mail ou um formulário de contato? Os usuários precisam maneiras simples comunicação com os provedores dos serviços de que precisam, portanto, você precisa encontrá-los no meio do caminho. Você pode se concentrar na comunicação por e-mail ou postar um formulário de contato - cada método tem seus prós e contras.
Formulários de contato
- O formulário de contato não deve forçar os usuários a navegar para outra página
- O formulário de contato não foi criado para ser criado conta ou faça login por e-mail
- O formulário deve ter uma função de preenchimento automático, se possível
- O formulário de contato deve ter funcionalidade para envio de mensagens e notificações
- A comunicação por e-mail deve ser segura para o usuário
- É aconselhável salvar todos os dados enviados para uso futuro.
- O trabalho com as mensagens recebidas deve ser realizado sistematicamente, você também precisa cuidar do backup dos dados
Formulário de validação
Os formulários de verificação são essenciais quando você precisa saber mais sobre os usuários do seu site. Além disso, o processo de validação de alguma forma direciona o usuário na direção certa, pois pode chamar sua atenção para dados inseridos erroneamente ou campos vazios. Assim, o formulário de verificação economiza tempo do cliente, pois ao final do processo de preenchimento a pessoa estará firmemente convicta de que sua mensagem irá para o endereço correto.
Números de telefone
Muitas empresas não listam na página de contato números de telefone porque temem que chamadas constantes interfiram no fluxo de trabalho. Porém, como no caso do cartão, os números de telefone na página de contato aumentam a confiança do usuário na marca, o cliente se sente seguro, acreditando que em uma situação difícil poderá entrar em contato com um funcionário da empresa e discutir o problema que tem surgido. O número de telefone encurta a distância entre o dono do site e o usuário, isso se aplica tanto às empresas tradicionais quanto aos serviços online que não possuem um endereço físico.
Perfis de mídia social
Botões de mídia social são cada vez mais comuns nas páginas de contato. Essa abordagem pode aprimorar significativamente os recursos do site, especialmente se o suporte ao cliente for fornecido 24 horas por dia, 7 dias por semana. Muitas pessoas acham mais conveniente entrar em contato com uma empresa por meio de uma rede social, por isso vale a pena pensar nessa forma de interagir com o usuário.
Projetando uma página de contato
Páginas de contato realmente boas comprovam a alta habilidade dos designers que as criaram. E a parte mais importante do design é o estilo visual da página de contato. No caso dos formulários de contato, isso significa grandes campos que facilitam o envio de dados. Se o formulário parecer bom, ele funciona melhor.
Antes de embarcar no projeto, o projetista deve conduzir um estudo detalhado de todas as informações de contato fornecidas pelo cliente. Todos os elementos devem ser bem organizados e combinados harmoniosamente. Também deve ser lembrado que a página de contato deve corresponder ao esquema de cores do site para que o usuário possa identificar exclusivamente o site e a marca.
Conclusão
A página de contato deve estar sempre visível. Isso se aplica não apenas à página inicial, mas também a todas as outras páginas do site. Ao criar uma página de contato, lembre-se de que os usuários poderão entrar em contato com o proprietário do site ou com a equipe de suporte apenas da forma que vêem na guia "Contatos". Comodidade e simplicidade são as chaves para o sucesso neste caso. Você precisa dar aos usuários o que eles desejam. Se o usuário tiver que inserir seus dados pessoais no site, então o melhor é fazer as perguntas básicas: nome, sobrenome, endereço de e-mail. O formulário de contato não deve conter campos extras. Você também precisa cuidar da capacidade de resposta da página de contato - eles devem ser exibidos em qualquer navegador e em qualquer dispositivo. Se a página de contato for projetada corretamente, as chances de sucesso do site entre os usuários aumentam significativamente.
Layout adaptável O site permite que as páginas da web se ajustem automaticamente às telas de tablets e smartphones. O tráfego da Internet móvel está crescendo a cada ano e, para processar esse tráfego de forma eficiente, você precisa oferecer aos usuários sites responsivos com uma interface amigável.
Os mecanismos de pesquisa usam uma série de critérios para avaliar a capacidade de resposta de um site quando visualizado em dispositivos móveis. O Google está tentando tornar mais fácil para os proprietários de smartphones e tablets usarem a Internet, marcando sites compatíveis com dispositivos móveis com uma marca especial nos resultados de pesquisa para dispositivos móveis. compatível com dispositivos móveis... Yandex também possui um algoritmo que dá preferência a sites com versão mobile / responsiva para usuários de busca mobile.
Você pode verificar a exibição da página em dispositivos móveis em serviços e.
Arroz. 1. Resultados de pesquisa para celular do Yandex e do Google com uma observação sobre a facilidade de uso do site para dispositivos móveis O que é layout responsivo
O layout responsivo pressupõe a ausência de Listras horizontaisáreas de rolagem e zoom quando visualizadas em qualquer dispositivo, texto legível e grandes áreas para elementos clicáveis. Com as consultas de mídia, você pode controlar o layout e a posição dos blocos na página, reconstruindo o modelo para se adaptar a diferentes tamanhos de tela do dispositivo.
As técnicas básicas para criar um site responsivo são fornecidas no artigo. Por design responsivo a largura do contêiner principal do site é definida em%, embora possa ser igual a 100% da largura da janela do navegador ou menos. A largura das colunas da grade também é definida em%. V design responsivo as larguras do contêiner principal e das colunas da grade são fixadas usando valores em px.
A técnica de layout fluido responsivo discutida nesta lição funciona muito bem em um layout de duas colunas, tornando o site responsivo e fácil de visualizar em dispositivos móveis. O modelo assume um layout diferente do conteúdo principal das páginas, nesta lição o layout da página principal será analisado.
Layout da página principal
Uma página consiste em três blocos principais: um cabeçalho (cabeçalho), um contêiner de wrapper para o conteúdo principal e barra lateral e um rodapé (rodapé). Usaremos 768 px e 480 px como nossos pontos de inflexão de design.
No primeiro ponto, vamos ocultar o menu superior e mover a barra lateral sob o contêiner com postagens. No segundo ponto, vamos alterar a posição dos elementos do cabeçalho, cancelar o posicionamento dos botões de mídia social nas postagens e cancelar o agrupamento em torno das colunas do rodapé.
Arroz. 2. Um exemplo de layout responsivo 1. Meta tags e seção
1) Adicionar à seção
arquivos necessários - um link para as fontes usadas, a biblioteca jQuery e o plug-in prefixfree (de modo a não escrever prefixos de navegador para propriedades):
2. Cabeçalho da página
No cabeçalho da página
o logotipo ;
botão para mostrar / ocultar o menu principal
