UX Design em Evolução: As 10 Principais Tendências de 2023

Explorando as melhores novidades do UX Design deste ano 😎

Fernando Silva Rafael
UXPlore Brasil
6 min readAug 28, 2023

--

UX Design

Oi minha gente, olha eu por aqui novamente! E hoje vamos falar sobre o que está na moda dentro do mundo de UX. 😁

No cenário em constante evolução da tecnologia e as interações digitais, a Experiência do Usuário surgiu como um diferencial para o sucesso de produtos e serviços online certo? À medida que 2023 foi passando, as expectativas dos usuários foram ficando mais altas do que nunca, fazendo com que designers e profissionais de UX estejam sempre em constante aprendizado para se adaptar rapidamente às mudanças no comportamento e nas preferências dos usuários finais.

Sendo assim, como um VJ da falecida MTV falaria:

Vamos ao TOP 10 tendências de UX Design em 2023 😎

Interface do usuário de voz (VUI)

Primeiro precisamos entender que: “VUI” se refere a “Voice User Interface”, ou seja, um sistema de interação entre seres humanos e computadores que permite aos usuários se comunicarem com os dispositivos ou sistemas usando a voz, em vez de textos ou cliques.

Com isso em mente, entendemos que a VUI pode oferecer uma experiência muito mais intuitiva e acessível aos nossos queridos usuários, sendo assim uma super tendência para 2023.

Cachorro falando no telefone

Personalização

Lembra no início dos anos 2000, quando só tínhamos um computador em casa e saiamos no tapa com nossos irmãos para ver de quem era a vez de usar? Então pode esquecer! Esse tempo já passou. E hoje, mais de 60% da navegação ocorre através dos celulares com conexão 3G, 4G ou 5G.

A velocidade baixa e as limitações da internet no Brasil aumentam ainda mais a necessidade de se atender os usuários de uma maneira rápida, simples e prática. Ao entrar em um site, nós sempre queremos encontrar o produto ou conteúdo em poucos cliques, por isso a personalização se torna uma ferramenta ainda mais relevante.

Se somos todos diferentes, por que a interface tem que ser mesma?

Criando e modificando a sua interface

Modo Escuro (Dark Mode)

Aqui estamos falando do queridinho de muita gente, certo? Se por algum motivo você ainda não usa o modo escuro em tudo que pode, vou deixar aqui alguns motivos do por que ele é essencial para toda interface e assim se tornando uma MEGA tendência:

  1. Conforto Visual
  2. Economia de Energia
  3. Estilo e Estética
  4. Acessibilidade
  5. Legibilidade e Contraste

Só com isso já deu pra sacar que sem o modo escuro, nada hoje em dia vai muito longe, né?

Gatinho sofrendo com a falta do modo escuro

Microinterações

As microinterações são pequenas e sutis animações, respostas visuais ou feedbacks que ocorrem quando um usuário interage com um elemento específico da interface. Muitas vezes essas microinterações passam despercebidas pelos usuários, mas pode ter certeza que elas estão lá, ajudando a tornar a interação mais fluida e intuitiva. Isso ocorre através dos cliques dos botões, sinais de que a página está carregando (ícones), animações de transição e muitas outras.

Microinterações em ação!

Elementos 3D

Essa o próprio nome já diz né? Faz tempo que o 3D virou essencial para os nossos amigos que querem trabalhar em jogos, filmes e outras mídias por aí. Os elementos em 3D são usados para criar uma sensação de profundidade e realismo, esses elementos podem incluir gráficos tridimensionais, animações, ícones, botões e outros objetos que aparentam ter volume e ocupar espaço e assim dando vida ao seu design!

Homem vendo em 3D

Acessibilidade

Falando sobre acessibilidade eu fiz um breve artigo sobre daltonismo e pretendo postar uma continuação em breve, então estou deixando o link aqui para vocês! O objetivo principal da acessibilidade é garantir que todos os usuários, incluindo aqueles com deficiências visuais, auditivas, motoras, cognitivas ou outras, possam interagir com a tecnologia de maneira inclusiva e significativa.

Temos também o WCAG que em resumo, é um conjunto de diretrizes essenciais para garantir a acessibilidade na criação do conteúdo web. Ou seja, existe um modo certo de deixar seus projetos mais acessíveis e você pode checar essas diretrizes clicando aqui.

Acessibilidade é a chave para o sucesso

Processamento de linguagem natural (PNL)

Essa é uma área da IA que se concentra em permitir que nossos PCs compreendam, interpretem e gerem a nossa linguagem de maneira natural. O objetivo do PNL é fazer com que a máquina mesmo só entendendo 0 e 1, consiga compreender o sentido por trás das palavras de um frase permitindo que ela interaja com os humanos.

Computador entendendo exatamente o humano

Design de movimento

O Design de Movimento, também conhecido como Animação de Interface ou Motion Design, significa criar transições, animações e elementos dinâmicos em uma interface de usuário digital para melhorar a experiência visual, comunicar informações e criar interações mais atraentes e envolventes. O objetivo do design de movimento é adicionar uma dimensão visualmente agradável e funcional à interface, tornando a interação mais intuitiva, atraente e eficaz.

TOP 10 melhores transições

Realidade aumentada (RA)

A Realidade Aumentada (RA) é uma tecnologia que combina elementos do mundo real com elementos digitais em tempo real para criar uma experiência mais interativa para seus usuários. Através de dispositivos como celulares, tablets, óculos e outros dispositivos de visualização, a realidade aumentada permite que os usuários vejam, interajam e experimentem objetos digitais como se estivessem presentes no mundo real.

Quebrando tudo nada RA

Design de tela divida

O Design de Tela Dividida normalmente se refere a uma técnica de design em que a tela do dispositivo é dividida em várias seções ou painéis para exibir diferentes tipos de informações ou conteúdo simultaneamente. Isso é frequentemente usado em aplicativos e sistemas operacionais que querem otimizar o espaço na tela e permitir que os usuários realizem várias tarefas ao mesmo tempo.

O objetivo principal do design de tela dividida é melhorar a usabilidade e a produtividade, permitindo que os usuários visualizem informações de diferentes fontes ou realizem ações em várias áreas sem a necessidade de alternar entre diferentes telas ou aplicativos. Por exemplo, sabe esse seu celular que se divide deixando o WhatsApp em cima e o Youtube embaixo? É um ótimo exemplo disso!

Celular com tela divida

UX Design está em constante evolução, mudando a cada dia a forma como interagimos com a tecnologia. Continue lendo os artigos aqui na UXPlore, se atualizando e estudando sempre!

Até o próximo artigo!! 😁😁😁

--

--

Fernando Silva Rafael
UXPlore Brasil

Redator na @UXPloreBrasil - Amante de música e da experiência do usuário 💙