5 Dicas de Web Design para um Site Profissional - F5 Network
5 Dicas de Web Design para um Site Profissional
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.
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.
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.
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.
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.
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.