top of page

Copiado

CRIAÇÃO E DESIGN DE SITES

5 Dicas Cruciais de Web Design para um Site Profissional

Equipe Editorial Wix

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!


Leitura bônus: o que é UX Research?



Esse artigo foi útil?

bottom of page