7-elements-of-modern-web-design-477848-edited.jpg

No panorama do marketing de hoje, que está sempre mudando, seu website se tornou uma ferramenta mais poderosa que nunca. Como um vendedor que trabalha 24 horas por dia, seu website tem o potencial de ser seu ativo mais poderoso e a peça central de seus esforços de marketing.

No entanto, as rápidas mudanças de tecnologia podem tornar seu website velho e desatualizado. Embora, às vezes, uma reformulação possa ser a solução ideal, pode ser que você não tenha o tempo ou o dinheiro para investir em um projeto tão grande. Se você se identifica com essa situação, reunimos uma lista com 10 maneiras simples para melhorar seu website e torná-lo mais útil e prestativo. 

1) Use espaços em branco

Muitas vezes, o insinto é usar os espaços não utilizados para anunciar mais dos seus serviços. No entanto, espaços em branco são essenciais a um bom design. Os espaços em branco tornam seu conteúdo mais legível e permitem que o usuário foque nos elementos que cercam o texto.

De acordo com a Crazy Egg(em inglês), espaços em branco em torno de textos e títulos aumentam a atenção do usuário em 20%. Espaços em branco também podem tornar a aparência do seu site aberta, fresca e moderna e, se sua marca se identificar com isso, então ele pode ajudar a comunicar essa sensação ao usuário. No entanto, você deve estar consciente de uma desvantagem dos espaços em branco: eles realmente consomem espaço.

Se estiver tentando colocar muito conteúdo acima da quebra da página (acima da parte que é visível imediatamente sem rolagem de tela), ter muitos espaços em branco pode ocupar o espaço de informações valiosas. O importante é encontrar o equilíbrio entre o que é mais importante para comunicar na parte superior e cercá-lo com algum espaço para destacar a imagem e/ou o texto.

Um excelente exemplo do uso eficaz de espaços em branco é o site http://www.sessionm.com/. Nesse exemplo, os espaços em branco em torno do título “One Platform. Many Applications” permitem que o leitor se concentre no significado da frase e na captura de tela e o parágrafo de apoio ajuda a despertar no leitor uma sensação de abertura e clareza.

1-12) Velocidade da página

Uma das experiências mais frustrantes para os usuários da web é esperar muito tempo para uma página carregar. Com o crescimento dos dispositivos móveis, as pessoas estão acessando conteúdo em todo o mundo em muitas plataformas diferentes. Seja ao navegar online no Starbucks ou enquanto assistem TV em seus laptops, eles esperam um resultado rápido para o conteúdo que desejam.

Quando eles não conseguem, geralmente eles rejeitam. O carregamento lento de página é uma experiência inconveniente ao usuário e pode ser fonte de frustração, pois, com frequência, os usuários simplesmente não têm tempo a perder. Precisa de provas? Um atraso de 2 segundos no tempo de carregamento durante uma visita resulta em taxas de abandono de até 87%. 

Vaja como você pode reduzir o tamanho do seu site lendo nosso post, "Como reduzir o peso da página em seu website".

3) Use chamadas à ação atraentes

Seus clientes já estão acostumados a seguir dicas visuais para determinar se o conteúdo é importante para eles. Chamadas à ação, ou calls to action, claramente marcadas com uma palavra de ação permitem que seu usuário navegue mais facilmente em seu site e chegue onde ele quer.

As palavras usadas em seus botões devem ser consideradas por cima do design do botão (cor, estilo,etc). As palavras devem incluir um verbo ou uma palavra de ação que incite o usuário a fazer ALGO. A escolha das palavras certas ou disparadores psicológicos é altamente determinada pelo nível de identificação emocional que essa palavra incita. Nenhuma conexão emocional significa nenhuma ação. Portanto, faça com que suas palavras sejam ousadas, orientadas à ação e que criem uma urgência. 

4) Use diferenciação de hyperlink 

Ao adicionar um link em qualquer página, você está dizendo que deseja que o usuário clique ali. Certifique-se de que os links sejam identificados por dicas visuais. Texto sublinhado e texto com cor diferente atraem a atenção do leitor e informa-o que esse é um link.

Em um estudo (PDF em inglês) feito por Karyn Graves, ela demonstra que o usuário regular da web vê texto azul e sublinhado como links e sabe que deve clicá-los. Explorar as expectativas do usuário e o que eles já sabem sobre o uso da web equivale a ter sucesso. Quando se trata da diferenciação de hyperlink, não é necessário reinventar a roda. Manter as convenções pode ser seu melhor aliado nesse caso. Uma maneira simples de testar a eficácia de seus links é borrar e remover as cores do design e ver o que se destaca.

Ao criar hyperlinks, pense também na extensão do hyperlink. Quanto maior o título do link, mais fácil será identificá-los.

Exemplo:

3

5) Use muitos marcadores

Marcadores permitem que o usuário obtenha rapidamente todas as informações que desejam: benefícios, maneiras de resolver seu problema e recursos importantes de um produto ou serviço, tudo isso em um curto período de tempo. Eles também tornam suas proposições mais atraentes e permitem que o usuário obtenha todas as informações necessárias. Além disso, você não precisa fazer isso da maneira tradicional, usando um pequeno círculo.

Com tantos ícones legais por aí, você também pode ser criativo com seus marcadores e ajudar o leitor ainda mais com imagens que representam seu ponto. Isso também é útil, pois isso forçará você a isolar os pontos mais importantes que deseja reforçar sem ser ficar preso em terminologia ou especificidades.

Um excelente exemplo de marcadores não convencionais vem de http://www.one.org/us/about/ . Nessa página, eles usam ícones como marcadores para destacar suas realizações de uma maneira que é fácil de ler. Além disso, observe os espaços em branco em torno dos marcadores que permitem que você foque em cada seção.

4

6) Use imagens (mas com sabedoria) 

As pessoas na Internet estão ficando mais espertas e rápidas em julgar os websites das empresas.  Ao visitar seu site pela primeira vez, elas conseguem reconhecer facilmente uma foto de banco de imagens gratuito que já viram em algum lugar, ou que lembre o estilo impessoal da fotografia de bancos.  O uso de fotos de banco de imagens pode reduzir a confiança e também se destacar como algo genérico e comum. Infelizmente, essas associações são também transferidas à sua empresa.

Em um estudo de caso feito pela Spectrum, Inc. da Harrington Movers, uma empresa de mudanças de New Jersey e Nova Iorque, eles conseguiram aumentar a conversão por página simplesmente substituindo uma foto de banco de imagens por uma imagem da equipe real de mudança.  Eles obtiveram o mesmo aumento em conversão e confiança para a página ao adicionar uma imagem de seu caminhão de mudança real em vez de uma foto de banco de imagens. 

7) Inclua cabeçalhos bem projetados e bem escritos

Seus cabeçalhos e conteúdo devem ser conduzidos por aquilo que seus clientes potenciais estão procurando. Incluir palavras-chave em seu título é também muito importante para direcionar sua mensagem e atrair o público certo.

Os mecanismos de pesquisa normalmente dão aos cabeçalhos um peso maior do que o conteúdo, portanto, escolher o cabeçalho certo e destacá-lo pode melhorar significativamente sua capacidade de pesquisa. Mais importante ainda, seus cabeçalhos guiam seu usuário através do site, facilitando para eles percorrer a página e encontrar conteúdo que fale a ele diretamente.

Um exemplo da Hook Digital:

Hook_Homepage.png

8) Mantenha a consistência do seu website

Consistência significa fazer tudo combinar. Tamanho de cabeçalhos, escolha de fonte, cores, estilos de botão, espaçamento, elementos de design, estilos de ilustração, escolha de fotos, etc. Tudo deve estar dentro do tema para tornar seu design coerente entre as páginas e na mesma página. Para oferecer a seu usuário uma bela experiência, enquanto eles navegam pelo seu site, é importante que eles saibam que ainda estão em seu website. Mudanças drásticas no design de uma página para outra podem fazer seu usuário se sentir perdido e confuso e com que ele perca a confiança em seu site.

"Estou no lugar certo?" É uma pergunta que frequentemente eu me faço ao navegar em sites inconsistentes e depois disso, normalmente acabo saindo! Inconsistências no design reduzem a qualidade dos produtos e serviços que você fornece na opinião de quem está visualizando o site.

9) Encontre seus 404s

Embora os mecanismos de pesquisa não punam severamente por pequenos erros 404 (página não encontrada), um usuário punirá! Quando um usuário aborda um link ou uma imagem, ele espera que o link conduza-o para o próximo lugar que ele quer ir.

Encontrar um 404 deixará o usuário irritado e fará com que ele pense duas vezes se deveria gastar o tempo em seu website (quando ele provavelmente deveria ir para outro lugar e obter uma solução mais rápida). Após um carregamento lento de página, encontrar 404s é outro evento altamente frustrante para um usuário e que atrapalha completamente sua jornada através do site.

Para verificar se você tem algum 404, você pode configurar as ferramentas Google Webmaster em seu website e verificar erros de crawl. Você também pode usar essa verificação 404 gratuita

10) Seja responsivo e "mobile-friendly"

Nossas tecnologias avançaram para atender às nossas necessidades de mobilidade. Websites também são parte significativa dessa evolução. É imprescindível que seu website seja "mobile-friendly" e fácil de navegar, não importa o tipo de tela usada para acessá-lo. 

Recentemente, a Google começou a penalizar sites que não são otimizadas para dispositivos móveis, tornando a necessidade de responsividade ainda mais crucial. Isso é provavelmente a maneira mais valiosa de melhorar a usabilidade do seu website. Se não tem certeza de que seu website seja móvel, use essa ferramenta gratuita.

Espero que essas dicas tenham ajudado a dar algumas ideias sobre como reformar seu website para que ele seja mais fácil de usar, sem a necessidade de gastar um monte de dinheiro em uma reformulação completa. 

mobile-marketing

Originalmente publicado 20/01/2016 09:43:57, atualizado Fevereiro 01 2017