Tendências da interface do usuário 2020: o que está por vir?

Publicados: 2022-03-11

2020 chegou e, com ele, a chance de revisar quais tendências de interface do usuário funcionaram no ano passado e quais provavelmente continuarão a funcionar este ano. O início do novo ano oferece uma excelente oportunidade para observar as tendências emergentes de design de interface do usuário que continuarão a crescer em popularidade.

Manter-se atualizado sobre o que há de novo na indústria de design, o que é útil (ou não) e o que está caindo em desuso é vital para designers de interface do usuário que desejam oferecer ideias inovadoras a seus clientes. Revisar tendências e observar como elas podem evoluir no futuro é essencial para esse esforço.

As tendências da interface do usuário 2020 incluirão narrativas no design da interface do usuário (em vez de pensar em um projeto apenas em termos de UX), gráficos e animação 3D, microinterações exclusivas, temas sombrios, simplicidade, interação por voz e muito mais.

As tendências da interface do usuário 2020 incluem designs de interface do usuário simples e modernos — Music App UI (por Humayra Kabir Anamika).

Narrativa

Muitas vezes, o storytelling é pensado apenas em termos de UX. No entanto, os designers de interface do usuário também podem desempenhar um papel essencial no processo de contar histórias.

Por meio do uso de cores, tipografia, animação e design de interação, os designers de interface do usuário podem implementar as histórias necessárias para um bom UX.

A página de destino do Pixel Earbuds do Google é um exemplo convincente de narrativa da interface do usuário. Ele orienta o visitante pelos benefícios do produto por meio de animações pensativas, imagens relacionáveis e tipografia estelar para criar uma resposta emocional positiva.

As tendências de design de interface do usuário incluem storytelling, no qual o Google se destaca — Contação de histórias da interface do usuário por meio de animação e imagens.

Gráficos 3D e Animação

Gráficos 3D e animação não são recém-chegados ao design de interface do usuário. Sua frequência aumentou nos últimos anos em várias categorias de produtos. Os aplicativos VR e AR, em particular, aproveitaram esses elementos para coisas como visualizar móveis em uma sala real. Outro exemplo comum é a visão de produto em 360 graus que se tornou popular em sites de comércio eletrônico.

Procuravam-se designers de UI freelancers em tempo integral nos EUA

Se um design de interface do usuário precisa ser particularmente atraente, os gráficos 3D são uma excelente maneira de fazer isso. A animação aumenta o apelo visual. Embora esses efeitos sejam mais demorados do que as versões 2D e exijam um conjunto de habilidades especializadas, valem a pena os recursos extras nos casos em que adicionam à experiência geral do usuário.

Gráficos e animações 3D são uma parte importante do design de interface do usuário 2020 — Selecionando opções de produtos e adicionando o produto ao carrinho (por Dannniel).

Microinterações exclusivas

As microinterações são um elemento essencial de qualquer bom design de produto digital. No entanto, eles ainda são ignorados por muitos designers de interface do usuário e partes interessadas.

As microinterações fornecem informações e feedback extras aos usuários. Eles podem incluir coisas como animações de interação, mudanças de cor para mostrar diferentes estados e feedback tátil em aplicativos móveis. As microinterações podem elevar um design de funcional a excepcional.

As tendências de design de interface do usuário 2020 incluem microinterações exclusivas — Barra de progresso para upload e download (por xjw).

Temas escuros

Os temas escuros existem há alguns anos, mas decolaram em 2019. A Apple fez muito para ajudar nessa tendência quando lançou sua atualização do Mojave com a capacidade de usar automaticamente um tema escuro em aplicativos que o suportam. Eles também lançaram uma atualização para iOS que oferece a mesma funcionalidade de modo escuro.

Os temas escuros da interface do usuário continuarão a crescer em 2020. Um dos benefícios mais significativos - além do apelo visual - é que, para algumas pessoas, os temas escuros com contraste adequado podem ajudar no cansaço visual.

Um dos aplicativos significativos mais recentes para obter o tratamento do tema escuro é o Gmail, que começou a lançar a opção em setembro. Agora que todos os três grandes gigantes da tecnologia (Apple, Google e até o aplicativo móvel do Facebook) entraram na onda do tema sombrio, é improvável que essa tendência desapareça em um futuro próximo.

O design escuro é uma interface de usuário de tendências importante — IU do Music Player (por Martin Mroc).

Simplicidade

Simplicidade e minimalismo entram e saem de moda no design de interface do usuário a cada poucos anos. Agora mesmo, eles estão dentro.

A funcionalidade está na vanguarda com designs simples. A simplicidade é mais uma coleção de princípios de design do que uma única tendência. Projetos simples geralmente incorporam princípios da Gestalt, tipografia em negrito, paletas de cores minimalistas e muito espaço em branco.

A simplicidade no design não é simples de criar. É preciso confiança por parte do designer, e cada elemento tem que ser perfeito, pois não há nada que esconda escolhas de design questionáveis. Quando bem feito, cria uma sensação elegante e de alta qualidade que as pessoas adoram usar.

As tendências de design de aplicativos incluem designs de interface do usuário simples — Aplicativo White Noise (por Romeo M. para Queble).

Interações de voz

As interações de voz já foram reservadas para o reino da ficção científica. Smartphones e aplicativos móveis mudaram isso, tornando a interação por voz não apenas possível, mas também popular. Permitir que as pessoas interajam com aplicativos por meio de comandos de voz abre um mundo de possibilidades de interação com um produto. Quando um consumidor pode dar comandos de voz, ele pode usar um aplicativo em situações em que as interfaces de toque não são seguras ou práticas, como ao dirigir ou seguir uma receita ou tutorial.

A interação por voz não é nova, mas as primeiras iterações eram desajeitadas e muitas vezes não funcionavam bem. Nos últimos dois anos, a interação por voz evoluiu (geralmente com assistência de IA) para ser um método prático de comunicação com um aplicativo. À medida que o controle de voz melhora ainda mais, é uma tendência que provavelmente não desaparecerá. O Google anunciou atualizações significativas para seu recurso Google Assistant na I/O 2019 que alguns especulam que poderia ser o início das interações de voz substituindo quase completamente as interações de toque.

Os designers de interface do usuário se beneficiarão ao se familiarizarem com o funcionamento das interações de voz e como podem integrá-las melhor em seus produtos, principalmente aplicativos móveis. Eventualmente, as interações de voz podem ultrapassar outros tipos de interações, inclusive na web.

As tendências de interface do usuário móvel para 2020 incluem interação por voz — Microinterações de voz (por Filipe Ferrari).

Tendências de design de IU de tipografia

Novas tendências de tipografia surgem a cada ano, e no ano passado não foi diferente. Algumas das tendências de interface do usuário mais proeminentes que provavelmente continuarão em 2020 incluem um retorno aos tipos de letra com serifa, texto herói não tão grande e tipo de camada com outros elementos.

Quando os designs de interface gráfica do usuário começaram a aparecer, as serifas eram geralmente desaprovadas por serem difíceis de ler em uma tela. Baixas resoluções de tela significavam que os detalhes mais finos das formas das letras (e detalhes visuais em pequena escala em geral) foram perdidos, fazendo com que muitos tipos de letra que tradicionalmente funcionavam bem na impressão parecessem terríveis na tela do computador.

À medida que as resoluções de tela aumentaram, a ideia de serifas difíceis de ler na tela de alguma forma persistiu. Isso mudou nos últimos anos, e as serifas estão surgindo em todo o lugar, inclusive no cabeçalho e no texto do herói, onde normalmente eram menos comuns do que suas contrapartes sans-serif e display font.

Parece que o texto do herói está ficando cada vez maior a cada ano, muitas vezes ocupando todo o espaço “acima da dobra” em um site. Isso mudou em 2019, com texto menor (embora ainda proeminente) usado em imagens de herói e cabeçalho. É uma mudança bem-vinda que reintroduz o espaço em branco como uma parte valiosa do design do herói.

O tipo de camadas com elementos gráficos, por baixo ou por cima das imagens (ou às vezes ambos), é outra tendência crescente. Às vezes, o texto é sobreposto ou sobreposto a imagens ou cores em caixas, enquanto outras vezes é totalmente integrado a outros elementos visuais.

As tendências da interface do usuário incluem tendências em tipografia — Site do A-LAB Design Studio (por Mike | Creative Mints).

Olhando para o futuro nas tendências da interface do usuário 2020

As melhores tendências de interface do usuário são visualmente atraentes, melhorando a experiência geral e a utilidade de um produto digital. As tendências cobertas acima continuarão a evoluir e novas provavelmente surgirão em 2020.

À medida que marcas maiores adotam tendências e se tornam mais onipresentes, elas evoluem para padrões e se tornam parte do cenário digital. Essa evolução já está acontecendo com tendências como temas sombrios.

Em outros casos, as tendências permanecem por alguns anos e depois caem no esquecimento à medida que surgem melhores ideias e métodos. Um exemplo disso é a interface do usuário de rolagem parallax, que era incrivelmente popular há alguns anos, mas não é tão proeminente em 2020.

Novas tendências surgirão em 2020, e algumas das incluídas aqui podem desaparecer até o final do ano. Designers de interface do usuário especializados estão sempre procurando melhores maneiras de apresentar conteúdo, o que significa que algumas tendências de interface do usuário em 2020 praticamente desaparecerão do zeitgeist digital até 2021.

• • •