Tendências Essenciais de Design, janeiro de 2016
Apps estão em toda parte. Eles se tornaram parte integrante de nossas vidas diárias graças ao número de smartphones e dispositivos portáteis que possuímos.
E, por causa disso, os aplicativos são um dos maiores fatores que impulsionam quando se trata de tendências de design de sites. Vamos dar uma olhada.
Retorno do pergaminho
Telas pequenas e orientadas verticalmente trouxeram o pergaminho de volta de uma maneira importante. Uma vez pensado para ser algo que você queria evitar porque os usuários não iriam se mover pela tela, a rolagem é uma parte bastante integrante do processo de design novamente.
E a rolagem agora é melhor do que nunca. Graças a ótimas animações, efeitos de paralaxe e muitas ideias de conteúdo criativo, a rolagem é muito divertida e uma boa maneira de envolver os usuários.
Não pare com um ordinário no pergaminho da página; Considere uma rolagem horizontal ou opção animada que pode encantar os usuários graças à pequena surpresa. Apenas certifique-se de incluir uma sugestão visual para dois para usuários com efeitos de rolagem que estão fora da norma, para que eles não se confundam ou abandonem seu site, porque não entendem como usá-lo.
Design de material vai mainstream
O conceito de material design do Google começou como uma interface móvel. A interface em camadas inspirada em física e plana começou como a estética para dispositivos Android, mas também se espalhou rapidamente para aplicativos baseados em iOS.
Designers estão expandindo o conceito para uso em sites em tela cheia também.
O conceito de material é simples, intuitivo e enraizado em elementos realistas, por isso é fácil de usar e entender. Designers estão se divertindo muito com o estilo de interface com cores brilhantes e muitas animações bacanas.
A navegação oculta está em todo lugar
Esta é uma daquelas transições que está realmente mudando a maneira como você pensa sobre o design da página inicial. A navegação oculta está tendo um grande momento agora.
O design discutível do ícone do hambúrguer é o aplicativo mais usado, com um ícone que exibe um menu completo. Os designers de sites estão optando por uma das duas opções: um menu que aparece em parte da tela ou navegação em tela cheia. A opção de tela cheia funciona quase de forma idêntica à forma como os estilos de slide funcionam em aplicativos e, com os designers de imóveis extras, há muito espaço para criar uma página de navegação que é mais do que apenas alguns links internos.
O que é especialmente bom em estilos de navegação superdimensionados é que eles são fáceis de ler e clicar. (Nada é pior do que pequenos elementos de navegação que são projetados quase como uma reflexão tardia.)
Cartões, cartões e mais cartões
Você dificilmente pode navegar na web sem encontrar uma interface em estilo de cartão. Esses contêineres de conteúdo são altamente úteis e se encaixam bem em estruturas responsivas.
Os cartões são uma opção popular, porque eles podem ser muito divertidos de projetar também. Os cartões podem ser personalizados para se adaptar a qualquer estilo de design e trabalhar com quase qualquer tipo de conteúdo. Uma coisa a lembrar sobre cartões é que cada contêiner deve conter uma parte do conteúdo e se conectar a um clique. Essa "coisa" pode ativar um vídeo, enviar um formulário, passar para outra página, comprar um item ou qualquer outro número de ações individuais. Cartões diferentes no mesmo site podem fazer coisas diferentes. (Desde que os usuários entendam as ações.)
É um estilo de interface que precisa de muito pouca explicação também. Sites de mídia social, como Facebook, Twitter e Pinterest, estão enraizados em interfaces estilo cartão com rolagem infinita para que o novo conteúdo seja preenchido com frequência. Usuários esmagadores parecem gostar e aceitar esse padrão de design.
Microinterações são essenciais
Não faz muito tempo, as microinterações eram quase exclusivamente um elemento de aplicativo. Você pode querer repensar essa ideia. A linha entre aplicativos e sites está completamente embaçada. Os usuários querem visitar um aplicativo e depois talvez o site mais tarde e obter exatamente a mesma experiência.
Isso se aplica também às microinterações. Uma micro-interação é qualquer coisa que ajude o usuário a se comunicar com a interface, ver uma ação acontecer ou manipular a interface. Cada um desses bits de comunicação é tão pequeno que o usuário dificilmente pensa sobre isso, como um alarme, mensagem de texto ou furto para atualizar o conteúdo. (Pense em quantas notificações de reuniões você recebe em seu computador ou telefone de trabalho; essas são microinterações).
O fator de ligação para fazer essa transição perfeita é um toque de personalização e muitas opções para personalização do usuário. Usar microinterações é complicado, porque há uma linha tênue entre as notificações desejadas, os alarmes ou as mensagens, além de sobrecarregar o usuário.
Ao integrar as microinterações, siga algumas das funções mais básicas primeiro para ver como os usuários reagem. Então você pode adicionar ao mix se sua base de usuários estiver aceitando.
E agora… wearables
A próxima fase do design do site já está acontecendo. À medida que os dispositivos vestíveis aumentam de popularidade, os elementos de design dessas minúsculas telas serão projetados.
Os elementos que terão impacto incluem pequenas animações baseadas em status, como rodas de rolagem que enchem para mostrar conquistas, mais microinterações e muitos rastreadores. (Os usuários estão praticamente obcecados com dados agora, de dados baseados em condicionamento físico a ganhar pontos para fazer compras.)
Os wearables também adicionam outra camada de gamificação à vida diária. Isso provavelmente vai levar ao design do site também.
O que os wearables realmente farão é a linha entre todos os nossos dispositivos. Websites, aplicativos, wearables - todos eles precisam fornecer experiências integradas aos usuários, para que a movimentação de um dispositivo para outro seja perfeita e a experiência seja consistente.
Conclusão
Como as telas mudam de tamanho, o mesmo acontece com a maneira como projetamos para elas. Para criar interações imersivas com as quais os usuários desejam interagir, independentemente do dispositivo, cada interface deve funcionar da mesma maneira. A ideia está influenciando drasticamente a forma como todos os sites são projetados (mesmo aqueles que não têm necessariamente contrapartes de aplicativos ou vestíveis).
Ao criar algo que os usuários curtem nas menores telas e expandi-los para dispositivos maiores, os designers podem criar interfaces fáceis de entender. Isso também torna sua interface um pouco mais sob demanda.