Aspectos gerais do design dos sites

Já falei sobre aspectos gerais do design dos sites em mais de uma oportunidade aqui e em outros lugares.

Importante deixarmos muito claro que o objetivo deve ser facilitar a vida do usuário, deixar que ele navegue facilmente, e se possível gerar conversão, entenda isso como receita, venda, opt-in ou sei lá o que você utilize como métrica de sucesso.

O foco é o conteúdo

Certamente, muitas vezes eu mesmo negligenciei o design acreditando que apenas o conteúdo importava.

Se fosse apenas para indexação pelos robôs do Google e da Matrix estaria tudo certo.

Mas lembre-se que temos humanos no outro lado!

Deixe as coisas claras, se quiser que o usuário faça algo, sinalize a ele que algo deve ser feito!

Utilize recursos visuais, imagens, preferencialmente suas e inéditas, eu mesmo utilizo muita imagem de banco de imagens, o que vem a ser um erro, afinal, ela pode ser utilizada em outro lugar.

Deixe o menu ser o orientador da jornada do usuário, facilite o acesso às páginas principais.

Se utilizar uma barra lateral faça bom uso dela, acrescente elementos importantes, diferentes para cada página se for o caso.

E tenha em mente que o rodapé tem seu valor, utilize o seu adequadamente.

Não entupa o layout, deixe espaço para ele “respirar”, ou se preferir espaço em branco.

Nunca esqueça da otimização para dispositivos móveis, a responsividade é fundamental nos dias de hoje.

Faça testes periódicos para ter certeza que está tudo funcionando em dispositivos diferentes.

Não deixe o SEO do conteúdo textual (e das imagens também) em segundo plano, não adianta ter o design dos deuses e não ser encontrado.

Além disso cuidar do conteúdo, links quebrados, manter a frequência da publicação é importante.

Organize ou desorganize

  • Faça ajustes / limpezas periódicas, não precisa refazer tudo, mas ajustar, trocar o tema, manter as coisas mudando dão uma boa impressão de cuidado com o site;
  • Manter referências / links internos e externos é importante;
  • A legibilidade dos elementos (principalmente do corpo do texto) é fundamental. E não, texto tem que ser preto no fundo branco, quem colocar texto em tons de cinza é impressora com pouca tinta no cartucho!
  • Remova o que não serve para nada;
  • Se não estiver ganhando muito dinheiro, remova os anúncios;
  • Não deixe vídeos reproduzirem automaticamente;
  • Não utilize apenas imagens de banco de imagens, confie na sua câmera do celular;
  • A hierarquia visual é importante, disposição, cores e contraste dos elementos visuais nas páginas;
  • Se é um título deve se parecer como um;
  • Não é só o topo que pode ser utilizado com CTA;
  • Logo na esquerda no topo sempre funciona;
  • Menu no topo também;
  • Não entupa de imagens no “slider”;
  • Na dúvida simplifique!
  • As cores importam;

Não é design, mas importa

  • Cuide da velocidade de carregamento do site;
  • Links quebrados são ruins em muitos aspectos, mantenha tudo funcionando;
  • SEO é importante;
  • Backup ajuda;
  • Cuide dos textos;
  • Esclareça ao visitante porque ele está ali;
  • Um mecanismo de busca interno eficiente é importante;
  • Páginas de produtos/serviços não são páginas de blog;
  • Links para redes sociais preferencialmente no rodapé, afinal não queremos que ele vá embora logo ao chegar né?
  • Subtítulos são importantes também;
  • Comprimento dos parágrafos devem ser observados;
  • Usar uma linguagem simplificada nos textos ajuda;
  • Opt-in é fundamental;
  • Não faça o usuário pensar demais;
  • Cuidado com os criadores de sites;

Aspectos importantes a considerar

  1. Layout e estrutura: um layout limpo e organizado é essencial para uma boa experiência do usuário. A estrutura do site deve ser clara e fácil de entender, com menus e links bem organizados.
  2. Navegabilidade: os usuários devem ser capazes de navegar facilmente pelo site e encontrar o que estão procurando. Isso significa que o site deve ser fácil de usar, com botões e links claramente identificados e uma hierarquia clara de informações.
  3. Design responsivo: o site deve ser projetado para ser responsivo e funcionar bem em todos os dispositivos, incluindo desktops, laptops, tablets e smartphones.
  4. Velocidade de carregamento: os usuários esperam que um site carregue rapidamente, então é importante otimizar o site para carregar rapidamente, usando técnicas como compressão de imagem e redução do tamanho de arquivos.
  5. Acessibilidade: o site deve ser projetado para ser acessível a todos, incluindo usuários com deficiências visuais, auditivas ou motoras. Isso significa que o site deve ser projetado com fontes legíveis, contraste suficiente, recursos de áudio e teclado e compatibilidade com leitores de tela.
  6. Estilo visual: o design do site deve ser atraente e consistente com a marca e a identidade visual da empresa. As cores, fontes e imagens devem ser escolhidas cuidadosamente para criar uma aparência agradável e coerente.
  7. Conteúdo: o conteúdo deve ser bem escrito e relevante para o público-alvo do site. Ele deve ser organizado de forma clara e fácil de entender, com uma linguagem simples e direta.
  8. Segurança: o site deve ser projetado com segurança em mente, com medidas de segurança como criptografia de dados, proteção contra ataques de hackers e uso de senhas fortes.
  9. SEO: o site deve ser projetado com SEO em mente, com técnicas como a otimização de palavras-chave, tags de título e meta descrições, para garantir que o site apareça nos resultados de pesquisa relevantes.
  10. Análise: o site deve ser projetado para permitir a coleta de dados sobre o uso do site, como análise de tráfego e comportamento do usuário, para que possa ser otimizado continuamente para melhorar a experiência do usuário.

Simplificando

  • O site causa emoção?
  • O site é amigável?
  • O site é acessível?
  • O site funciona bem na maioria das telas?
  • O site é fácil de usar?
  • O site carrega rápido?

Faça os seus ajustes! Lembre-se que se precisar de informações o Analytics também é vida, lá sempre tem informações e insights para nos ajudar em nossa jornada de rejuvenescimento dos sites.

Se preferir, assista ao vídeo!

Fiapo
Fiapo

Eu sou Gustavo Tagliassuchi, minha formação é em tecnologia em informática, me especializei em desenvolvimento de software para a web, mas minha experiência profissional desde a década de 90 inclui editoração eletrônica, gráficas, desenvolvimento de aplicativos multimídia multi-plataforma, produzi muito CD-ROM, quiosques multimídia, fui o primeiro desenvolvedor da Apple no RS.

Trabalhei em provedores de acesso à Internet, em algumas agências e também criei algumas delas (4 no total).

Ajudei a fundar a AGADi que posteriormente virou ABRADi e se multiplicou Brasil afora

Mais recentemente ainda fui sócio de uma empresa de e-mail marketing e monitoramento de mídias sociais, onde desempenhei diferentes atividades, como responsável pelo desenvolvimento de ferramentas oferecidas em padrão SAAS, fui responsável pelo suporte e atendimento de uma rede de mais de 18.000 marcas entre clientes diretos, canais e parceiros, além de dar apoio ao marketing digital da empresa.

Mas isso tudo não importa, o que importa é que eu nunca deixei de fazer web sites, atender clientes de todos os tipos e portes, e ajudar amigos e parceiros a utilizar melhor a Internet e a melhorar a qualidade dos serviços que prestavam, e até a criar produtos e escalar os mesmos.

Então, até influenciado por alguns deles, resolvi criar alguns cursos e transformar este conhecimento que adquiri em algo interessante para você.

Não vou vender nenhuma fórmula mágica, não garanto que ninguém vá ficar milionário da noite para o dia, mas eu acredito que consigo acrescentar alguma coisa da experiência que adquiri nesses últimos 27 anos para ajudar você a melhorar e a solucionar alguns problemas dos seus clientes, vou lhe ajudar a fazer a diferença na vida dos seus clientes.

Artigos: 324