top of page

5 Dicas Cruciais de Web Design para um Site Profissional

Atualizado: 2 de set. de 2019


Um site não pode ter sucesso apenas com um design atraente ou um conteúdo instigante. Ele precisa ter um estilo que estimule a funcionalidade e experiência de usuário do seu site, mas, ao mesmo tempo, seja fácil de compreender de imediato.


Você sabe o que sempre dizem, “A beleza está nos olhos de quem segura o mouse”. Nós compreendemos que pessoas diferentes preferem estilos diferentes, mas isso não significa que não haja uma série de regras básicas que você deve seguir quando for decidir qual a aparência que seu site deve ter.


Veja abaixo 5 dicas rápidas que vão garantir que você esteja no caminho certo ao criar seu site, e não afastando seus clientes:



01. Sua homepage deve ser minimalista e sem bagunça


Raramente a gente lê todas as palavras que tem em um site. Em geral, damos uma olhada rápida nas páginas e selecionamos algumas frases e palavras-chave. Tendo em mente este comportamento já bem conhecido, é melhor apelar para as emoções e não para a quantidade de palavras. Quanto menos o usuário que está vendo seu site tiver que ler, clicar ou lembrar, maior será a sua capacidade para processar e avaliar o que acontece à sua frente. Dessa forma, é mais provável que faça exatamente o que você queria desde o início. Claro que texto e CTAs são necessários, mas certifique-se de dividir esse texto usando subtítulos grandes e parágrafos legíveis. Também sugerimos usar imagens e ícones como formas alternativas para comunicar sua mensagem.


Dicas de web design: Sua homepage deve ser minimalista e sem bagunça


02. Crie um design tendo a hierarquia visual em mente


Já percorremos um longo caminho desde a época da escrita em tábuas de pedra. Mesmo com telas de computador, de smartphones e a evolução da tecnologia de exibição de informações, ainda cabe ao designer a tarefa de organizar o conteúdo de forma clara. Você tem poucos segundos para atrair a atenção das pessoas e dizer do que trata seu site. Se você estabelece uma hierarquia clara para a sua informação, os leitores não têm outra opção a não ser inconscientemente seguir as pistas que você deixou. Em seguida, acrescente cor, contraste, tamanho e espaçamento para dar mais ênfase, e esteja sempre consciente do que atrai a atenção na sua página e se certifique que isso seja sempre intencional. As faixas são um dos melhores elementos de design que nós encontramos para criar uma poderosa hierarquia visual. Elas vão ajudar a organizar seu site em pedaços de conteúdo claros e de fácil compreensão.


Dicas de web design: Crie um design tendo a hierarquia visual em mente


03. Crie conteúdo que seja fácil de ler


“Legibilidade” é a facilidade que as pessoas têm de reconhecer palavras, frases e expressões. Quando seu site tem uma excelente legibilidade, os usuários podem verificá-lo com toda a eficiência e absorver a informação do texto sem muito esforço.


É relativamente fácil conseguir ter um site com boa legibilidade; experimente usar estas regras importantes:

  • O contraste é a chave É muito importante ter contraste suficiente entre o fundo e o texto para que este fique bem claro. Muito provavelmente, você escolheu cuidadosamente as cores que fazem parte da identidade da sua marca e que devem constar do seu site. Sinta-se à vontade para jogar com as cores, só não sacrifique a legibilidade em função da criatividade.

  • Você não pode ler aquilo que não vê Os primeiros sites tinham fontes pequenas, mas com o tempo as pessoas perceberam que fontes de 12pt são difíceis de ler online. A maioria das pessoas terá dificuldade para ver as fontes menores quando a tela estiver a aproximadamente 60 centímetros do rosto. A regra de ouro que tipicamente você vai encontrar na web é usar, para o corpo do seu texto, uma fonte de pelo menos 16pt. Esta é uma boa medida para começar, mas tenha em mente que este número depende totalmente de qual fonte você está usando.

  • Com Serifa vs. Sem Serifa Você não escolhe a sua família, mas escolhe o tipo de família da fonte que você quer usar. Serifas são aqueles pontos ou linhas que se projetam ao final das letras – por exemplo, a Times New Roman, é da família de fontes com serifa. Sem serifa significa literalmente que não há serifa. Estas fontes são tipicamente a melhor escolha para textos online – exatamente como a que está no texto que você está lendo no momento. Nota: Sabemos que as fontes script (as que parecem manuscritas) são muito legais, cheias de curvas e mais outros detalhes, mas por favor não esqueça dos olhos dos seus visitantes  – dê um descanso!

  • Evite o excesso de fontes Como regra, não use mais de três fontes diferentes num site. Alguns projetos até pedem uma combinação mais elaborada de fontes, mas a aparência geral deve ser harmoniosa e não uma coisa bagunçada.

Dicas de web design: Crie conteúdo que seja fácil de ler


04. Certifique-se de que é fácil navegar no seu site


Pode até ser que seu talento para o design seja de romper quaisquer tendências, mas a navegação do site não é o local para ser vanguardista. Não faça seus visitantes ficarem indo de um lado para outro quando navegam pelo seu site. Uma navegação sólida ajuda os motores de busca a indexar seu conteúdo, além de melhorar a experiência do usuário:


  • Seu logo deve ter um link para a homepage: Esta é uma prática comum à qual seus visitantes já estão habituados e que vai lhes economizar alguns cliques valiosos.

  • Preste atenção ao seu menu: Deve estar localizado no topo (no cabeçalho) do seu site e estruturado de acordo com a importância de cada página.

  • Tenha também alguma navegação vertical: Se seu site é do tipo que tem rolagem longa, tente usar um menu âncora. Com um clique os usuários podem rapidamente voltar para o topo, ir até o final ou diretamente para qualquer parte do site.

  • Trabalhe seu rodapé: O rodapé é provavelmente a última coisa a ser vista no seu site, por isso lembre-se de incluir ali todos os links importantes. Pode incluir uma versão reduzida do seu menu, ícones para seus perfis nas redes sociais e outros links relevantes (termos de uso / FAQ / contato / blog, etc.) que seus visitantes possam precisar.

  • Seu conteúdo importante deve constar “acima da dobra”: Digamos que esta é uma dica menos relacionada à navegação, mas ainda assim um assunto importante. Lembre-se que seus visitantes devem poder compreender de imediato do que trata seu site, sem necessidade de rolar.


05. Não se esqueça do mobile


Vivemos em uma sociedade em constante deslocamento e isso faz a seguinte pergunta ser muito importante: O quê meus visitantes veem quando acessam meu site nos aparelhos móveis? Não se preocupe! O Wix cria automaticamente para você uma versão do seu site amigável aos dispositivos mobile para que você possa acompanhar o ritmo desse mundo cada vez mais dependente desse tipo de aparelho. Não deixe de se colocar no lugar do usuário e teste todas as páginas, os botões e todas as ações que o usuário deve tomar. Se você quer garantir que seu site mobile está funcionando perfeitamente, não deixe de conferir nosso artigo sobre as melhores práticas para o site mobile.


Dicas de web design: Não se esqueça do mobile

Uma última dica: Nunca deixe de procurar por mais inspiração! Quando se trata de web design, a inspiração é uma parte essencial do processo criativo. É importante estar familiarizado com tudo o que é possível usar. Nossa página Explorar é o melhor lugar para encontrar sites incríveis construídos na plataforma Wix.


Dica de web design: Nunca pare de explorar


Pronto para começar com o pé direito? Crie um site hoje mesmo com o criador de sites do Wix!



pt03.png
bottom of page