6 Passos para Aperfeiçoar o Minimalismo no Web Design
Nos últimos anos, o web design foi abalado por várias tendências que surgiram e desapareceram. Uma das tendências que tem poder de permanência, é o minimalismo, simplesmente porque é um conceito atemporal que tem sido popular em vários meios ao longo dos tempos. Então, por que não em web design?
Uma das coisas sobre o minimalismo é que ele também melhora a experiência do usuário, além de parecer legal. Uma reclamação de muitos usuários ao longo dos anos tem sido que alguns sites são complicados demais para serem navegados. Há muita coisa acontecendo lá que faz com que o usuário experimente menos do que deveria ou poderia ser.
O velho ditado de que “menos é mais” ainda é verdade, especialmente quando se trata de design no século XXI.
1) Abraçar design plano
Todos nós sabemos que o design plano é essencialmente a resposta do mundo do design ao skeuomorphism, que recentemente caiu em desgraça em grande estilo, com a Apple sendo um excelente exemplo desta mudança radical. O design plano é caracterizado por uma ausência de sombreamento, efeitos 3D e gradientes; Ele também usa cores fortes e vibrantes para chamar a atenção do usuário.
Uma grande marca, que adotou o design plano de forma impactante, é a Microsoft, especialmente com seu sistema operacional Windows 8. No site oficial da empresa para a versão mais recente , 8.1, vemos plano projetado caracterizado em toda a sua glória. Isso faz todo o sentido do ponto de vista da consistência, já que o Windows 8 era conhecido pelo design plano de sua tela inicial.
Portanto, no site, você não vê nenhuma evidência de sombras ou gradientes - você só vê tudo em 2D. A tipografia de várias fontes para manchetes e cópia do corpo não apresenta texturas de nenhum tipo; o layout da página é muito limpo e sem desordem; ícones e botões são vibrantes e planos como podem ser; e as imagens das telas iniciais do Windows 8 são um estudo em design plano.
2) Incorporar o espaço em branco
Seja o que for que você queira chamar, o espaço em branco ou negativo não é apenas um elemento de design excepcionalmente inteligente que orienta o olho para onde você quer ir em uma página da Web, mas também é um porta-estandarte do minimalismo. Mais e mais sites estão indo para esta técnica de design, pois eles percebem o quão benéfico é.
O melhor exemplo de espaço negativo ou branco em toda a Internet é provavelmente o site com o qual você menos o associa - só porque você dá por garantido. Você usa tanto que simplesmente escapa à sua atenção ... mas está lá! estou falando sobre Pesquisa do Google . É um estudo no espaço em branco, por razões que devem ser bastante evidentes.
Como a finalidade do site é pesquisar, a empresa utilizou astutamente muito espaço em branco ou negativo na página que qualquer usuário em todo o universo não poderia se distrair com mais nada enquanto estivesse na página de pesquisa. Todos os elementos foram removidos e o espaço em branco contorna a barra de pesquisa. Obviamente, isso direciona os olhos do usuário para o ponto de maior e única importância: onde digitar sua pesquisa.
Embora o espaço negativo ou branco seja um exemplo ideal de minimalismo, também deve ser enfatizado que ele não representa o vazio, por si só. Na verdade, é um elemento de design muito inteligente que auxilia na orientação dos olhos do usuário.
3) Limite de escolhas
Uma das maiores regras para aumentar as conversões em qualquer site de comércio eletrônico ou B2B é remover o número de opções que você fornece aos usuários, compradores ou visitantes. É lógico: quando você tira o máximo possível de opções, você não está deixando que seus visitantes se distraiam com qualquer coisa que possa impedi-los de completar o objetivo da página, que é converter. Assim, menos escolha é outro exemplo impressionante de minimalismo em web design.
Um dos melhores lugares para ver a magia do minimalismo de escolha é em landing pages - landing pages que funcionam corretamente. Uma empresa que adquire o princípio do minimalismo na escolha é a Gengo, a empresa de tradução de títulos profissionais.
Em sua landing page , você vê uma completa ausência de escolha. Isso porque a página de destino deixa muito claro qual deve ser o próximo (e único) passo para os visitantes: converta digitando o texto ou fazendo o upload do arquivo para tradução. Claro, os puristas obstinados no campo da minimização da escolha argumentariam até mesmo que o menu de navegação acima no cabeçalho deveria ser removido porque os usuários ainda podem clicar lá, em vez de estarem super focados no serviço de tradução.
4) Concentre-se na tipografia em negrito
Se você quiser realmente apreciar o minimalismo no design da web para os seus fundamentos básicos, então confira Site de Brian Danaher . Brian é um diretor de arte, designer e ilustrador.
Como você pode ver, o design de seu site basicamente baseia-se em duas coisas: tipografia em negrito que você não pode perder e um layout de coluna única. É isso aí! Sim, essa abordagem ao minimalismo pode ser extrema demais para alguns gostos, mas ainda atinge dois objetivos muito importantes, que estão na mente de quem quer que seja quando eles têm seu próprio site para promover suas carreiras:
- Como a navegação está basicamente no layout de coluna única, Brian é capaz de ir direto ao ponto sobre o que ele faz, quem ele é e como os visitantes do site podem entrar em contato com ele.
- Brian consegue usar o contraste (nas cores das fontes e cores de fundo, tanto quanto entre os tamanhos e estilos das fontes) para dar aos visitantes do seu site algo interessante para olhar
5) Simplifique sua navegação
O menu de navegação muitas vezes pode ser ignorado quando estamos tendo uma discussão sobre o minimalismo no design do site, mas também pode ser um grande contribuinte (embora silencioso) para fazer o minimalismo funcionar em seu site. Um menu de navegação que não seja intrusivo e silenciosamente integrado ao plano de fundo é a chave para tornar um site minimalista em um nível funcional.
Confira fotógrafo e designer Cristian Ordonez's site isso é um estudo no menu de navegação minimalista. O menu é uma abordagem tão dedicada ao minimalismo que nem se estende pela largura de toda a página inicial; Em vez disso, é meio silenciosamente escondido no canto superior direito do site. Além disso, não há nenhuma ação de menu deslizante, portanto, não há camadas diferentes ou adicionais de navegação. Finalmente, as cores do menu (pelo menos na página inicial) sutilmente se misturam na cor de fundo também.
6) Use cores em remendos
Usar pequenos trechos de cor no design do seu site permitirá que você adote a abordagem minimalista e, ao mesmo tempo, facilitará que os visitantes do site captem o que é importante em qualquer página. Ao incorporar pequenos pops de cor aqui e ali, você conseguirá atrair os olhos dos visitantes do seu site para áreas específicas de importância.
O site do Sistema de Grade 960 , cuja missão é simplificar o processo de desenvolvimento web, resume muito bem este uso inteligente da cor. Imediatamente, você percebe os pequenos toques de amarelo, por exemplo, que são usados para links internos como “download” e “view demo”. Até o logotipo clicável do Twitter no canto superior esquerdo fornece uma mancha de azul brilhante que chama a atenção dos olhos. visitantes do site (leva você direto para o Twitter / feed do proprietário / designer Nathan Smith).
O minimalismo funciona se você souber usá-lo
Mencione a palavra “minimalismo” para alguns designers, e eles ficam apreensivos porque pensam erroneamente que um design de site excessivamente simplista será pouco atrativo. Como os exemplos acima demonstram, no entanto, nada poderia estar mais longe da verdade.
Feito corretamente, o minimalismo no design do site pode levar a algumas tendências novas e interessantes, como o design plano, ou ajudar a gerar mais dinheiro para os proprietários de sites aumentando as conversões quando a escolha é limitada. Tudo somado, o minimalismo cria um site limpo, bem organizado e limpo que facilita as coisas para os visitantes do seu site. Só isso é motivo para usá-lo no design do seu site.