Como desenhar um website de sucesso? 5 Dicas para você evitar que seu website se torne irritante

Imagem: Wireframes - como desenhar um website de sucesso Imagem: Wireframes - como desenhar um website de sucesso

Quando chega o momento de desenvolver um website ou redesenha-lo, é comum ouvir várias opiniões sobre a aparência ou funcionalidades incríveis que este deve ter. Muitos designers (amadores) vão lhe vender as mais recentes práticas de UX, UI e SEO usadas no mercado – geralmente adoptadas por empresas grandes – antes de analisar o contexto de seu website.

Sim. Contexto.

Assim como ao vender qualquer produto físico, seu website deve ser desenhado tendo em conta o contexto em que este será inserido (usado). Mas esse não é o tema deste artigo.

A verdade é que a internet está cheia de websites feios, lentos e frustrantes. Websites que ao invés de ajudar empresas a gerar dinheiro, faz estas perder clientes e dinheiro.

O primeiro objetivo de qualquer website é aumentar seu volume de vendas, permitindo que seus clientes comprem seus serviços e produtos online ou convencendo-os a se deslocarem à sua loja física ou escritório – seu design e estratégias devem estar alinhadas a este objetivo.

Para lhe ajudar a construir um website que encantem seus visitantes e alcance o objetivo mencionado acima, aqui tem uma lista de elementos que você deve melhorar ou evitar no seu website.

Design

O primeiro principio a seguir ao desenvolver websites deve ser: remover invés de adicionar. Não desperdice o tempo de seus usuários tentando lhes mostrar o quão impressionantes são funcionalidades que ele não tem interesse em apreciar.

A menos que você seja um web designer ou uma agencia digital (que geralmente precisa mostrar o quão avançadas são suas capacidades de design), mantenha seu website simples. Minimalismo. Você provavelmente já ouviu falar desse termo.

Não deixe as últimas tendências de UI arruinarem a experiência de seu usuário. Tendências vem e vão. Concentre-se em partilhar a visão de sua empresa e sua mensagem de venda numa tela simples e sem distrações.

Distribua seu conteúdo e elementos de seu website de forma que hajam espaços negativos e brancos. Ao adicionar espaços em branco (com margins ou paddings) entre os elementos tais como parágrafos, títulos, botões, links e imagens, você torna a navegação de seu website simples e impede que o usuário clique em elementos dos quais este não está interessado.

Ao adicionar conteúdo textual em seu website, certifique-se de selecionar os pares adequados de fontes para seu projeto.

Quais fontes são adequadas? Não existe uma resposta certa. Analise sua indústria. Fontes usadas no website de um músico, podem não ser adequadas para um website corporativo.

Experimente diferentes pares de fontes – serifas com sem serifas, sem serifas com scripts, ou fontes de mesmo grupo. O mais importante é encontrar os pares adequados. 2 – 3 famílias de fontes são suficientes para seu projeto. Você pode usar mais, mas em design pouco é muito.

Use animações e transições no seu website de forma moderada. Muita inovação e criatividade no seu website pode arruinar a experiência de seu usuário, assim como tudo o que estiver em excesso. Muitas imagens, muitas cores, muito texto, muitas animações 2D ou 3D forçarão seus usuários a abandonar seu website e também comprometerão o tempo de carregamento de seu website.

Não exponha os visitantes de seu website a funcionalidades novas, a menos que você queira dedicar seu tempo a explica-los como estas funcionam.

Dedique uma boa parte do design de seu website na criação das landing pages de seu website. A página inicial, em particular, é a primeira coisa que os usuários observam ao visitar seu website. Garanta que esta tenha as melhores fotos, fundos, mensagens de “boas vindas”, títulos e fontes.

Ofereça uma boa experiência ao usuário, desde seu momento de chegada, engajamento com o website até a saída deste.

Quando todos os elementos acima estiverem na checklist, lembre-se que 70% do tráfego online hoje em dia vem de smartphones e o número de usuários de smartphones continua crescendo. Seu website deve ser desenhando seguindo esta tendência. Dentre todas as tendências esta é a que não pode ser ignorada.

Mude sua estratégia de desenvolvimento web. Invés de desktop-first, pense mobile-first e garanta que seu website não tenha sua performance comprometida independentemente do tamanho da tela.

Todos elementos de design que você integrar no seu website devem estar alinhados às estratégias de branding e marketing de sua empresa. Seu website e suas estratégias outbound devem andar de mãos dadas.

Usabilidade

Pare para responder a estas questões:

  • Como seus clientes e leads interagem com seu website?
  • É fácil navega-lo?
  • É fácil distinguir links de texto?
  • Seus visitantes sabem que página estão visualizando?
  • Eles sabem como voltar a página inicial?

Estas são questões que devem ser respondidas durante o design de seu website.

É importante que os usuários de seu website encontrem as páginas e conteúdo que estes procuram facilmente.

A navegação de seu website não só deve ser fácil, como também prazerosa.

Falando sobre navegação, posicione o menu de seu website num ponto visível na tela. Não o misture com o conteúdo de seu website e use call to actions (chamadas para ação) e caixas de busca para facilitar a navegação de seus visitantes pelo site.

Garanta que links e texto no seu website seguem o mesmo padrão de cores e animações.

Quando o usuário estiver a efetuar ações de compra online, alteração de dados pessoais, subscrição a newsletters ou outras ações que resultem na alteração da base de dados de seu website ou CRM, confirme a intenção do usuário antes deste clicar submeter. Após a submissão do formulário ou alterações, apresente ao usuário uma mensagem informando se a operação foi sucedida ou um fracasso.

Evite usar pop-ups intrusivos em suas páginas e manter conteúdo audiovisual em autoplay.

Por fim, remova o banner de seu website. Se você não o pode remover porque tem contas por pagar e depende do Google para isso (repense sobre esta estratégia), pelo menos não adicione inúmeros banners ou posicione-os num canto da tela em que não entram em conflito com a navegação do website.

Conteúdo

Ao adicionar conteúdo no seu website, agrupe-o em categorias. Não distribua um tópico em várias páginas.

Sempre que possível destaque as partes mais importantes do texto ou página para que o usuário encontre a informação buscada de forma rápida.

É importante diversificar o tipo de conteúdo adicionado no seu website para reter e atrair novos usuários. Invista em infográficos, imagens, vídeos, eBooks, relatórios de pesquisas, templates e outros tipos de conteúdo. Não dependa apenas de texto (artigos) para atrair usuários.

Não sobrecarregue seu website com muitos vídeos e áudio. 1 – 2 vídeos por página são suficientes. Caso seja necessário compartilhar mais conteúdo audiovisual com seus usuários, redirecione-os para suas páginas em redes sociais ou canal no YouTube.Essa é até uma ótima estratégia porque um website deve ser integrado com outras fontes de leads. Ao adoptar esta estratégia você garante que seus visitantes se aproximem mais de sua marca e recebam atualizações através de vários canais.

Ao produzir conteúdo para seu website mantenha este curto (a menos que seja um blog post) e use o poder do storytelling para aumentar suas chances de conversão de leads. Para além dos aspectos mencionados, seja consistente na atualização de seu website, publicando artigos, vídeos e outros tipos de conteúdo sempre nos mesmos dias da semana e horas.

Velocidade do website

5 a 8 segundos. Esse é o tempo que seu usuário espera para seu website carregar. Esse número sobe um pouco mais se seu usuário estiver num país ou cidade com baixa velocidade de internet.

Se seu website leva muito tempo para carregar, seus usuários o vão abandonar. Websites lentos reduzem o volume de vendas e receitas de empresas.

Em websites com funcionalidades de e-commerce, usuários abandonam carinhos de compra sempre que a página demorar carregar, o que compromete a satisfação do cliente e reputação da marca.

Embora algumas ações estejam fora de seu controle (como a velocidade de internet) outras podem ser desenvolvidas por si para melhorar a velocidade de seu website. Do lado do servidor reduza o número de requisições HTTP, reduza o tempo de espera para receber o primeiro byte (TTFB) e escolha o plano adequado de hospedagem – qual é? Investigue várias empresas, compare seus planos antes de escolher um, e leias as criticas e FAQs de cada empresa.

Por outro lado, comprima os ficheiros que você adicionar no seu website, reduza o número de vídeos e imagens adicionadas, combine ficheiros, instale um CDN, desinstale plug-ins que não estão em uso e hospede seus vídeos noutras plataformas como mencionado acima.

SEO

Muitas variáveis determinam o ranking de seu website nos mecanismos de busca hoje em dia. O Google, por exemplo, já não considera o tamanho de seu artigo ou número de palavras chaves por como fatores para lhe posicionar no topo dos resultados.

Embora algumas ações para ranquear alto no Google estejam sobre controle do algoritmo desta empresa, tem algumas ações que você pode desenvolver para aumentar suas chances.

Adopte as estratégias de otimização de websites indicadas acima, com foco principal na criação de um website responsivo e rápido. Crie conteúdos de qualidade para serem compartilhados e referenciados online.

Outas estratégias incluem o uso de títulos fortes e meta descriptions, link building, URL amigáveis e evitar usar links quebrados ou ter conteúdo duplicado (extraído de outros sites ou mesmo teu).

Se você não deseja esperar o tempo necessário para o SEO funcionar (3, 6 ou mais meses) ou deseja acelerar a geração de resultados adira a publicidade paga nas redes sociais ou do Adsense.

Notas finais

O desenvolvimento de um website é uma atividade que não deve ser feita correndo. Dê-se tempo ou dê tempo necessário ao seu web designer para pesquisar e determinar as melhores estratégias e elementos a incorporar no seu site.

Esperamos que seu próximo website não seja irritante.

Se você está a pensar em desenhar um website do zero ou redesenhar um já existente, entre em contato conosco ou envie um email. Ficaremos felizes por lhe ajudar a crescer seu negócio e propagar suas ideias.

Compartilhe este artigo na sua rede social favorita

Artigos similares