Alterações na interface, animação em camadas e caos visual estruturado: uma revisão das tendências da web para 2019

A Internet é um fenômeno multifacetado. A dinâmica de seu desenvolvimento expande os limites usuais em todas as direções. Abordagens e elementos comprovados estão gradualmente dando lugar a novas formas mais eficazes de comunicação entre pessoas, marcas e tecnologias.

1 / Tecnologia

1.1 Aprendizado de máquina

Hoje todo mundo tem inteligência artificial nos lábios e, em primeiro lugar - aprendizado de máquina. A razão dessa demanda para essa classe de métodos é que, com essa abordagem, uma solução pode ser obtida não diretamente, mas através do treinamento em muitas tarefas específicas.


Sem aprendizado de máquina, o sucesso será muito difícil

Com a ajuda do aprendizado de máquina, você pode aumentar significativamente a eficiência de sites e aplicativos. No próximo ano, será muito mais fácil aplicar o reconhecimento de fala, rosto e imagem, processar dados de diagnóstico e prever resultados, analisar e classificar grandes quantidades de dados.

O aprendizado de máquina também se tornará uma das ferramentas de marketing mais populares, pois permite melhorar a comunicação entre usuários e marcas, selecionar conteúdo mais adequado aos interesses dos usuários, analisar o comportamento e prever ações futuras.

Traduzido para Alconost

1.2 Bots de bate-papo

Interfaces alternativas se espalharão em 2019, e a comunicação do usuário com tecnologias e marcas se tornará mais personalizada. Os chatbots fornecerão vários tipos de interação, que abrangerão todas as camadas de consumidores com uma variedade de recursos físicos e materiais .

Os usuários poderão receber informações, fazer perguntas e fazer compras através de um único bot de bate-papo que substituirá toda uma gama de serviços diferentes. Os robôs de aprendizado de máquina expandirão os recursos fornecidos aos usuários, simplificarão e agilizarão o trabalho com a interface .


Interação do usuário simulando comunicação com um consultor

O uso do componente emocional da comunicação oferece enormes benefícios. Cada vez mais, os usuários preferem não pressionar os botões, mas fazer perguntas ao bot, que conversa com eles com a voz de seu personagem favorito. A maneira como você interage com os aplicativos mudará e os consumidores começarão a preferir apenas essas interfaces atualizadas.

1.3 Carregamento da página

Nos últimos anos, o consumo de conteúdo de dispositivos móveis aumentou, de modo que o carregamento adaptativo rápido de sites em telefones se tornou um objetivo óbvio, e 2019 nos trará novas soluções nessa área.

Por exemplo, hoje a tecnologia AMP (páginas móveis aceleradas), promovida pelo Google, é bastante relevante. Permite aumentar a conversão do site quase duas vezes - devido ao carregamento mais rápido. O AMP é baseado em código aberto e as próprias páginas são armazenadas em cache no Google Cloud, o que acelera o carregamento. Essa tecnologia é usada por empresas como The Washington Post, Tesla, eBay, etc.

Existem outras maneiras de acelerar o carregamento da página: carregamento atrasado ( quatro variedades ), otimização de conteúdo e código, bem como sistemas de servidores distribuídos.


Exemplo de carregamento atrasado: Pinterest.

2 / Interfaces

2.1 Interação

O feedback visual se tornará uma parte ainda mais importante da interface - graças à tecnologia e à Internet de alta velocidade :). Em 2019, a interação adquirirá uma estrutura multicamada e passará a novos níveis de dinâmica, cor e som.

Para entender melhor como transmitir informações máximas usando animação em vários níveis, vamos analisar o exemplo do Shazam.



1. Microinteração: o aplicativo ouve música que soa ao lado do dispositivo.
2. Interação Micromini: a capacidade de ativar e desativar o reconhecimento de música pressionando o botão Shazam.
3. Nano-interação: o tamanho do botão Shazam muda em resposta à pressão, simulando uma interação real; a animação dos círculos internos responde aos sons das frequências graves, as externas a um timbre mais alto.
4. Interação de pico: o botão Shazam aumenta em vários pixels, "emitindo" ondas, e o ícone muda ligeiramente de tamanho, de acordo com o nível de baixas frequências.

A animação será incorporada mesmo na interface do usuário e nas ações. Ele se tornará uma parte distintiva da marca e se ajustará organicamente ao layout do site, atuando como um guia visual. Por exemplo, no site do Family Garden , o cursor faz parte do logotipo e interage ativamente com outros elementos da interface do usuário.


Como você pode ver, a animação do cursor em várias camadas implementada no site ajuda a informar efetivamente o usuário.

2.2 Interface de voz

Buscamos constantemente simplicidade e eficiência. No campo das tecnologias digitais, a navegação gráfica convencional nem sempre é suficiente, e uma das alternativas mais acessíveis é o controle de voz, que, no entanto, não será um substituto completo da interface familiar, mas apenas um intermediário entre o usuário e as principais funções do site. Para explicar por que isso acontece, darei alguns argumentos básicos.

Vantagens:

1. Simplicidade e velocidade. O controle por voz pode funcionar muito rapidamente: o usuário não precisa aprender a interface gráfica e aprender a usá-la para a finalidade a que se destina. As pessoas podem falar quase desde o nascimento - essa habilidade está muito bem desenvolvida em nosso país.

2. Conveniência. Se você prepara o jantar, dirige um carro, pinta uma foto ou toma um banho, nem sempre você tem a oportunidade de atender o telefone. Os comandos de voz nesses casos são uma ótima solução.

3. Capacidade de informação. Uma voz pode transmitir muito mais informações do que o texto impresso. O som expande o lado emocional da mensagem, graças às possibilidades expressivas de entonação, andamento e características características da voz.


Padrão de recuperação de arquivos do Dropbox para Brain.ai. O autor da imagem é Gleb Kuznetsov .

Desvantagens:

1. Baixo nível de confidencialidade. Poucas pessoas querem compartilhar informações pessoais com todos que estão por perto, portanto, em locais públicos, o uso de interfaces de voz ainda é muito inconveniente. Por vários anos, dispositivos que bloqueiam perfeitamente o som foram oferecidos no mercado, mas ainda não são muito populares.

2. O barulho. Haruki Murakami em seu livro "País das Maravilhas sem freios e o fim do mundo" descreveu claramente a realidade em que as pessoas aprenderam a desligar o barulho - em nome da preservação do tímpano. Hoje, é claro, isso é impossível, então dezenas de pessoas que dão comandos de voz transformam as ruas em enxames de abelhas bípedes.

3. irreversibilidade. O ditado "a palavra não é um pardal: voe para fora - você não vai pegar" permanece relevante. Não há botão "Cancelar" para voz, não é possível pressionar CTRL + Z aqui. Portanto, as interfaces de voz ainda estão longe do ideal em termos de implementação de funcionalidades mais universais.

2.3 Gestos

Outra alternativa para a interface gráfica são os gestos. Mais e mais elementos de navegação padrão serão substituídos por ações usando os recursos de telas sensíveis ao toque, o que permitirá ao usuário se concentrar no conteúdo.

A área ocupada pelo conteúdo mudará gradualmente para a parte superior da tela e os principais elementos da interface - para a parte inferior, pois esse é o local mais conveniente para o polegar. Gestos ajudarão a diversificar possíveis ações. Juntamente com as novas soluções de interface, elas substituirão gradualmente o ícone do menu, as setas e outros detalhes chatos.


A idéia de um aplicativo para uma rede social em que a navegação é parcialmente realizada por gestos.

O uso de gestos será um sinal de um produto de alto nível, pois isso requer uma implementação orgânica e uniforme, o que significa uma interação profundamente pensada com o usuário.

3 / Conteúdo

3.1 Em vez de texto - vídeo

No próximo ano, as alterações afetarão não apenas os métodos de entrega de conteúdo, mas também os tipos de conteúdo em si. O principal herói dessas mudanças será o conteúdo de vídeo: ele pisará com confiança nas posições habituais dos blocos de texto e foto , e a disponibilidade de tecnologias apropriadas tornará fácil e rápido a criação. O vídeo tem um potencial de informações muito mais amplo e profundo que o texto sem formatação.



Em muitos casos, é dada preferência ao arquivamento na forma de histórias em vídeo - como, por exemplo, na Biblioteca Pública de Nova York . Mesmo na plataforma de design do Dribbble, eles finalmente dominaram o download de vídeo :). Este formato com confiança encontra todos os novos nichos e não vai parar.

3.2 Gráficos 3D

A quantidade de conteúdo 3D também aumentará: os números volumétricos são mais naturais e as pessoas os percebem com mais facilidade.

Talvez no futuro, a linha entre a realidade e o ambiente digital seja gradualmente obscurecida e o mundo on-line também se torne volumoso. Por exemplo, hoje o conteúdo 3D é um catalisador para um segmento de comércio eletrônico em rápido crescimento, usando realidade aumentada - A-Commerce , onde as ações no mundo virtual substituem completamente o processo de compra na realidade.


A realidade aumentada está se tornando uma das ferramentas de marketing mais bem-sucedidas.

3.3 Personalização

A quantidade de conteúdo universal diminuirá. Publicações e notícias se tornarão mais personalizadas , e a maneira como são exibidas será determinada por novos algoritmos.
Para se destacar, as empresas terão que dedicar mais recursos ao planejamento e viralização de conteúdo, além de tornar os produtos anunciados mais atraentes para envolver os usuários na comunicação com as marcas.


Bom apetite, senhor.

3 / Componente visual

3.1 Cor

As tonalidades pastel naturais associadas à simpatia pelo ambiente permanecerão populares devido à tendência do consumo responsável (para obter mais detalhes, consulte a subseção abaixo). Atenção especial deve ser dada aos meios - tons : a qualidade das matrizes de exibição está crescendo rapidamente e isso possibilita enriquecer o componente visual do conteúdo.



Outra tendência da moda serão cores vivas e vibrantes nas combinações mais inimagináveis ​​que ajudarão a expressar uma ampla gama de emoções e impressões.

3.2 Arte

Segundo as estatísticas, uma imagem ilustrativa é sete vezes mais eficaz do que uma foto comum. As ilustrações permitem transmitir uma mensagem mais abstrata, alegoria, exagerar alguns dos detalhes e dar-lhes um novo significado - para que eles substituam a maioria das fotos. Além disso, esse conteúdo permite entreter o usuário e simplifica a percepção do material. As ilustrações ajudam a diluir informações chatas e muito complexas com várias emoções positivas.


Ilustrações no Assistente do Google.

Outra vantagem dos gráficos ilustrativos é que as empresas podem personalizar seu conteúdo e se expressar mesmo em detalhes. Na ilustração, é muito mais fácil tecer elementos de um estilo corporativo - isso atrai a atenção do usuário e o faz pensar .

3.3 Caos

Em geral, a aleatoriedade se tornará uma característica do estilo gráfico. Os elementos convencionais serão substituídos por elementos imprevisíveis, assimétricos e experimentais. Uma variedade de técnicas e formas gráficas só crescerá. Estilos, fontes e tons se tornarão muito mais dinâmicos, mas haverá consistência nessa dinâmica .

A combinação do incongruente se tornará ainda mais relevante. Nossa percepção é limitada pelas capacidades neurossensoriais do corpo humano, portanto, não funcionará para inventar uma nova cor, som ou sabor - no entanto, com a ajuda de combinações não triviais e ousadas de elementos existentes, podemos oferecer ao usuário algo novo.


Você pode aprender mais sobre o crescente estilo de brutalismo, por exemplo, aqui ou aqui .

4 / Psicologia

4.1 Consumo responsável

Essa tendência diz respeito a uma abordagem razoável ao consumo de recursos e à conscientização do impacto direto de nossas ações no futuro de todo o planeta. Essa visão de mundo se estende ao processo de tomada de decisão em escala familiar e faz com que todos os passos da cadeia de consumo sejam levados em consideração .



Os consumidores escolhem com maior frequência bens e serviços com valor social ou ambiental positivo. No caso de sites, você pode obter o efeito correspondente usando o estilo de apresentação do material, esquema de cores e fonte, bem como a apresentação de conteúdo de alta qualidade.

Um estilo de vida ponderado e ponderado, que também se tornará muito popular, anda de mãos dadas com o consumo consciente: as pessoas estão se tornando cada vez mais conscientes de que hoje, em condições de abundância completa, é importante não apenas encontrar tempo para tudo - você precisa evitar o estresse e manter o equilíbrio interno. Portanto, em resposta a problemas sociais e ambientais, serviços e produtos que serão associados a um estilo de vida “medido” se tornarão relevantes.

Pense nisso: com que frequência você pode se permitir parar e aproveitar o momento?

4.2 Retidão (separação de ações)

Ah, quantas coisas bonitas e interessantes eu quero colocar nas enormes telas de smartphones! Mas é claro que não farei isso. A rota mais fácil é sem virar becos desconhecidos, sem saídas da estrada principal e cruzamentos difíceis. No mundo da Internet, isso é chamado de navegação linear.


Quanto menos opções um usuário tiver, maior a probabilidade de ele dar o passo necessário.

Em cada tela, deve haver apenas uma ação principal - isso evitará dúvidas. Em 2019, o caminho do usuário se tornará mais simples e mais curto, porque o ritmo da vida está crescendo constantemente e começa a parecer que até o tempo está correndo mais rápido. Bem, não vamos ficar para trás! :)

4.3 Envolvimento e facilidade de retorno

Com que frequência você experimenta novos sites, serviços e aplicativos? E com que frequência você volta ao já conhecido, testado pelo tempo?

A introdução do produto deve ser o mais simples e rápida possível. Um registro longo e chato é extremamente cansativo para o usuário, porque é fácil obter informações básicas sobre ele a partir das fontes nas quais ele já o deixou.

Todos os dias, um grande número de produtos entra no mercado, e parar de usar uma solução antiga é algo comum. Portanto, é muito importante dar ao usuário a oportunidade de retornar com facilidade. Você não pode culpar o filho pródigo por uma longa ausência - você precisa que ele saiba que ele sempre foi esperado e encontre-o com algo interessante.


O retorno deve ser o mais rápido e fácil possível - como se nada tivesse acontecido.

Ambos os casos podem ser complementados por outro recurso - uma sensação de liberdade. Perguntas ao usuário sobre nacionalidade, gênero e idade se tornarão quase rudes. A seleção dos algoritmos apropriados de entrega de conteúdo será baseada nas ações e interesses reais do usuário, e não em estereótipos e preconceitos.

Informações Adicionais

Outro truque ajudará a conquistar o coração dos usuários - momentos repentinos de alegria.

Um elogio a uma pessoa quando ela não espera isso, surpresa ou elogio é uma ferramenta discreta, mas eficaz, para atrair e reter clientes. Qualquer recompensa é percebida como uma conquista, um troféu e traz alegria.

Dê alegria, praticidade e beleza - e fique na moda!



Sobre o tradutor

O artigo foi traduzido por Alconost.

A Alconost localiza jogos , aplicativos e sites em 70 idiomas. Tradutores em idioma nativo, teste linguístico, plataforma em nuvem com API, localização contínua, gerentes de projeto 24/7, qualquer formato de recursos de string.

Também criamos vídeos de publicidade e treinamento - para sites que vendem, imagem, publicidade, treinamento, teasers, exploradores, trailers do Google Play e da App Store.

→ Leia mais