Há uma década, muitos usuários da Internet conferiram impacientemente a Smashing Magazine para ler os artigos mais recentes sobre web design. Muitos web designers reais descobriram sua paixão pela criação de sites por meio dessas postagens. Foi uma época em que os princípios do web design determinaram um debate produtivo entre designers – tanto iniciantes quanto especialistas.
Hoje em dia, há significativamente menos discussões sobre princípios de design. A paixão pelo bom design morreu? Acredito que designers, blogueiros e desenvolvedores não tenham mais tempo para essas discussões.
Temos acesso a muitos construtores de sites, modelos de sites, sistemas de gerenciamento de conteúdo (CMS) e outras ferramentas para criar sites. Nesta abundância de alternativas, criamos cada vez mais sites, mas ignoramos o seu design.
Acredito que todo mundo precisa de uma atualização sobre os fundamentos do web design de vez em quando. Confira essas ideias!
Simplicidade no design
Você está cansado de inúmeras postagens de blog destacando a sensualidade da simplicidade? É totalmente compreensível. Mas a dura realidade é que 99% dos sites estão mais ou menos sobrecarregados com elementos inúteis.
Os proprietários de sites desejam ajudar os usuários fornecendo o máximo de dados possível no menor espaço possível. No entanto, eles precisam encontrar o ponto ideal, porque muitos dados incomodam os espectadores. Web design é parte ciência, parte arte!
Ao contrário de há dez anos, quando os smartphones eram utilizados apenas por uma pequena percentagem da população, existem agora mais utilizadores móveis do que utilizadores de computadores. Neste contexto, a simplicidade é ainda mais importante. Um layout simples carrega mais rápido e não incomoda os usuários.
A simplicidade anda de mãos dadas com a velocidade de carregamento. Hoje em dia, um site de carregamento rápido é obrigatório. Não se esqueça da teoria de Steve Jobs: design não é o que parece, mas como funciona.
Verifique cada item do seu site. É desnecessário? Se sim, exclua-o. É algo necessário? Se sim, exclua-o. É necessário? Se sim, exclua-o! É extremamente necessário? Se sim, fique com ele!
Não faça os usuários pensarem
Steve Krug escreveu um livro com este título em 2000, e os designers o apreciaram muito. As ideias de Krug são válidas mesmo agora, quase duas décadas depois. Um bom web designer não faz os usuários pensarem. E essa ideia não é ofensiva para os usuários.
As pessoas têm uma capacidade de atenção menor que a de um peixinho dourado ! A capacidade média de atenção de um ser humano era de 12 segundos em 2002 e apenas oito segundos em 2012. Hoje, você provavelmente tem menos de oito segundos para convencer os usuários sobre a utilidade do seu site.
Provavelmente, um layout simples não fará os usuários pensarem, mas há muitos outros aspectos a serem considerados. Comece com uma camada que possa ser escaneada – os usuários escaneiam, não leem. Certifique-se de que seu slogan e slogan sejam fáceis de perceber. As pessoas devem saber onde chegaram e o propósito da página web desde o primeiro segundo.
A arquitetura do site deve permitir aos usuários navegar da página inicial para qualquer outra página em menos de três cliques. Quaisquer cliques adicionais levantarão questões. Quanto mais perguntas um usuário tiver, menor será a qualidade do site.
Hierarquia Visual
Nem tudo em uma página da web é igualmente importante. Deixe as pessoas saberem qual é a sua mensagem mais forte, aproveitando a hierarquia visual. É por isso que o botão de call to action deve ser grande, em negrito e colocado em um local que chame a atenção imediatamente.
A hierarquia visual é alcançada com posicionamento, tamanho e cor. Projete o layout tendo em mente que as pessoas geralmente escaneiam uma página da web em um padrão “F” ou “Z” .
Além disso, elementos maiores de páginas da web estão associados a funções mais importantes. Faz sentido ter um grande slogan, não é?
Por fim, as cores também moldam a hierarquia visual, e é por isso que um bom botão de call to action contrasta fortemente com o fundo.
Leis de Design Gestalt
A psicologia da Gestalt visa determinar as leis da percepção humana em um mundo aparentemente caótico. Existem algumas leis que ajudam os designers a criar designs mais fáceis de usar.
Lei da Proximidade
De acordo com esta lei, objetos próximos são percebidos como um grupo unificado. Aplique esta lei para projetar um bom menu de navegação, por exemplo.
Os usuários não perceberão o menu como um todo se seus itens não estiverem agrupados adequadamente, e isso prejudicará consideravelmente a experiência do usuário. Agrupe todos os itens do menu e busque simetria e semelhança para criar um elemento estético.
Lei da Similaridade
Esta lei afirma que objetos semelhantes tendem a ser percebidos como um grupo unificado. Como na lei anterior, recomendo criar itens de menu semelhantes.
Lei da Simetria
Objetos simétricos entre si são percebidos como um grupo unificado. As pessoas preferem a simetria à assimetria, então busque a simetria no design do seu layout.
Lei da Continuidade
De acordo com esta lei, o cérebro humano tende a unificar os objetos que estão próximos uns dos outros num caminho linear. Confira este artigo para saber como funciona a lei da continuidade no art. Lembre-se dessa lei ao projetar layouts que contenham formas irregulares e linhas curvas.
Existem mais algumas leis da Gestalt que têm menos influência no trabalho de design. Não ignore a psicologia humana ao criar sites.
As cores falam
Brincar com as cores é legal, mas é um jogo arriscado! Construtores de sites como Wix, editor Gutenberg e outros construtores de páginas WordPress permitem que os usuários alterem todo o esquema de cores de um site em um piscar de olhos.
Certamente é um ótimo recurso, mas, ao mesmo tempo, pode impactar negativamente o design do site.
Um site de sucesso é centrado no usuário, portanto o esquema de cores deve ser confortável para os usuários e não a escolha preferida do gerente do site.
Escolher o esquema de cores adequado não é simples. Como regra geral, mais de quatro cores são demais, mas isso depende da finalidade e da complexidade do site. As cores devem complementar as imagens e ajudar a transmitir uma mensagem unida.
Finalmente, nunca se esqueça dos vários significados das cores em todo o mundo . Felizmente para nós, existem vários aplicativos da web que visam ajudar você a se inspirar e escolher os esquemas de cores adequados.
Legibilidade
Em média, um em cada dois leitores desta postagem o lê em um dispositivo portátil. Os tamanhos de tela e os sistemas operacionais são diferentes, mas o conteúdo é o mesmo. O tipo e tamanho da fonte devem se adaptar a cada dispositivo para proporcionar o melhor ambiente de leitura.
Escusado será dizer que as pessoas sairão do seu site se o seu conteúdo não for legível, e uma escolha inadequada da fonte pode arruinar um bom site. Teste cada escolha de fonte antes de implementá-la em seu site.
Teste, teste, teste
Não só a tecnologia mudou desde a última década, mas também a maneira de criar e manter um site. Um site era apenas uma presença online há dez anos. Hoje faz parte de um negócio ou do próprio negócio.
As pessoas julgam seus serviços com base no seu site. Conseqüentemente, um site não é mais uma instância estática – é uma entidade viva. Os proprietários de sites fazem parceria com designers e trabalham continuamente para melhorar seus sites.
O teste não é um princípio de web design, mas uma parte do processo de criação e melhoria de um site.
Concluindo
WordPress, Bootstrap e Wix capacitam os usuários com poder ilimitado para criar um site sem codificação. Eles são maravilhosos, mas usuários inexperientes podem ficar tentados a criar sites de acordo com suas preferências e não baseados em bons princípios de web design.
As dicas acima apenas arranham a superfície, mas são uma recapitulação útil de ideias básicas. Perdi uma dica importante? Por favor, deixe um comentário com seus insights. Estamos aguardando ansiosamente sua contribuição.
Deixe uma resposta