5 dicas para simplificar seu web design
Regras de simplicidade! Ele faz com que os sites pareçam elegantes, reduzam a confusão e ajudem a atingir os objetivos e resultados desejados (por exemplo, mais inscrições, assinantes e vendas). Mas muitas vezes parece difícil de simplificar o design do site. Não importa o quanto você tente, você não pode fazer o seu trabalho parecer da Apple.. Então, o que um designer de site realmente precisa fazer?? Não se preocupe, pois há 5 pontos de partida para simplificar o design do seu site.
Um simples design de site não deve ser uma tarefa assustadora de tudo ou nada - você pode simplificar seu design dando pequenos passos. Tarefas simples, como colocar o foco apenas nos elementos essenciais do seu site, eliminar o desnecessário, reduzir o número de páginas do site, obter mais conteúdo acima da dobra e limitar o número de cores que você usa. Você sempre pode aperfeiçoar e melhorar seu design simples, mas o importante aqui é começar.
Pronto para começar a simplificar o design do seu site? Impressionante. Sem mais delongas, aqui estão 5 pontos de partida para simplificar o design do seu site.
1. Foco apenas nos elementos essenciais
Este primeiro passo provavelmente parece óbvio: do cursoEu deveria colocar o foco nos elementos essenciais do meu site, o que eu sou, um idiota? Mas um número surpreendente de sites não consegue isso e o resultado é uma grande confusão de elementos importantes e sem importância lançados em uma página. Eu sou tão culpado de fazer isso no passado quanto qualquer um. É difícil ser objetivo e priorizar o que é importante ou não, porque tudo parece essencial. Se você quiser que o design do seu site seja mais simples, identifique precisa ser foco, assim como com qualquer bom design visual ou obra de arte. E isso significa colocar o foco apenas nos elementos essenciais.
Use a regra 80-20
O que 20% do que está em uma página dá 80% do valor e do conteúdo para o qual as pessoas vão lá? Pode ser a cópia, alguma prova social (trechos de resenha, depoimentos, crachás de mídia) e um formulário de inscrição ou um botão de call to action, por exemplo. São os 20% ali mesmo. No seu site, bem como em cada página individual, concentre-se em exibir apenas 20% dos elementos do site que estão fornecendo 80% dessa utilidade.
Este não é um passo técnico, mas um princípio que você pode usar como seu guia para simplificar o design do site constantemente. A regra 80-20 ajudará a simplificar o design do seu site, fazendo com que você reduza os elementos do seu site ao essencial. O que é realmente legal é que a regra 80-20 também pode ajudar a aumentar os resultados desejados que você espera alcançar em seu site. Por exemplo, uma taxa de conversão aumentada nos visitantes que se inscrevem, subscrevem ou compram. Como? Você está fazendo isso, então há menos distrações e coisas para os visitantes clicarem para sair da página.
Como todos sabemos, estamos sempre procurando uma desculpa para não comprar algo na etapa final, e qualquer motivo para sair é bom. Reduza as razões e as opções de cliques com a regra 80-20.
Chris Pearson, criador da popular estrutura do tema WordPress de Tese, diz que isso é exatamente o que ajudou a aumentar as vendas em seu site.
2. Livrar-se de todos os elementos desnecessários
Estamos continuando com a regra 80-20 aqui.
Agora que você identificou os 20% dos elementos do site que lhe darão 80% dos resultados desejados, é hora de livrar-se de todos os elementos desnecessários. Em outras palavras, o 80% dos elementos do site que você irá obter apenas 20% dos resultados. Pode ser widgets de compartilhamento de mídia social, elementos da barra lateral, detalhes do blog post (data, hora, autor, número de comentários, etc), ou links no rodapé (isso é especialmente um grande culpado muitas vezes, particularmente quando o visitante está procurando a desculpa mencionada para sair da página).
3. Reduza o número de páginas
Uma grande parte da simplificação do design do site é simplesmente ter menos locais para explorar e clicar. Você pode fazer isso aparando a contagem de páginas. Ou se livrar de páginas desnecessárias que, no fundo, você sabe que não são necessárias ou, no mínimo, fundem várias páginas em uma. Quero dizer, você não realmente precisa separar as páginas "sobre o site" e "sobre mim".
Em primeiro lugar, entrar na mentalidade do visitante - se você chegasse ao seu site, Quais são as principais coisas que você gostaria de fazer? Por exemplo descobrir o que seu material é sobre? Ou contatar você? Próximo, certifique-se de que suas páginas facilitem o que é necessário e nada mais. Não mantenha páginas desnecessárias em seu site porque acha que precisa ou porque outros sites as têm. Quando você reduz o número de páginas no seu site, não apenas é mais fácil para os visitantes se concentrarem no seu conteúdo, pois há menos lugares para clicar, mas o menu de navegação também é mais simples..
Todos nós já visitamos sites com muitos itens de menu de navegação. Não sabemos por onde começar a navegar porque ficamos sobrecarregados com as escolhas. E quando ficamos sobrecarregados ao sermos apresentados a muitas escolhas, não escolhemos nada. Por ter o mínimo possível de itens de menu de navegação, você torna seu site não apenas mais simples, mas mais convidativo e mais amigável para os visitantes.
4. Obtenha mais conteúdo acima da dobra
Estudos mostraram que a maioria das pessoas passa a maior parte do tempo acima da dobra em páginas da Web (o que aparece na tela sem rolar para baixo). Portanto, se você quiser aumentar a eficácia do seu website, tenha o conteúdo principal e os elementos de call-to-action acima da dobra. Você pode fazer algo tão simples quanto encurtar a altura do cabeçalho se tiver um logotipo e um menu de navegação no topo do seu site..
Isso envolve nada mais do que alterar o valor de "altura" do cabeçalho em sua folha de estilo style.css
ou stylesheet.css
). Além disso, veja se um formulário ou botão de inscrição está abaixo da dobra. Mova esse elemento mais acima na página, então é a primeira coisa que um visitante vê. Afinal, isso é sua frase de chamariz desejada do visitante, então diminua o trabalho necessário para chegar até ele (ou seja, rolagem).
5. Limite seu esquema de cores
É fácil se deixar levar pelas cores. Por que se contentar com 2 ou 3 cores quando você pode ter 12 ou 13? Mas, para simplificar visualmente o design do seu site, você precisa limitar seu esquema de cores. Em caso de dúvida, use menos cores. Vai variar com base no seu design, claro, mas tente ficar com não mais de 2 ou 3 cores para começar. Se você precisar de mais sutileza e textura para seu design visual, use tons da mesma cor - azul claro para o fundo e azul mais escuro para itens de cabeçalho e menu.
Eu sou tão culpado quanto qualquer um por ficar louco de cores no passado. Vou adicionar essa cor, depois outra, e outra - e antes que eu perceba, parece uma diarréia em arco-íris em todo o meu site. Você pode ter seu site simplificado de forma construtiva, mas se as cores distraem os olhos quando você olha para ele em vez de elogiar o conteúdo, então todo esse esforço foi em vão. Portanto, use menos cores com o design do site.
Tendo problemas para escolher uma cor para começar? Antes Depois revista tem um e-book útil livre sobre como encontrar a cor perfeita aqui. Precisa de ajuda para escolher um esquema de cores? Experimente este prático gerador de esquema de cores.
Por último mas não menos importante
Espero que agora você esteja armado e pronto para começar a simplificar o design do seu site. Você terá mais orgulho de exibir seu website porque ele parecerá sexy e, por fim, seus visitantes terão uma experiência muito mais agradável navegando em seu website.
Para recapitular, aqui estão os 5 pontos de partida para simplificar o design do seu site:
- Coloque o foco apenas nos elementos essenciais
- Livrar-se de todos os elementos desnecessários
- Reduza o número de páginas
- Obtenha mais conteúdo acima da dobra
- Limite sua paleta de cores
Artigos relacionados
- 11 erros comuns de web design. Coisas como evitar formulários complicados, conteúdo não organizado, má legibilidade e uma barra de pesquisa não facilmente localizada - tudo isso ajudará você a simplificar o design do site e torná-lo uma alegria para os visitantes e uma taxa de conversão mais alta para você.
- Designs de sites limpos, simples e minimalistas. Todos esses exemplos de websites apenas provam que um design simples não apenas parece doce e impressiona os membros do sexo oposto, mas também ajuda muito com a experiência do usuário.
Para você: quais são as dicas de simplificação do seu design de site favorito? Você viu um aumento em seus resultados desejados de simplificar seu design??
Nota do editor:Este post é escrito por Oleg Mokhov forà  Hongkiat.com. Oleg Mokhov é o músico eletrônico mais móvel do mundo, um entusiasta da web e do design visual e co-fundador da loja premium de música livre de direitos autorais Soundtrackster.