Tendências de UX - UI em 2024

23/05/2024, 14:17 Tendências de UX/UI em 2024. O ano de 2023 foi rico em tecnologia… | por dev.
família | Médio
Abrir no aplicativo
Procurar
Obtenha acesso ilimitado ao melhor do Medium por menos de US$ 1 /semana.

Torne-se um membro
Tendências de UX/UI em 2024

dev.família · Seguir
13 minutos de leitura · 28 de fevereiro de 2024
Ouvir Compartilhar Mais
O ano de 2023 foi rico em inovações tecnológicas: assistimos à introdução dos

óculos virtuais da Apple, ao surgimento do design generativo impulsionado pela
inteligência artificial e aos smartphones dobráveis da Samsung. A web agora está
incorporando textos cada vez mais brilhantes e contrastantes. As microanimações
tornaram-se ainda mais difíceis de resistir. Os projetos modernos, como as
entidades vivas, respondem a cada movimento que você faz.
Vamos dar uma olhada no que 2024 nos traz. Fique confortável, sou Polina
Korotkaya , designer da equipe dev.family , e contarei a vocês os estilos, técnicas e
efeitos que estarão em tendência e por quê.
Exploraremos tendências aplicáveis a landing pages comuns e sites de imagens

simples, bem como a recursos online com mais funcionalidades, como lojas online,
serviços bancários e outras plataformas com infraestruturas complexas ou
aplicações móveis.
Gráficos 3D
As ilustrações 3D continuam em tendência. Isso se deve ao aumento do
desempenho dos computadores e à redução do custo de desenvolvimento de
gráficos desse tipo.
https://medium.com/@dev.family/ux-ui-trends-in-2024-84c98632c675 1/45
23/05/2024, 14:17 Tendências de UX/UI em 2024. O ano de 2023 foi rico em tecnologia… | por dev.família | Médio
Outra razão pela qual grandes empresas utilizam o 3D em seus projetos é que as
imagens não refletem a técnica individual de um designer gráfico específico.
Portanto, quase qualquer pessoa pode desenhar ilustrações 3D.
Elementos 3D são frequentemente usados em ícones, botões e ilustrações em sites e

aplicativos. Esses elementos chamam a atenção por sua aparência fora do padrão.
No entanto, embora as formas volumétricas fossem suficientes para serem

“elegantes” no passado, hoje, recursos adicionais como animação são necessários
para o efeito uau.
Plataforma para criação de galerias digitais
Os gráficos tridimensionais são vistos com mais frequência em projetos dedicados a

fintech ou Web3 e em sites de empresas digitais. Em primeiro lugar, ilustra melhor
as informações necessárias do que outras, em segundo lugar, refere-se à natureza
tecnológica do projeto e, em terceiro lugar, diferencia o projeto dos demais.
O site do banco Tinkoff
Abstrações 3D e imitação de materiais reais
As formas 3D abstratas estão ganhando popularidade. Essa tendência abrange

formas animadas complexas, como esferas pontiagudas e superfícies lisas feitas de
inúmeras partículas.
Página pessoal do designer
Mais frequentemente, esses recursos visuais podem ser encontrados em sites de

agências de criação ou de eventos. Quanto mais elegante ou, pelo contrário,
vibrante, mais atraente. Quer existam sites de casamento, marketing, publicidade
ou influenciadores - todos eles precisam estar na moda. Esta é uma excelente forma,
sem mergulhar em diversas missões e objetivos, de mostrar a sua componente
criativa. Evoca emoções que vão desde “ah, que fofo” até “uau, isso é alucinante”.
Ajuda a reunir pessoas com pensamentos e valores semelhantes, filtrando assim um
público-alvo incompatível.
O site de um estúdio criativo
O site da conferência
Mas lembre-se que vale a pena considerar que adicionar esses gráficos pode
aumentar a velocidade de carregamento do site. E em aplicativos móveis, interagir
com essa interface pode ser inconveniente.
Objetos 3D reais
Uma das maneiras de interagir com o público é criar uma versão 3D de seus
produtos. Esse site torna-se altamente interativo, proporcionando aos usuários uma
nova experiência e impressões iniciais da marca.
Loja de roupas on-line
Produtor de cerveja artesanal
Fabricante de próteses dentárias
Gradientes complexos
Gradientes complexos continuarão a ser relevantes em 2024, juntamente com
abstrações 3D. Pode-se dizer que essas duas tendências caminharão de mãos dadas,
pois se complementam bem. Juntos, eles acrescentam ainda mais realismo à
interface.
A agência de marca
Esta técnica é relevante se o seu projeto for dedicado a Web3 ou produtos digitais.
Com ele você obterá um produto brilhante e futurista, criando uma forte associação
com algo moderno e altamente tecnológico. Permita que os usuários toquem o
futuro e se sintam parte dele.
A agência criativa
O estúdio criativo
Glassmorfismo e neumorfismo
Glassmorfismo e neumorfismo são duas tendências que surgiram em 2020 (com o

glassmorfismo remontando ao iOS 7 em 2013). Eles brilharam, desapareceram e
então, em 2024, voltaram. Por que?
O visual com elementos de neumorfismo e glassmorfismo acrescenta realismo às

interfaces. Essa abordagem é popular entre empresas digitais cujo principal objetivo
é divulgar seus produtos. Os usuários devem sentir que estão examinando um objeto
de perto, vendo sua textura e virtualmente “tocando” nele com os olhos. Isso cria
uma associação forte: “Eu segurei isso em minhas mãos, então existe e é quase
meu”.
Um pouco de esclarecimento:
Glassmorfismo é a imitação de elementos semelhantes a vidro em interfaces.

O neumorfismo é uma tendência adaptada derivada do skeuomorfismo, adaptada à
estética moderna. Ele enfatiza a renderização de sombras de alta qualidade em
objetos, volume e gradientes.
Ilustrações de baixo poli

Vale ressaltar o retorno da tendência aos gráficos de baixo polígono. Essas
ilustrações são lacônicas e transmitem informações de maneira eficaz por meio de
formas simples. Criar um esboço, montar o cenário e colocar uma pessoa em
determinadas condições, assim como um jogo, pode evocar uma sensação de
nostalgia, lembranças agradáveis e sentimentos de leveza e despreocupação.
Site pessoal do designer
Algumas empresas vão ainda mais longe e criam plataformas cativantes onde os
usuários podem jogar minijogos ou participar de missões reais online. Isso está
relacionado ao amor das pessoas por conquistas e recompensas diversas. Todo
mundo quer vencer, mesmo que seja no mundo virtual. Por outro lado, a marca
ganha um usuário engajado e motivado que pode se inclinar a fazer uma compra
recompensando-o com desconto, bônus ou cupom.
uxui-trends-in-2024
Ilustrações 2D
Em 2024, as ilustrações lineares e desenhadas à mão continuam a existir. Hoje,
grandes empresas os escolhem para criar e manter seu estilo único. Exemplos a
serem observados são Google, Yandex, Dropbox, Mailchimp e Wetransfer.
Agente de Diniz
A página do curso no Yandex
Na verdade, as ilustrações desenhadas à mão são a ferramenta mais comum para

contar histórias, permitindo que as marcas contem e mostrem a sua história aos
utilizadores. Esta é uma referência a livros infantis, noites agradáveis e narrativas
pessoais. A marca aproxima-se assim do utilizador, mostrando que a conversa será
no mesmo idioma.
Minimalismo e «simplicidade simples»

Como antítese das interfaces animadas, o minimalismo, que continua relevante em
2024, continua a evoluir. É amplamente utilizado em projetos que oferecem serviços
de design de interiores, serviços jurídicos e comércio eletrônico. No e-commerce,
em particular, a preferência é não se entregar a detalhes brilhantes porque o
usuário precisa se concentrar no essencial em vez de se distrair com a abundância
de elementos decorativos.
O estúdio de design de interiores
Desta vez, atenção deve ser dada aos sites com sistema de bloqueio, grande
quantidade de espaço negativo e fontes contrastantes.
Uma empresa que fornece produtos e embalagens para mercadorias
Design limpo em interfaces complexas

O design minimalista é especialmente procurado em interfaces complexas que
contêm uma grande quantidade de dados. Por exemplo, esses projetos podem
incluir painéis, contas pessoais e, às vezes, lojas online.
Essa abordagem ajuda o usuário a entender e começar a usar o produto

rapidamente, enquanto uma abundância de gráficos e cores apenas desviaria a
atenção do objetivo principal.
A loja online da marca Bershka
Como interfaces complexas são a nossa especialidade, adoraríamos partilhar e

demonstrar mais, mas em vez de mil palavras, convidamo-lo a dar uma vista de
olhos a um estudo de caso do maior produtor de polímeros da Europa de Leste.
Eles exigiam uma conta pessoal para reduzir a carga de trabalho dos gerentes.
Graças a esta solução, as pequenas e médias empresas (que constituem 80% dos
clientes, mas geram apenas 20% dos lucros) podem agora fazer encomendas de
forma independente, receber os documentos necessários e monitorizar o
calendário de entrega. Enquanto isso, os vendedores podem se concentrar em
grandes empresas, que representam 20% dos clientes, mas contribuem com
impressionantes 80% dos lucros.
Monocromático
O design monocromático continua a existir. Pode ser de várias cores, mas
normalmente é sempre desprovido de detalhes desnecessários.
Este design sem elementos de destaque que distraiam a atenção cria uma sensação
de “ordem”. Você pode pensar: “Uau, é tão legal!” e começar a confiar nele, talvez
até sentindo confiança no produto.
A interface escura e futurista

A interface escura evoluiu para algo mais do que uma simples escolha entre “modo
claro” e “modo escuro”. Ele capta a atenção do usuário com seu toque premium,
destacando-se do conteúdo usual em um fundo branco.
O projeto do ecossistema digital Glec, operando baseado em blockchain
O projeto blockchain
Este estilo cria uma atmosfera cósmica especial e adiciona um toque de luxo.
Portanto, um tema sombrio é frequentemente encontrado em produtos bancários
premium, comunidades fechadas no negócio da informação, serviços VIP e bens.
Enfatiza efetivamente o status elevado e a natureza progressiva das tecnologias
utilizadas.
Animações
Eles estavam aqui. Eles estão aqui. Eles estarão aqui! Mas quais são considerados
tendência?
Microanimações
Interfaces interativas são provavelmente a melhor ideia no mundo do design. As
microanimações ajudam a orientar os usuários no alcance de seus objetivos,
facilitam a navegação no site e agilizam a realização de tarefas. Elementos animados
indicam a direção das ações, fornecem instruções claras sobre onde ir e o que fazer.
Como resultado, os usuários não precisam adivinhar e ganhamos uma vantagem em
carma.
Animations-uxui-trends-in-2024
Texto
Mais especificamente, tipografia cinética. Esta é uma técnica de animação que
combina movimento e texto. Permite a criação de interfaces interessantes e
dinâmicas para transmitir ou evocar pensamentos ou sentimentos incomuns. A
tipografia cinética utiliza vários estilos, tecnologias e efeitos, como vídeo, áudio,
animação, gráficos e jogos. É aplicado na criação de manchetes, títulos, anúncios,
videoclipes, materiais educacionais e outros tipos de conteúdo.
Text-uxui-trends-in-2024
Super interativo
Além das microanimações, estão se popularizando sites que “transportam” os
usuários para a realidade virtual. Lá, os usuários podem explorar a vida e as
características — praticamente com todo o mundo da marca. Isso permite que as
pessoas adotem os valores, a missão e se tornem defensores da marca.
Super-interactive-uxui-trends-in-2024
Super-interactive-uxui-trends-in-2024_2
Entre as armadilhas, destacamos o desafio de desenvolvimento e promoção nos

motores de busca. O aspecto crucial aqui não é apenas o texto, mas o componente
visual.
Personagens
Para cativar ainda mais os usuários, considere usar mascotes exclusivos. Eles
acompanham os usuários durante a utilização do produto digital e os envolvem na
interação. Essa abordagem ajuda a se destacar dos concorrentes, garante uma
comunicação consistente (os usuários têm mais facilidade de adaptação se
encontrarem um personagem familiar em cada plataforma da marca ou empresa).
A plataforma de marketing
Promoção de projetos Web3
Os caracteres na interface servem a vários propósitos:
Os personagens atuam como guias, fornecendo assistência, dicas e incentivo aos

usuários. Eles ajudam os usuários a navegar pela interface e compreender os
recursos do produto.
Os personagens contribuem para estabelecer uma conexão emocional com o

público. Eles transmitem os valores do seu produto e tornam a interação mais
envolvente ao adicionar um toque pessoal.
Os usuários podem receber bônus, descontos ou outras recompensas por meio

do personagem. Isto está ligado à tendência mais ampla de gamificação, onde os
usuários podem obter conquistas ao completar tarefas.
Em alguns casos, os personagens se tornam tão únicos e queridos que se

transformam em memes. Isso foi exemplificado pela coruja Duolingo, que se tornou
um elemento amplamente reconhecido e humorístico associado à plataforma de
aprendizagem de idiomas.
Boas e velhas lembranças

Elementos de design retrô e vintage são excelentes gatilhos que evocam sentimentos
nostálgicos entre os usuários. Eles envolvem os usuários em interações emocionais
com o produto, proporcionando uma experiência envolvente. Inconscientemente,
fortalecem a confiança dos visitantes, transmitindo uma mensagem como:
“Partilhamos um passado comum, partilhamos memórias. Nós crescemos juntos."
Fabricante de produtos de proteção solar
Use elementos retrô em seus projetos se você sabe que seu público-alvo os
reconhece e interpreta corretamente.
Como fazer isso? Adicione elementos característicos: caligrafia e fontes antigas,

fotos antigas, pop art. As fontes podem ser manuscritas e em estilo de letras. As
técnicas podem ser misturadas.
Promoção Spotify
Um serviço que ajuda músicos a escrever músicas
Arte de pixel
Técnicas que lembram os primeiros videogames e gráficos de estilo 8 bits são
habilmente incorporadas e combinadas com outros estilos em projetos relacionados
à tecnologia de alimentos, organização de eventos, agências criativas ou portfólios
pessoais.
Estúdio de desenvolvimento e design
No entanto, é aconselhável usá-los com cautela se você tiver certeza de que tais
recursos visuais serão relevantes para o seu público e que eles compreenderão a
referência.
Design Experimental Ousado

Tipografia saturada, cores ácidas, animações GIF, texto em rolagem, bem como
colagens brilhantes, mas planas, elementos do Mac OS 9, Windows 2000 e Windows
ME – tudo isso é usado quando você deseja criar um ambiente verdadeiramente
“selvagem” e memorável. visual.
Esta é uma abordagem excelente se você deseja chamar rapidamente a atenção para
o seu evento ou projeto. No entanto, é improvável que seja uma boa solução se você
estiver vendendo utensílios de cozinha ou criando um site para uma clínica
veterinária.
Sociedade Secreta vs Conspiração Global
Estúdio de Interesses
Página pessoal do designer
A história do Lego
O objetivo principal é impressionar o usuário, todo o resto é secundário. Portanto,

vale a pena utilizar todas essas técnicas ousadas se o seu projeto for dedicado a
organizações e eventos informais.
IA onipresente
Como bônus, falarei sobre minha ferramenta favorita que pode ser usada tanto para
sites simples quanto complexos. Estou falando de Inteligência Artificial. Ficamos
bastante absortos nessa tecnologia, integrando-a em nossos fluxos de trabalho e
oferecendo-a aos clientes. O mais importante é ficarmos de olho nas tendências e
mostrarmos como ela pode e deve ser utilizada no “dia a dia”. Escrevemos sobre
como a IA ajuda o negócio de restaurantes e o HoReCa, e aqui falamos sobre IA e
comércio eletrônico .
Quanto aos designers, certamente sentiram a forte vantagem da implementação da

inteligência artificial: trabalhar em recursos visuais costumava ser medido por dias
de trabalho, e agora leva algumas horas. De que outra forma a IA pode ser usada?
Contente
Um dos problemas dos projetos recém-lançados é a falta de conteúdo suficiente.
Geradores neurais de texto e imagem (estou me referindo a chatGPT, Midjourney e
empresas similares) ajudam a preencher lacunas não planejadas no site em um
curto espaço de tempo, tornando-o mais atraente para os usuários.
Planos de fundo e imagens interativos

Fundos e imagens interativos têm se desenvolvido ativamente desde meados de
2023, com os serviços de criação de conteúdo animado apresentando um
crescimento significativo.
Interactive backgrounds and images
Personagens
Os personagens mencionados acima podem ser desenhados à mão, exigindo muito
tempo e coordenação em cada etapa do processo, ou gerados rapidamente em
grandes quantidades com menos esforço para chegar a algo específico.
Se você decidiu criar um site ou está pensando em reformulá-lo

Seguindo as tendências, não se esqueça da medida e da conveniência - o mais
importante é ajudar o usuário a obter rapidamente todas as informações
importantes e realizar a ação desejada. Portanto, sempre pergunte a si mesmo: “Por
que estou desenhando isso?”
Ao planejar a criação de uma loja online, uma plataforma complexa com conta
pessoal e diferentes níveis de acesso, um projeto para automatizar alguns processos
de negócio, lembre-se: primeiro, resolva tarefas funcionais e, segundo, acrescente
beleza.
Consulte pessoas que tenham experiência relevante. É improvável que um designer

que criou uma landing page pense em todas as nuances ao criar uma loja. E
certamente, se alguém criou cartões de visita para você, é improvável que
desenvolva uma boa conta pessoal. Se você encontrar especialistas diretamente do
seu setor (foodtech, fintech, moda, etc.), não precisará pensar em tudo sozinho.
Você ainda tem alguma dúvida? Escreva para nós e confira nosso portfólio no
Dribbble.
Projeto Ui Ux Tendências
Seguir
Escrito por dev.family

1,2 mil seguidores
💜 Um grupo amigável de desenvolvedores que costumavam se tratar como uma família 🍔 Somos muito
bons em tecnologia de alimentos, mas também gostamos de explorar e-comm.
Mais de dev.family
dev.família
Tendências do comércio eletrônico 2024

É possível falar interminavelmente sobre o futuro com VR, AR e IA. E sim, esse é realmente o
caso. Tecnologias relacionadas ao aumento…
8 minutos de leitura · 22 de fevereiro de 2024

Tendências de UX - UI em 2024

Enviado por

Direitos autorais:

Formatos disponíveis

Tendências de UX - UI em 2024

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Tendências de UX - UI em 2024

Enviado por

Direitos autorais:

Formatos disponíveis

23/05/2024, 14:17 Tendências de UX/UI em 2024. O ano de 2023 foi rico em tecnologia… | por dev.

Obtenha acesso ilimitado ao melhor do Medium por menos de US$ 1 /semana.

Tendências de UX/UI em 2024

Ouvir Compartilhar Mais

O ano de 2023 foi rico em inovações tecnológicas: assistimos à introdução dos

Exploraremos tendências aplicáveis ​a landing pages comuns e sites de imagens

Elementos 3D são frequentemente usados ​em ícones, botões e ilustrações em sites e

No entanto, embora as formas volumétricas fossem suficientes para serem

Plataforma para criação de galerias digitais

Os gráficos tridimensionais são vistos com mais frequência em projetos dedicados a

O site do banco Tinkoff

Abstrações 3D e imitação de materiais reais

As formas 3D abstratas estão ganhando popularidade. Essa tendência abrange

Página pessoal do designer

Mais frequentemente, esses recursos visuais podem ser encontrados em sites de

O site de um estúdio criativo

Loja de roupas on-line

Produtor de cerveja artesanal

Fabricante de próteses dentárias

Glassmorfismo e neumorfismo são duas tendências que surgiram em 2020 (com o

O visual com elementos de neumorfismo e glassmorfismo acrescenta realismo às

Glassmorfismo é a imitação de elementos semelhantes a vidro em interfaces.

Ilustrações de baixo poli

Site pessoal do designer

A página do curso no Yandex

Na verdade, as ilustrações desenhadas à mão são a ferramenta mais comum para

Minimalismo e «simplicidade simples»

O estúdio de design de interiores

Uma empresa que fornece produtos e embalagens para mercadorias

Design limpo em interfaces complexas

Essa abordagem ajuda o usuário a entender e começar a usar o produto

A loja online da marca Bershka

Como interfaces complexas são a nossa especialidade, adoraríamos partilhar e

A interface escura e futurista

O projeto do ecossistema digital Glec, operando baseado em blockchain

Entre as armadilhas, destacamos o desafio de desenvolvimento e promoção nos

Promoção de projetos Web3

Os caracteres na interface servem a vários propósitos:

Os personagens atuam como guias, fornecendo assistência, dicas e incentivo aos

Os personagens contribuem para estabelecer uma conexão emocional com o

Os usuários podem receber bônus, descontos ou outras recompensas por meio

Em alguns casos, os personagens se tornam tão únicos e queridos que se

Boas e velhas lembranças

Fabricante de produtos de proteção solar

Como fazer isso? Adicione elementos característicos: caligrafia e fontes antigas,

Um serviço que ajuda músicos a escrever músicas

Estúdio de desenvolvimento e design

Design Experimental Ousado

Sociedade Secreta vs Conspiração Global

Página pessoal do designer

O objetivo principal é impressionar o usuário, todo o resto é secundário. Portanto,

Quanto aos designers, certamente sentiram a forte vantagem da implementação da

Planos de fundo e imagens interativos

Interactive backgrounds and images

Se você decidiu criar um site ou está pensando em reformulá-lo

Consulte pessoas que tenham experiência relevante. É improvável que um designer

Escrito por dev.family

Tendências do comércio eletrônico 2024

Exploraremos tendências aplicáveis a landing pages comuns e sites de imagens

Elementos 3D são frequentemente usados em ícones, botões e ilustrações em sites e