O desenvolvimento de site com foco no sucesso envolve muitas habilidades interligadas. Hoje, quero compartilhar minha lista de verificação de práticas recomendadas de web design, que aborda as mais importantes de que você precisa para melhorar seu processo como web designer.
Para ter sucesso, você deve se concentrar em alguns escolhidos que sejam mais adequados à sua personalidade. Em seguida, descubra maneiras de terceirizar o resto, aprender com o tempo em um ritmo que você possa controlar ou encontrar métodos inteligentes para economizar tempo com base no trabalho de outras pessoas.
Minha área de foco começou com código (HTML / CSS / jQuery) para construção de sites.
Então, expandi para o WordPress quando lancei meu primeiro blog . Tentei construir temas do zero, e o processo foi longo e tedioso.
Aprendi muito sobre como o WordPress funciona com os arquivos de tema PHP. Mas o resultado não pareceu tão bom quanto um tema premium que eu poderia comprar por R$ 50 e configurar em 1 hora.
Agora tenho uma visão mais holística de todo o processo de design do site e quero compartilhar os fundamentos.
Nº 1 – Conheça seu público
Isso é onde tudo começa. As pessoas fazem tantas perguntas técnicas sobre um site sem o contexto de quem é seu cliente ideal ou de seu setor de negócios.
A realidade é que cada público único preferirá uma experiência única no site. Cabe a você entender esse aspecto do seu negócio para realmente criar um site que brilhe.
- Quem é seu cliente ideal? Seja o mais específico possível para entender melhor sua demografia, interesses e motivações.
- Qual é o objetivo principal do site? É isso que você quer que os visitantes façam, ou seja, ligar para você, preencher um formulário, comprar seu produto, compartilhar com amigos, visitar seu estabelecimento local, etc.
- Como são os outros sites do seu setor? Encontre vários exemplos de sucesso e observe os recursos que você deseja implementar que servirão melhor ao seu público.
2 – Conteúdo
Você deseja criar o design do seu site para o conteúdo, em vez de deixar o conteúdo em um modelo de site pré-fabricado.
Como diz o ditado, o conteúdo é rei na web, e isso nunca foi mais verdadeiro do que hoje.
- Qual é a sua melhor forma de conteúdo? Isso pode variar de texto escrito a imagens, a áudio / podcasts ou até mesmo vídeo, que geralmente fornecem mais engajamento.
- Todos os links internos e externos estão funcionando? Você pode adicionar esta extensão do navegador Chrome para verificar rapidamente todos os links em suas páginas da web.
- Você editou e verificou a ortografia de cada página? Às vezes, é algo simples, como um erro de digitação, que pode impedir um cliente em potencial de confiar totalmente em você. Você não obterá todos eles, mas tente usar este corretor ortográfico de páginas da web .
# 3 – Layout
Antes de considerar os detalhes do projeto, penso mais sobre os layouts gerais que desejo.
Para cada página, entenda o propósito principal e posicione seu conteúdo e botões de acordo.
- Passou no “Teste dos 5 segundos”? Quando alguém acessa seu site, deve saber quem você é, o que faz e como entrar em contato com você em 5 segundos. Caso contrário, eles irão embora.
- A navegação é consistente e fácil de usar? Certifique-se de que as pessoas possam retornar à página inicial facilmente e chegar às suas páginas da web mais importantes com um ou dois cliques. Para sites de pequenas empresas, geralmente esse é o recurso de interface do usuário mais importante.
- Você tem uma frase de chamariz clara? Certifique-se de que isso esteja na cara do usuário (sem ser intrusivo) para que seja fácil para ele tomar uma decisão em vez de ficar confuso. Para empresas de serviços onde um projeto pode custar mais de R$ 1.000, gosto de incluir um formulário de contato em quase todas as páginas.
- O seu melhor conteúdo é apresentado na página inicial em algum lugar? Em vez de mostrar suas postagens mais recentes ou um plug-in do Facebook, construa seu layout para destacar as páginas que seus visitantes mais apreciarão.
4 – Design
Depois de esboçar o layout, no papel ou na minha cabeça, começo a implementá-lo usando o WordPress.
Como não sou um designer de coração, tendo a fazer pequenas alterações de design com iterações. Eu valorizo o minimalismo e a sutileza no que diz respeito à aparência dos sites.
Não sou a melhor opção para criar algo 100% personalizado a partir de uma visão, mas sei que tenho um bom olho para web design profissional.
- Você tem um esquema de cores consistente? Não queremos um arco-íris. Queremos uma aparência coerente que seja ousada, mas também não supere o conteúdo da página. Encontre ótimas paletas de cores e padrões.
- A experiência do usuário do site é amigável? Construa o design para guiar o usuário em todo o site, tanto na página quanto de página a página.
- O texto no seu site é legível? A menos que haja um bom motivo para escolher cores personalizadas, prefiro texto preto em fundo branco. O que posso dizer, gosto de simplicidade. Preste atenção ao texto sobreposto em uma imagem, pois isso pode causar problemas de legibilidade.
- Há contraste suficiente em seus botões de call to action? Escolha uma cor complementar que se destaque ao direcionar um usuário a clicar em um botão ou em outra área do site.
# 5 – Responsivo
No mundo de hoje, você precisa de um web design responsivo para celular para atender às pessoas que usam seus telefones ou tablets.
Além disso, é provável que este se torne um fator mais importante na forma como o Google classifica os sites em dispositivos móveis.
- Você precisa apertar e aplicar zoom para ler o conteúdo no celular? Isso é o que pretendemos evitar. Certifique-se de que a largura do conteúdo se expanda e se contraia para o tamanho da janela do navegador usando consultas de mídia CSS . A maioria dos temas do WordPress hoje já tem capacidade de resposta integrada.
- O site parece bom em vários dispositivos? Use esta ferramenta para testar a capacidade de resposta em telas de tamanhos diferentes.
- O seu site para celular é simplificado? Não aconselho a criação de versões separadas para desktop e celular, mas você pode querer ocultar certas áreas de layout / conteúdo no celular.
# 6 – Prova Social
Pode ser difícil se destacar de seus concorrentes e ainda mais difícil desenvolver a confiança de quem visita seu site pela primeira vez.
A maneira mais fácil de fazer isso é fornecer uma prova social de que você é uma pessoa ou empresa confiável.
- Você tem suas contas de mídia social vinculadas ao seu site? Se você tem uma audiência em outra rede, é um ótimo sinal de que as pessoas estão ouvindo sua mensagem.
- Você tem botões de compartilhamento de mídia social em seu melhor conteúdo? Se o seu conteúdo repercutir no leitor, é seu dever facilitar o compartilhamento com os amigos e colegas! Assim, as pessoas podem ver quantas vezes cada artigo ou vídeo é compartilhado.
- Você tem comentários, depoimentos ou histórias de sucesso? Quanto mais pessoal, melhor. Um vídeo cara a cara fará maravilhas em comparação com uma breve revisão de texto com apenas o primeiro nome. Mas qualquer coisa é melhor do que nada.
- Você tem uma lista de e-mail existente? Se você já tem um número razoável de assinantes, informe as pessoas que estão ingressando em uma comunidade de pessoas com ideias semelhantes quando se inscreverem ou optarem por participar.
# 7 – Teste
Depois de ter o layout e o design no lugar, você vai querer testar algumas coisas para ter certeza de que tudo está funcionando perfeitamente antes do lançamento.
- Seu site carrega rápido? Você pode testar o tempo que leva para baixar cada página e ver se há algum gargalo que possa ser facilmente corrigido.
- O seu site fica bem em todos os navegadores? Além de testar a capacidade de resposta dos dispositivos móveis, você deseja testar diferentes navegadores no mesmo dispositivo para garantir que eles renderizem suas páginas corretamente.
# 8 – Medindo
Após o lançamento, é extremamente importante medir o desempenho do tráfego de seu site.
Você quer saber como os visitantes estão encontrando você, o que estão fazendo quando chegam ao seu site e usar essas informações para tomar decisões de negócios mais inteligentes no futuro.
- Você tem o Google Analytics instalado? O Google Analytics dará a você muitos insights valiosos sobre suas origens de tráfego e como as pessoas estão usando seu site.
- Você está acompanhando as conversões? O Google Analytics permite que você acompanhe uma conversão, que pode ser uma inscrição ou venda. Em seguida, você pode atribuir diretamente quais canais de marketing estão fornecendo os melhores resultados.
- Você está monitorando o ROI de publicidade? Se você combinar publicidade online com acompanhamento de conversões, poderá ver exatamente quanto gasta e quanta receita é gerada com seus anúncios específicos.
# 9 – Otimizando
Depois que o site estiver disponível por algum tempo e você coletar dados suficientes, poderá ver as tendências e fazer as alterações necessárias.
- Existem muitas etapas para uma conversão? Se forem necessários 3 passos para chegar a uma conversão, veja se consegue cortar um passo e obter o mesmo resultado. Freqüentemente, menos é melhor.
- Você está se classificando no Google? Veja se o seu site está recebendo tráfego de palavras-chave do Google. Nesse caso, faça alguns ajustes de SEO para melhorar os fatores na página e obter uma classificação mais elevada. SerpFox é uma ferramenta excelente e simples para rastrear suas classificações para várias palavras-chave e frases.
- Você está testando A / B? Eu não me preocuparia com isso, a menos que o site tenha muito tráfego. Mas, se for esse o caso, faz sentido fazer uma alteração em sua página de destino ou homepage atual e ver se isso oferece resultados estatisticamente melhores. Optimizely é uma ótima ferramenta para criar facilmente testes como este.