Retrospectiva de tendências de design de UX 2019

"Criatividade requer coragem." – Henri Matisse

A batalha por nossa atenção é maior do que nunca, pois o conteúdo digital rico disputa milhões de globos oculares. Com as distrações desenfreadas, podemos estar chegando ao que é chamado de “pico de crise cognitiva”. Imagens, vídeos, textos, ilustrações, animações e podcasts sobrecarregam nossos sentidos com postagens patrocinadas, notícias falsas, fotos das férias de nossos amigos, Austrália em chamas, a cidade de Veneza inundada e o presságio da guerra, tudo em menos de mais de 10 segundos enquanto percorremos um feed de rede social.

Por meio dessa tempestade – milhões de distrações, todas competindo por nossa atenção – as tendências de design surgem por meio de inovação e experimentação. As tendências normalmente se formam porque uma mente criativa imaginou algo, criou, as pessoas gostaram e se espalhou. Algumas tendências têm vida útil curta, algumas permanecem por mais tempo e algumas são recicladas em algumas décadas - veja o retorno da moda dos anos 60 e dos discos de vinil com a Geração Z. As tendências aparecem em muitas áreas e disciplinas: da moda ao cabelo, da comida aos carros, da arquitetura ao design e até mesmo à política.

As tendências nascem da criatividade e da experimentação ousada. Em 1960, quando Margaret Vinci, campeã de penteados, foi incentivada pelo editor da revista Modern Beauty Salon a fazer “algo realmente diferente” que definiria a próxima década, ela surgiu com o penteado colméia. Ele se espalhou como um incêndio e se tornou uma tendência quente ao longo dos anos 60. A colmeia de Audrey Hepburn, que ela apresentou lindamente no filme clássico “Breakfast at Tiffany's”, é um dos exemplos mais icônicos, assim como a visão desgrenhada de Brigitte Bardot.

Tal como acontece com muitas inovações, os designers desfilam suas criações recém-cunhadas e cuidadosamente elaboradas em várias mídias para testá-las e exibi-las. Alguns designs de UX são esforços genuínos para fazer as coisas parecerem e funcionarem melhor. Alguns são projetos de vaidade projetados para exaltar o designer e tê-los declarados semideuses do design com 10.000 curtidas no Dribbble - mesmo que apenas por um breve pontinho no radar.

Na caótica infinidade de opções, alguns designs são descartados e outros são mantidos e se transformam em uma tendência de design de UX – não apenas com os consumidores, mas também com os colegas. Os colegas respondem com um polegar para cima ou um polegar para baixo: Oooh, eu gosto disso. Parece ótimo. Faz as coisas funcionarem melhor. Eu gosto desse estilo. Ou meh, não funciona para mim… Às vezes, vencidos por sintomas de FOMO (Fear Of Missing Out), outros designers entram na onda, transmitindo: Olha, eu sou moderno, moderno e contemporâneo também! e eu estou com os tempos, confira, esta é a última coisa.

A imitação é a forma mais sincera de lisonja que a mediocridade pode pagar à grandeza. Oscar Wilde

Alguns designers de UX podem resistir às tendências de design porque não querem ser vistos como seguidores. Alguns rejeitam as tendências de design, descartando-as como moda passageira, e se apegam aos princípios do bom design. Pegue os “para sempre minimalistas”, que são inimigos jurados de qualquer coisa maximalista. Mas designers dissidentes devem perceber que cada estilo e tendência tem seu lugar no mundo. É quando a tendência errada é usada na hora errada, na mídia errada, no contexto errado, que o caos acontece e as pessoas se encolhem.

Inspirar-se nas tendências de design pode ser útil de outras maneiras. Quando o temido bloqueio criativo paralisa os designers, inspirar-se nas tendências do design pode ajudar a superá-lo. Não há nada de errado em buscar novas fontes de inspiração, desde que isso não leve à imitação irracional. Ser inspirado por uma tendência de design específica é um aceno para seu criador, reconhecendo que funciona, e o que funciona em breve se tornará uma prática recomendada, uma convenção e um padrão de design estabelecido.

Vamos olhar para as tendências de design de UX de 2019 e destacar uma dúzia de tendências significativas.

Tendência UX do ano de 2019: ilustrações em todos os lugares

Nos últimos dois anos, ilustrações extravagantes têm se infiltrado no mundo do design digital, mas foram impulsionadas para a vanguarda em 2019. A tendência é impulsionada pelo desejo de uma sensibilidade orgânica nos visuais e um afastamento do frio, digital, “ visual tecnológico.” O movimento une forças com o recente retorno da mídia analógica – discos de vinil, roupas vintage, impressão tipográfica – coisas que são feitas de matérias-primas reais. As pessoas anseiam pelo tangível – coisas naturais, orgânicas e sensatas.

Imagens de banco de imagens e ilustrações de banco de imagens estão esgotadas . De ilustrações digitais caprichosas a esboços de carvão em preto e branco, qualquer coisa com uma sensação orgânica está no . Ilustrações isométricas estão na moda, e nenhum skeuomorphism é permitido. Trata-se de ilustrações personalizadas de aparência orgânica em sites e aplicativos, mesmo para botões e ícones.

Se os designers puderem introduzir um pouco de movimento na ilustração, melhor ainda. A animação sutil e lenta adiciona um elemento interessante a uma ilustração estática, tornando-a viva.

Ilustrações, especialmente para sequências de integração, também fizeram incursões no design de UX móvel.

Misturar tendências não é incomum. As páginas de destino inventivas apresentam animações multimídia acionadas por rolagem, paralaxe, que às vezes combinam ilustrações animadas com planos de fundo em movimento, tipografia, fotos e vídeo.

Let's Go Dark: Dark Mode/Dark Themes

Devido à crescente popularidade dos temas sombrios, mais e mais designs digitais estão se movendo para o “lado sombrio”. O novo modo escuro legal invadiu várias plataformas: sistemas operacionais, TVs, dispositivos móveis e a web. A Apple alimentou a mania do modo escuro com a interface do usuário da TV, depois com o Mac OS Mojave e, finalmente, com o iOS 13 e seu novo iPadOS. As UIs de tema escuro têm várias vantagens: são agradáveis ​​aos olhos, podem ser mais elegantes e elegantes e economizam a vida útil da bateria.

No entanto, os designers devem ter cuidado se optarem por andar no lado escuro. A paleta de cores utilizável pode ser limitada e a combinação errada de cores pode ser uma tortura para os olhos. Além disso, surgem todos os tipos de problemas de usabilidade, principalmente relacionados à digitalização, legibilidade e contraste. Os designers de UX precisam garantir que haja contraste suficiente entre os elementos da interface do usuário, como botões, texto e plano de fundo. O contexto de uso, ou seja, o ambiente de visualização deve ser considerado, bem como o dispositivo no qual a interface do usuário do tema escuro provavelmente será visualizada.

Minimalismo/Maximalismo

Grandes produtos realizam mais com menos. O minimalismo como uma tendência de design de UX é popular, conforme indicado pelas últimas tendências de design de aplicativos para web e dispositivos móveis. A garota-propaganda do minimalismo, a Apple tem sido sua proponente mais influente e poderosa. Dando um aceno para a ideologia do ícone do design Dieter Rams e o poder do “design saliente”, os designs de hardware e software orientados pelo minimalismo da Apple são nada menos que excepcionais. Tomando uma página do manual da Apple, os designers de UX há muito enfatizam a importância de reduzir o design digital ao mínimo, dando às pessoas apenas o essencial absoluto necessário para realizar uma tarefa.

Os fãs do minimalismo reconhecem que os recursos cognitivos das pessoas são limitados, assim como sua capacidade de processar e compreender a complexidade informacional. As pessoas não conseguem captar todas as nuances dos estímulos necessários para atribuir seu significado completo. A informação saliente é o que mais provavelmente atrairá a atenção em uma determinada situação, bem como terá a influência mais significativa sobre como os estímulos serão percebidos.

“Criatividade é a capacidade de assumir riscos. Para realmente se colocar na linha e arriscar ser ridicularizado, ser ridicularizado, criticado, seja o que for. Mas... você deve correr esse risco. - Picada

A antítese do minimalismo esparso e frio, o maximalismo é um movimento de design de alto risco e alta recompensa que requer compromisso e um salto de fé. Designers de UX subversivos e rebeldes – “hippies de design” da contracultura – recorrem ao maximalismo para serem grandes, barulhentos e causar impacto. Mas a aspiração de se destacar da paisagem dos minimalistas conformistas não é isenta de riscos. O maximalismo pode dar um soco, mas também pode sair pela culatra. É apenas para os audaciosamente ousados ​​que estão dispostos a arriscar tudo e ocasionalmente cair em chamas.

Maximalistas acreditam que a mente adora estímulos. Às vezes beirando o bizarro, as camadas de cores, texturas e padrões do maximalismo gritam por atenção, seu manifesto declara: “não seremos ignorados!” O design maximalista toca muitas facetas do design: design gráfico, web design, design móvel, design de interiores, moda, arquitetura e muito mais - é uma maneira de os designers estimularem e encantarem.

Neumorfismo

Os designers criaram o neumorfismo com o desejo de permanecer com uma sensibilidade minimalista, mas combinando o melhor do skeuomorfismo e do design de materiais. O esqueuomorfismo era um pouco demais - tentando imitar objetos no mundo real - e o design do material era muito plano. Neumorfismo está em algum lugar no meio. No entanto, por mais emocionante que pareça na superfície, essa tendência de design de UX pode ter vida curta, de acordo com alguns detratores.

O neumorfismo permite "designs limpos", sem cor - que normalmente é usado para significar elementos em uma interface do usuário - e, em vez disso, a técnica usa uma sombra suave levemente elevada ou recuada para separar os componentes da interface do usuário. Tal como acontece com muitas tendências, as tendências de design também podem ser misturadas, e os designers podem criar “gumbos de tendências de design”, uma mistura emocionante dos sabores mais recentes. Por exemplo, o neumorfismo pode ser combinado com outras tendências, como UIs de tema escuro.

Microinterações significativas

“Os detalhes não são os detalhes. Eles fazem o design.” -Charles Eames.

São todos os pequenos detalhes que transformam um bom produto digital em um ótimo. Dan Saffer, autor do livro Microinteractions, define microinterações como “momentos de produtos contidos que giram em torno de um único caso de uso – eles têm uma tarefa principal”. Além da estética, microinterações bem executadas e suaves podem dar origem ao encantamento das pessoas nos momentos de interação. As microinterações são sobre os detalhes críticos que fazem a diferença entre uma experiência amigável e uma frustrante.

As microinterações não se destinam exclusivamente a aplicativos móveis; eles também podem ser projetados para sites, aplicativos de desktop e aplicativos da web (SaaS). Os designers, porém, tomem cuidado, assim como a tendência do tema escuro, tomem cuidado. Muito no lugar errado pode sair pela culatra e arruinar a experiência do usuário; portanto, a consideração prudente de quanto e em que contexto fornecê-lo é vital.

Mais interações por gestos no celular

Procurar por pistas de interface e tocar em ícones tornou-se um não-não no celular. As pessoas esperam cada vez mais que vários elementos de interface do usuário em dispositivos móveis possam ser deslizados, o que está se tornando uma prática recomendada para design móvel. Ele fornece melhor UX porque as pessoas podem realizar gestos de maneira imprecisa. Por exemplo, deslizar o dedo é mais rápido e fácil do que encontrar e tocar em um ícone para fechar um cartão. Na maioria dos casos, ambas as opções de interação são fornecidas.

Para interações móveis menores, como compartilhar, salvar, preferências, aumentar o zoom de uma imagem ou assistir a um vídeo em um feed social, cartões em camadas e deslizantes estão sendo usados ​​cada vez mais. No iOS 13 mais recente da Apple, a modalidade de cartão em camadas é amplamente usada em seus aplicativos nativos. Outros aplicativos também estão aproveitando essa técnica de interação móvel natural e rápida.

A visualização 3D traz uma sensação do mundo real aos produtos

A fotografia sofisticada e sofisticada é cara, e as fotos de banco de imagens estão esgotadas . As visualizações 3D estão no formato . Quando os objetos são renderizados em 3D, é quase concebível que eles estejam ali para serem tocados. Tudo, desde versões digitais de produtos para comércio eletrônico e conceitos de embalagens de produtos até visualizações de design de interiores e plantas de escritórios isométricas, o 3D ajuda as pessoas a visualizar como algo seria. Ao contrário da fotografia, as imagens renderizadas em 3D podem ser alteradas instantaneamente para um esquema de cores alternativo, dimensionadas e colocadas em um ambiente diferente.

Interações de voz

O nível de conforto das pessoas com interações de voz está crescendo. Falamos com objetos inanimados e eles nos respondem. Não é apenas quando nossas mãos estão cheias, sujas ou dirigindo que usamos interações de voz em nossos celulares. Mais e mais pessoas pesquisam com sua voz, ditam mensagens de texto e tocam música por meio de comandos de voz.

Ganhando mais aceitação com o mainstream, conversamos com os assistentes de voz digital Alexa, Cortana, Google Assistant e Siri para obter informações sobre viagens e clima, fazer compras e pedir uma carona. Juntamente com os populares assistentes de voz, a capacidade de usar interações de voz é cada vez mais incorporada em vários dispositivos e aplicativos. Uma pesquisa recente descobriu que a razão pela qual as pessoas gostam de usar suas vozes para interagir é porque é rápido, preciso e não requer digitação; em outras palavras, reduz o atrito e fornece melhor UX.

UIs de conversação e chatbots

As páginas de destino tradicionais com grandes imagens de herói, botões, links e formulários estão gradualmente dando lugar a um dos padrões de interação mais intuitivos e naturais - a conversa. As UIs de conversação proporcionam uma experiência agradável, mais personalizada e sem atritos.

Normalmente, os chatbots são plataformas de inteligência artificial que usam mensagens instantâneas como interface do aplicativo. Em vez de sobrecarregar os usuários solicitando que eles preencham formulários, os chatbots aliviam esse fardo tornando a interação mais natural e conversacional. Alguns bots não são IA, mas seres humanos reais interagindo via chat para fornecer experiências de usuário mais atraentes.

Mesmo que o tempo que algo leva seja o mesmo – para completar uma reserva de viagem, por exemplo – porque a interação é conversacional e dividida em partes, a tensão cognitiva é reduzida e a experiência do usuário melhorada.

Animações acionadas por rolagem contam histórias, vendem produtos e serviços

A renderização 3D de produtos de alta qualidade e super close-up está se tornando a última moda quando se trata de vender produtos na web. Animações acionadas por rolagem, focadas em marketing de estilo de vida, contam histórias cinematográficas atraentes com visuais impressionantes. Muitas vezes combinando animação stop-motion, fotografia e vídeo com tipografia elegante, eles são projetados para envolver e atrair as pessoas.

Concentrando-se em experiências únicas de visitantes que são mais cativantes do que as páginas estáticas que as pessoas navegam à moda antiga, várias empresas de serviços também estão usando a tendência UX de animação acionada por rolagem para vender tudo, desde serviços criativos a design digital e branding.

Sites de mídia mista com tipografia forte

Nos últimos anos, a web ganhou vida com páginas multimídia repletas de vídeos de reprodução automática, GIFs animados, animações 3D e ilustrações animadas acionadas por rolagem. Juntamente com a tipografia barulhenta e a rolagem de paralaxe, parece que tudo, menos a pia da cozinha, foi lançado - mas se bem feito com alguma restrição e em um estilo sofisticado, eles certamente atrairão a atenção dos visitantes. As experiências não são mais projetadas para serem lineares, mas ricas e envolventes.

O comércio eletrônico ganha vida com 3D, AR e movimento

Comprar no mundo físico é uma experiência tátil. Estudos mostraram que vídeo ou animação 3D nas páginas de produtos do site de comércio eletrônico tendem a vender mais produtos porque as pessoas podem ter uma noção melhor deles. Produtos inseridos na vida real por meio de realidade aumentada (AR) também tendem a funcionar melhor porque as pessoas podem “experimentá-los” ou colocar os produtos em ambientes da vida real. À medida que as conexões de internet rápidas aumentam e os navegadores melhoram na renderização de todos os tipos de conteúdo multimídia, essas tendências de UX de comércio eletrônico devem continuar.

As tendências de design de UX selecionadas estão aqui para ficar

Embora acompanhar as últimas tendências de UX possa ser uma armadilha se não for feito com sensatez, manter-se a par do que é atual é crucial. Fazer isso pode ajudar um designer de UX a se tornar ou permanecer na vanguarda. As tendências de design de UX podem impulsionar os esforços dos designers de UX para atender às altas expectativas das pessoas porque, na maioria dos casos, elas foram filtradas por meio de experimentos de design de UX e comprovadamente funcionam.

A cada ano, surgem novas tendências de design de UX. Alguns se tornarão populares, e alguns diminuirão e eventualmente desaparecerão. Por meio de um processo de eliminação implacável, apenas os mais úteis e duráveis ​​sobreviverão, o que é ótimo para o avanço da arte e da ciência de projetar experiências de usuário excepcionais.

• • •

Leia mais no Blog Toptal Design:

• Olhando para o futuro – tendências de design de 2020
• As leis testadas e verdadeiras do UX (com infográfico)
• Domine as tendências de design quentes com estes tutoriais do Photoshop
• Tendências proeminentes de comércio eletrônico e sua influência no design (com infográfico)
• Todas as tendências valem a pena? Os 5 principais erros de UX mais comuns que os web designers cometem