Web design tendências 2016: navegação simples, minimalismo, personalização

Torben Simon Meier Última atualização 15.01.2020
5 min.
tendências de web design 2016

Os designs inovadores são bonitos de se ver, mas terrivelmente impraticáveis para a maioria dos sites. Hoje vou dizer-vos que tendências de design se tornarão importantes em 2016 e também prometo mais e mais fáceis conversões.

Na virada do ano, as tendências do web design do próximo ano são regularmente analisadas. O minimalismo - como no desenho plano ou no desenho de materiais - também desempenha um papel importante em 2016. Hoje vou lhe mostrar como você pode projetar sua navegação, sua área de conversão e seu conteúdo de tal forma que você estará totalmente alinhado com a tendência em 2016 e também pode otimizar sua taxa de conversão. E isso sem ter de entrar nas especificações de certas direcções de design.

Tendência do Web design 1: Navegação orientada por objectivos

Se você der muitas escolhas ao usuário, ele fica rapidamente sobrecarregado. Embora as pessoas possam armazenar uma média de 5-7 objectos na sua memória de curto prazo sem qualquer problema, tudo acima deste nível é difícil de lembrar para o utilizador médio. Assim, mais de 7 pontos de navegação são desnecessários e reduzem a interacção com o seu site. Por desnecessário quero dizer, neste caso, todos os pontos de navegação, atrás dos quais não se esconde nenhuma conversão ou que se distraem dela. Tais itens de menu podem, portanto, ser removidos da navegação e combinados, por exemplo, em um hambúrguer. O usuário pode então escolher apenas entre algumas opções, todas elas relevantes para a conversão. O visitante pode navegar para todas as outras subpáginas como antes, mas deve clicar no hambúrguer para o fazer.

Web design tendências 2016: navegação simples, minimalismo, personalização

UBER tem uma navegação minimalista exemplar: O usuário só tem a opção de se registrar ou abrir os outros pontos da navegação.

É importante realmente colocar apenas aquelas páginas no hambúrguer que não são relevantes para a conversão. Porque todos os pontos de navegação neste menu - originalmente desenvolvido para telas pequenas - correm o risco de não serem vistos e, portanto, de serem acessados com menos frequência.

Design do Cartão - Visualização e Compressão

Um design de cartão também pode agilizar a barra de navegação e guiar os seus visitantes rápida e propositadamente para as áreas do seu site onde a conversão ocorre. Este design também lhe oferece a possibilidade de agrupar elementos de texto e imagem. Ao implementar este projeto, você deve ter cuidado para não sobrecarregar o usuário com muito. O design do cartão foi implementado de forma proeminente pela Pinterest, por exemplo.

Web design tendências 2016: navegação simples, minimalismo, personalização

Pinterest é o caso clássico de uso para um design de cartão.

Tendência do Web design 2: Minimalismo

Uma grande palavra e um vasto campo de aplicação, eu sei. O seu site provavelmente já terá um design minimalista, porque duas das tendências mais proeminentes de web design dos últimos anos são baseadas neste princípio: Design plano e Design de materiais. Estes estilos também fornecem uma importante contribuição para o design da área de conversão. Isto deve ser mantido o mais fino visualmente possível.

Uma boa manchete, alguns benefícios, e uma questão de conversão convincente.

Por um lado, o botão de conversão deve ser combinado com um bom conteúdo, ou seja, uma manchete compreensível e cativante e uma breve descrição dos benefícios centrais. Por outro lado, o espaço em branco e uma disposição clara garantem a atenção necessária e uma compreensão mais fácil do conteúdo. O próprio botão de conversão deve então conter uma pergunta curta, tematicamente apropriada ou imediata.

Web design tendências 2016: navegação simples, minimalismo, personalização

Um exemplo perfeito de uma área de conversão minimalista e inteligentemente ilustrada. Se o usuário rolar para baixo, ele recebe informações mais detalhadas. A conversão é possível com apenas três cliques.

Coloque o botão de conversão de forma proeminente

Você também deve certificar-se de colocar o botão de conversão real o mais proeminente possível. Por exemplo, se você tem uma página com várias colunas de texto, então é uma boa idéia exibir o botão de conversão em toda a largura e sem uma barra lateral ou outros elementos desnecessários. Apenas o botão, uma manchete de aviso e alguns fatos-chave, se necessário, e a área de conversão salta diretamente para o usuário. Com muito espaço branco em torno desta área e escolhas de cores apropriadas, você pode até mesmo realçar este efeito.

Web design tendências 2016: navegação simples, minimalismo, personalização

O nosso botão de conversão chama a atenção porque se destaca claramente do resto da página: Ao invés de quatro linhas, apenas uma coluna é visível na conversão, que também é visualmente destacada.

Web design tendência 3: Personalização

A personalização, neste contexto, significa duas coisas. Em primeiro lugar, a representação emocional e humana da própria empresa, equipa, blogue, etc. Isto deve evocar um efeito positivo no visitante, ou seja, um sentimento bom e vago ao interagir com a página. Aqui, na maioria dos casos, ainda não quero evocar uma emoção específica, mas simplesmente tornar a marca (do blogueiro, da empresa, do site) mais humana e, portanto, mais fácil de entender. Em segundo lugar, personalização significa adaptar a experiência do usuário (UX) às preferências do usuário.

Como a personalização do UX é um tema especial, que também requer conhecimentos e habilidades especiais - ou pelo menos um certo orçamento - não vou discutir aqui os aspectos criativos e de design do UX. Este tópico teria de ser tratado separadamente.

Por outro lado, a personalização da presença da sua própria marca é relativamente fácil - pelo menos em teoria. Se você escolher os motivos certos, por exemplo, seus próprios funcionários, suas próprias instalações ou pelo menos imagens que reflitam bem sua própria personalidade (marca), você deu o primeiro passo. Se você tem a possibilidade e os recursos, é também uma boa idéia incluir material de vídeo. Usando imagens em movimento você pode ganhar a confiança de seus potenciais clientes mais rapidamente e ilustrar sua própria empresa de uma maneira mais simples e sustentável. Em WordPress , por exemplo, uma integração de vídeo é possível muito simplesmente através de fundos de vídeo.

Conclusão: Muito potencial para testes de conversão

Estas têm sido as minhas tendências de web design 2016 que não só tornarão o seu site mais elegante e moderno, mas também aumentarão as suas conversões: racionalizando a navegação e adequando-a à sua conversão, minimalismo não só nas áreas de conteúdo do seu site, mas especialmente nas áreas de conversão e, finalmente, personalizando o seu site com vídeo e imagens.
Estas directrizes de design bastante gerais dão-lhe a oportunidade em 2016 de jogar muito com as suas áreas de conversão e continuar a melhorá-las. O importante aqui é que você aborde a implementação de forma profissional e autêntica desde o início. É preciso trabalho, mas os seus clientes vão agradecer-lhe por isso.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *.