Tendências da interface do usuário que moldarão o 2019

Permita-me perguntar algo que possa soar um pouco como ficção científica. Já lhe ocorreu que talvez o planeta Terra tenha se movido um pouco mais rápido ultimamente - mas ainda estamos para notar? Parece que foi ontem que analisamos o que esperávamos quando nos mudamos para o 2018. No entanto, estranhamente, já é quase 2019!

Venha para pensar sobre isso, no entanto, 2018 tem sido um pedaço de um ano para o design da interface do usuário. As coisas agora são muito mais simples em comparação aos anos anteriores - graças às ferramentas de design de crescimento exponencial que ocorreram nos últimos tempos. Você nem precisa mais ser um guru de codificação para criar um site de aparência profissional com excelente interface de usuário em questão de minutos.

E isso mal cobre a base. Mudanças nas preferências do usuário também impactaram extensivamente a forma como projetamos interfaces no 2018.

Para colocar isso em perspectiva, 94% dos usuários de internet parou de confiar em sites com design ruim - então simplesmente não há mais espaço para compromissos.

Então, como a rolagem agora é amplamente aceita, os sites não estão mais priorizando a colocação das melhores coisas no topo. Você pode distribuí-los proporcionalmente dentro da interface. Mas, novamente, aprendemos a ser extremamente cuidadosos com isso, considerando 40% dos visitantes vai sair se o layout geral acaba por ser gasto.

E isso não é tudo que eles odeiam. Os usuários também se cansaram dos sliders de conteúdo 1% clicará neles. Curiosamente, mitigar isso eliminando o conteúdo também seria um movimento errado 86% dos visitantes do site deseja ver informações críticas sobre produtos e serviços assim que o terreno na página inicial.

Fascinante, certo?

Então, vamos ser honestos, design de interface do usuário nunca foi tão emocionante. Os usuários estão se transformando, a tecnologia do dispositivo está se desenvolvendo astronomicamente, a velocidade da internet está agora no nível da Fórmula 1 e temos o apoio de uma ampla gama de ferramentas de design na web. Combine tudo isso com os modernos conjuntos de habilidades de designer de interface, e você certamente concordará que o 2019 está destinado a ser ainda mais impactante.

Então, para que tendências estamos ansiosos?

Mobile Primeira

A otimização para dispositivos móveis é uma palavra de ordem que aparentemente não está se aposentando tão cedo. A tendência já existe há alguns anos, para dizer o mínimo. E você estaria certo em prever que veremos uma maior adoção de designs de interface do usuário baseados em dispositivos móveis no 2019.

Você também pode assumir que, além da tecnologia correspondente, não há nada de novo que possa vir a aparecer neste espaço - pelo menos nos próximos meses 12, aproximadamente. Justo o suficiente, mas pegue isso…

Você vê, já há algum tempo, que usamos a mesma abordagem antiga para PC antes de mudar para o celular. Retrospectivamente, a interface de desktop era o foco principal, porque a maior parte do tráfego vinha dos usuários de PC.

Então, algo interessante ocorreu no final do 2016 - o tráfego móvel acabou ultrapassando o tráfego de PC. No final daquele ano, os celulares tinham atingido 50.31% da quota de mercado, enquanto os comprimidos somavam 4.9%.

quota de mercado móvel

No entanto, apesar disso, ainda priorizamos a interface da área de trabalho porque os usuários de PC mantinham a liderança no tempo acumulado on-line. Na América do Norte, por exemplo, a navegação por celular ainda estava atrasada na 2017, respondendo por 33% do tempo de navegação.

tempo de surf

Bem, pensando nisso, todos nós sabíamos que era só o tempo até que o celular finalmente alcançasse os PCs também. E por 2018, as mesas estavam completamente viradas, com o celular ocupando 52.2% de todas as páginas da web globais.

parcela de tráfego

O que isso significa para a interface do usuário?

Para começar, esperamos uma mudança na abordagem de design da interface do usuário. Os desenvolvedores começarão a mudar suas prioridades concentrando-se na interface do usuário móvel antes de projetar para o PC. Os usuários móveis terão precedência sobre os usuários de PC.

Uso de sombras e profundidade

Não há como negar que os designs de UI simples têm seus benefícios. Mas vamos encarar isso. Eles agora se tornaram muito monótonos e, reconhecidamente, muito chatos.

Infelizmente, o uso de projetos 3D foi desafiador por causa dos gráficos incômodos resultantes. Carregar uma página da Web com uma interface 3D, por exemplo, geralmente leva mais tempo do que uma com um design plano.

Bem, até que os navegadores da web começaram a melhorar substancialmente. E os designers, por outro lado, desenvolveram uma técnica excepcional de tirar proveito das sombras para introduzir a ilusão de profundidade.

sombras e profundidade

No 2019, portanto, esperamos ver o uso progressivo de variações de sombra para alcançar diferentes perspectivas de interface 3D.

Por exemplo, designers que buscam chamar a atenção para elementos específicos podem criar sombras falsas com diferentes graus de suavidade e intensidade. O resultado final é um elemento que pode parecer pairar sobre o resto no 3D.

Outra técnica popular é colocar sombras em padrões para criar vários níveis de texturas e, posteriormente, dar vida aos elementos da interface.

Então adivinha o que? Avanços recentes em ferramentas de design de interface de usuário ampliaram ainda mais a dinâmica que vem com essas abordagens de design. Agora você pode combinar facilmente sombras com grades e layouts de paralaxe para estender sistematicamente a profundidade correspondente e, consequentemente, obter ilusões 3D mais realistas.

Em outras palavras, o uso avançado de sombras continuará a atingir uma profundidade mais refinada no monitor 2D. E, ao fazê-lo, elimine a necessidade de ecrãs 3D especiais.

Minimalismo

No ano 2000, a média de atenção humana, pelo menos de acordo com um estudo de microsoft, foi 12 segundos. Então adivinha o que? Por 2015, surpreendentemente caiu para 8 segundos - divertidamente mais curto do que um peixe dourado padrão.

Bem, quando pensamos que não poderia piorar, a internet tornou as pessoas mais impacientes. 47% dos visitantes do seu site Agora espere que suas páginas sejam carregadas em menos de 2 segundos. Eles simplesmente não suportam esperar por mais tempo. De fato, 40% deles sairão se demorar mais que 3 segundos.

Surpreendentemente, muitos web designers não levam isso a sério. O atual a velocidade média de carregamento da página é de 8.66 segundos- apesar da recomendação do Google de menos de 3 segundos para o 2018.

tempos de carregamento da página

E isso não é tudo. Acontece que a situação é consideravelmente pior para sites móveis, já que eles média de segundos 22 para carregar. No entanto, lamentavelmente, 53% dos visitantes de páginas móveis não ficam por mais de três segundos.

Mas como isso se relaciona com a interface do usuário?

Embora as velocidades de carregamento da página sejam geralmente determinadas por vários fatores, o design geral da interface do usuário é particularmente extremamente crítico. É aí que a reação em cadeia começa.

Então, o que isso significa para o 2019?

Bem, Atualização de velocidade do Google em julho, o 2018 foi o começo do fim de interfaces complexas e gráficas, que comprometem substancialmente as velocidades de carregamento. Estamos agora mudando cada vez mais para UIs minimalistas enxutas bem simplificadas que carregam muito mais rápido.

Em essência, o minimalismo implica alcançar um equilíbrio ideal entre simplicidade, conveniência e funcionalidade. Isso consegue não apenas melhorar a velocidade geral e a classificação do mecanismo de pesquisa, mas também diminuir a taxa de rejeição do tráfego correspondente.

Efeitos sobrepostos

A era moderna do design gráfico introduziu efeitos sobrepostos para combinar várias camadas, criar uma sensação de espaço e, o mais importante, tornar as interfaces mais cativantes.

Mas aguente firme. O que é um efeito sobreposto em primeiro lugar?

Geralmente, isso envolve a colocação de elementos como imagens, texto e cores para sobrepor um ao outro. Aposto que você já se deparou com gráficos sobrepostos em vários sites até agora.

efeitos sobrepostos

Bem, reconhecidamente, a tendência de design tem aumentado consideravelmente nos últimos dois anos. Mas, com os dispositivos modernos agora com uma reprodução de gradiente de cor muito melhor, espera-se que o 2019 acione a adoção extensiva de efeitos de sobreposição em interfaces de usuário de PC e móveis.

Samsung Mobile, por exemplo, mudou de monitores LCD para o tecnologia OLED muito avançada quando eles lançaram o Galaxy S7 dois anos atrás. Em seguida, a Apple se juntou ao movimento com o iPhone X, que agora tem um contraste de tela maior do que seus antecessores de LCD. A empresa ainda tem planos de manter isso em todos os modelos de iPhone programados para 2019.

E quem se beneficiará mais?

Como esperado, o mundo do design gráfico está aproveitando isso para criar sobreposições com gradientes mais nítidos e precisos que parecem mais naturais. Adoramos como os monitores OLED atenuaram substancialmente o maior problema com a sobreposição de elementos - os usuários se distraem com os elementos secundários subjacentes devido ao contraste insuficiente.

Essa tendência também desencadeará o desenvolvimento de transparência nos designs de interface do usuário. Veremos o aumento do uso de texturas “semelhantes a vidros” nas interfaces de usuário, pois os designers aproveitam a transparência para exibir simultaneamente gráficos primários e secundários, sem interferir necessariamente na ênfase pretendida.

Designs sem moldura

E ainda em dispositivos modernos, você certamente notou a coisa mais notável sobre o design exterior geral hoje em dia. Não, eu não estou falando sobre como eles estão agora usando o vidro em praticamente todas as superfícies.

Ok, eu admito que pode ter algo a ver com isso. Por alguma estranha razão, todo mundo agora parece odiar quadros de exibição. Grandes fabricantes de smartphones e telas de TV estão diminuindo gradualmente o espaço entre o contorno da tela e suas bordas de dispositivo correspondentes. Então, para completar o visual, eles escolhem combinar isso com bordas de dispositivo arredondadas.

A Samsung chegou mesmo a eliminar todos os frames de borda, estendendo algumas das telas de seus smartphones além das bordas. A Apple, por outro lado, decidiu cobrir todo o rosto do iPhone com a tela, deixando espaço para apenas o fone de ouvido.

borda sem moldura

Pensando nisso, acho que tem tudo a ver com a ilusão do infinito - a necessidade de fazer a tela parecer uma parte do ambiente natural. E, para ser honesto, está funcionando muito bem para os usuários, que supostamente estão achando os monitores mais imersivos.

Talvez sem surpresa, essa tendência se espalhou para a indústria de aplicativos. As interfaces de usuário estão mudando progressivamente de contornos emoldurados para linhas suaves combinadas com bordas arredondadas. Conseqüentemente, isso ajudou as interfaces a se integrarem perfeitamente às telas do dispositivo e, posteriormente, a criar uma perspectiva sem quadro em tela cheia.

À medida que os fabricantes de dispositivos continuam essa tendência no 2019, esperamos que as interfaces de usuário reduzam progressivamente as arestas vivas da antiga geração para designs suaves, arredondados e sem moldura.

Micro-animações

Eles são sutis e podem parecer insignificantes às vezes. Mas, a simples verdade é que as micro-animações em UIs provaram ser extremamente poderosas para envolver e ajudar os usuários à medida que navegam.

Você viu esses botões que mudam de cor quando você rola ou clica neles? Você definitivamente também se deparou com layouts de menu que aparecem para exibir opções adicionais assim que o ponteiro pousar sobre eles. Bem, todos eles são exemplos de micro-animações que criam pequenos efeitos visuais para enriquecer a experiência do usuário.

micro-animações

Como os elementos em movimento são particularmente eficazes na captura de atenção, muitos designers já os estão alavancando para direcionar os usuários para vários pontos de conversão. Esta tendência é tão prevalente agora que eu estaria disposto a apostar uma fortuna que você não pode encontrar mais de cinco sites que ainda não implementaram alguma forma de micro-animações.

Então pegue isso. Todos os navegadores dominantes atualmente suportam micro-animações satisfatoriamente bem no PC e no celular. Então, eu diria que a tendência está aqui para ficar, enquanto nos aproximamos das interfaces de usuário do 2019-expect, com hierarquias visuais sistematicamente estruturadas.

Conclusão

No geral, cobrimos apenas algumas das tendências mais notáveis. Nós estamos fadados a ver coisas mais interessantes surgindo com o passar do tempo, e não podemos esperar que o 2019 dê o pontapé inicial.

Dito isso, o que você acha que pode ser a tendência mais impactante de design da interface do usuário? E que outras tendências notáveis ​​você acrescentaria a essa lista?

imagem de cabeçalho cortesia de Walid Beno

Bogdan Rancea

Bogdan é um membro fundador da Inspired Mag, acumulando quase 6 anos de experiência neste período. Em seu tempo livre, ele gosta de estudar música clássica e explorar artes visuais. Ele é muito obcecado com fixies também. Ele é dono do 5 já.