Três tendências de design de sites WordPress que você precisa conhecer

Pense em quanto mudou desde 2011. Quantas tendências de design de sites e novas tecnologias caíram em desuso? Quantos novos dispositivos chegaram ao mercado? Quantas novas tendências surgiram e ganharam popularidade?

Não é surpresa que o WordPress tenha evoluído com a web. O WordPress de hoje é uma fera muito diferente do WordPress de cinco anos atrás, e quase irreconhecível em comparação com o WordPress de 2003. Mas isso é uma coisa boa.

Afinal, a única constante na web é a mudança. Como designer, você sabe disso melhor do que ninguém – assim como sabe que é seu trabalho ficar por dentro do que está mudando e do que mudará no futuro. Felizmente, se você souber onde procurar, isso não é difícil.

Eu procurei por você – aqui estão algumas das tendências mais importantes e essenciais que atingem o mundo do design WordPress (e a web maior) este ano, todas intimamente relacionadas à mobilidade.

O design sem página continuará a dominar

Chegando pela primeira vez na web em algum momento de 2014, os sites de página única vêm ganhando popularidade na proporção de um trem de carga desgovernado. Especialmente adequados para pequenas empresas, agências de design e sites de produtos, esses sites de “página de destino” são ideais para captura de leads e narrativa. Com isso em mente, não é especialmente surpreendente que os temas de página única do WordPress também estejam ganhando muito terreno.

Mas o que está impulsionando essa tendência, exatamente? Por que os sites 'sem páginas' são tão proeminentes agora? E como você pode dizer se o seu próprio site deve seguir o exemplo?

“Os sites tradicionais têm uma lista completa de problemas igualmente contundentes”, explica Chuck Longanecker, da Digital Telepathy. “Eles são os tagarelas do coquetel, tagarelando para qualquer um ao alcance do ouvido uma enxurrada de informações auto-engrandecedoras sem nenhum tipo de interesse na pessoa que ouve… Com conexões rápidas e um público acostumado a experiências de rolagem longa em aplicativos móveis, design sem página sai do caminho do visitante para que ele possa aproveitar o fluxo e completar seu objetivo.”

Ou seja, os dispositivos móveis mudaram os hábitos de navegação do nosso público. Como designer, você precisa levar em conta seus novos hábitos – sua expectativa de um site simples e simplificado, sua tendência de navegar em seus telefones ou tablets e seu desejo por conteúdo de fácil digestão.

Essa mudança de mercado teve outro efeito colateral mais inesperado: os temas multifuncionais explodiram nos últimos anos. Ricos em recursos e fáceis de instalar, esses temas permitem que os proprietários de sites personalizem facilmente suas páginas para dispositivos móveis, computadores desktop e tudo mais. Eles são à prova de futuro e permitem a criação de sites bem projetados que ainda são altamente funcionais.

Mais imagens, mais tipografia, mais paralaxe

Intimamente relacionado à mudança para o design sem página, os sites estão colocando cada vez mais foco em tipografia, imagens e rolagem paralaxe. O minimalismo é o rei do castelo aqui, e quanto menos elementos visuais uma página puder lançar para o usuário enquanto ainda transmite sua mensagem, melhor. Não só ajuda um site a ficar mais nítido, como também reduz consideravelmente o tempo de carregamento.

Quanto à tipografia, com a mudança para o minimalismo, proprietários de sites, editores e usuários começaram a esperar designs mais limpos nos sites que visitam. Parte da chave para isso está em fornecer um texto com melhor aparência e melhor apresentação. Ferramentas como Google Fonts e Adobe Typekit também ajudaram muito, tornando muito mais fácil criar sites com texto melhor e com aparência mais profissional.

Finalmente, a rolagem de paralaxe – que eu sempre gostei muito – está recebendo muito amor recentemente. Para os não iniciados, o funcionamento é bem simples: você simplesmente configura seu site para que o plano de fundo se mova mais lentamente do que o primeiro plano (se for o caso). Isso não apenas cria a ilusão de profundidade de campo, mas é uma ótima maneira de dar aos sites de página única um pouco de brilho extra.

Muito barulho por microinterações

Os aplicativos móveis meio que estragaram um pouco o usuário final, se você parar e pensar nisso. Os mais bem projetados são preenchidos com recursos conhecidos como microinterações: pequenos pedaços de feedback que são dados a um visitante com base em como ele interage com seu site. Concedido, este conceito não é especialmente novo. Em 2013, Foster of Mysterious Trousers se referiu a eles como interações de plástico bolha. Isso ocorre porque eles são satisfatórios e aprimoram muito a experiência do usuário, tornando as coisas mais viscerais.

Para você, isso significa que – especialmente devido à mudança de atacado para dispositivos móveis – você precisa aprender sobre microinterações e como incorporá-las ao seu site.

“Em UX, o que importa é como você lida com os usuários e como eles se sentem ao usar o produto [neste caso, seu site]”, escreve Dmytro Svarytsevych, da Web Designer Depot. “As microinterações fornecem aos usuários o feedback necessário e uma compreensão dos processos em andamento, tornando uma interface acessível, não importa o quão complicada seja a lógica por trás dela.”
Veja como você pode adicionar uma microinteração ao seu site, de acordo com o Creative Bloq:

• Conheça o gatilho: Isso é o que ocorre para iniciar a microinteração. Pode ser qualquer coisa, desde um usuário fazendo login no seu site pela primeira vez até deixar um comentário em um artigo ou comprar um produto. Os melhores gatilhos são aqueles em que o sistema observa o comportamento de um usuário e o usa para contexto – ou seja. fornecendo a eles uma página que eles visitam com frequência quando chegam ao seu site.
• Estabeleça regras: 'Regras' pode ser um pouco impróprio aqui. Essencialmente, são as diretrizes que determinam como uma microinteração específica funciona – o que pode acontecer, o que deve acontecer e o que não pode ou não acontece. Por exemplo, um site de comércio eletrônico pode avisá-lo se você adicionar inadvertidamente o mesmo produto ao carrinho duas vezes.
• Determine o feedback: Que feedback você fornecerá ao usuário? Como você melhorará a experiência deles em seu site?
• Descubra quanto tempo dura a microinteração: Sua microinteração termina automaticamente sem a entrada do usuário? Como ele muda cada vez que é usado?

“O feedback é o lugar para adicionar um verniz de personalidade à sua microinteração”, diz Creative Bloq. “Às vezes, um pouco de humor ou vantagem pode funcionar muito bem e ser apreciado – principalmente em situações que podem ser frustrantes, como uma mensagem de erro ou quando algo está demorando muito para carregar.”

Fique por dentro das tendências de design de sites

O WordPress está em constante evolução, lado a lado com a web. Você não precisa ser pego de surpresa por essa evolução. Ao ficar de olho nas últimas tendências, você pode garantir que está bem à frente da curva quando essas tendências finalmente se tornarem realidade.