Design Antecipatório: Como criar experiências de usuário mágicas

Publicados: 2022-03-11

Esta manhã a música “This Magic Moment” dos The Drifters surgiu na minha cabeça sem motivo aparente.

Essas redes neurais inquietas em nossos cérebros fazem coisas engraçadas. Eles fazem com que pensamentos e conceitos aparentemente desconexos e desconexos se conectem.

Dando um tapa na testa, disse a mim mesmo: “Mas, claro…”

Recentemente tenho pensado naqueles momentos mágicos em UX que acontecem quando estamos interagindo com nossos dispositivos ou serviços digitais. Encontramos momentos perfeitos, quando tudo se encaixa, exatamente da maneira certa, na hora certa, como se fosse mágica. Pode ser no seu banco, no seu carro, em uma máquina de venda automática ou no seu telefone.

Acredito que a era do design antecipatório está aqui, ou pelo menos ao nosso alcance.

Nossas GUIs limitadas estão mudando como resultado da evolução das tecnologias e métodos de entrada. É uma evolução orgânica e natural –– já consideramos natural falar com nossos dispositivos!

Por exemplo, enquanto dirigimos, podemos dizer: “Disque Anna”. Pedimos à Siri para iniciar um cronômetro ou sobre os filmes que estão sendo reproduzidos nas proximidades. E pedimos ao Alexa para tocar música ou pedir nosso café. No entanto, as metáforas e elementos gráficos estabelecidos há mais de quatro décadas não mudaram muito.

O passado

Considere que a GUI original do Xerox PARC tem 44 anos, mas nossas interfaces de usuário ainda se parecem notavelmente com ela.

Estação de trabalho estrela de design antecipado-Xerox, uma das primeiras GUIs
A estação de trabalho Xerox Star introduziu o primeiro sistema operacional de interface gráfica do usuário (GUI) comercial em 1973

Hoje, ainda estamos olhando para telas bidimensionais e usamos principalmente teclados e mouses para entrada; dispositivos projetados para métodos de interação que foram otimizados para computadores, não humanos.

As máquinas com as quais interagimos – laptops, desktops, tablets, celulares, máquinas de venda automática etc. – ainda são projetadas e construídas com modelos mentais e tecnologias que são sistemas legados do passado.

É como se estivéssemos usando modelos de interação da era dos Flintstones no mundo dos Jetsons; eles ainda contam com muita interação dos usuários (entrada) para passar para a próxima etapa e exibir informações úteis (saída).

O que é design antecipatório no design da experiência do usuário

O que é design antecipatório?

A aplicação do design antecipatório é mais importante do que nunca para que os negócios digitais simplifiquem e facilitem o curso de nossas vidas digitais.

Diante disso, o que é design antecipatório?

É saída, sem muita necessidade de entrada. Trata-se de alavancar escolhas passadas para prever decisões futuras.

Um mundo onde nossas máquinas de computação são projetadas para métodos de interação otimizados para humanos, não para computadores. Um mundo digital onde passamos da intenção do usuário que é determinística para probabilística.

Aaron Shapiro, da Huge, define o design antecipatório como um método de simplificar processos, respondendo às necessidades um passo à frente das decisões do usuário, ou seja, respondendo às necessidades do usuário que ainda não foram expressas.

Design antecipado de reserva de viagem

O design antecipado em sua melhor forma vai muito além da personalização.

Por exemplo, a Netflix mostrando a você filmes para assistir com base em suas preferências e histórico de gosto é personalização. Com design antecipado, a interface realmente muda no momento em que você interage com um aplicativo.

Personalização da interface do usuário Netlfix para aumentar a experiência do usuário
A Netflix é um exemplo de personalização. Não projeto antecipatório.

O design antecipado significaria - no caso de compras on-line, por exemplo - que o sistema conheceria e personalizaria a experiência do usuário a ponto de parecer uma mão mágica guiando sua experiência. Na verdade, mudaria a interface do usuário rapidamente, eliminaria qualquer informação irrelevante e apresentaria apenas as opções mais relevantes de maneira oportuna, simples e eficiente.

Isso não é muito difícil de realizar hoje.

Digamos que alguém está comprando uma guitarra muito cara no guitarcenter.com. No checkout, o site apresentaria automaticamente “Enviar para a loja para retirada” como uma opção padrão porque sabe, observando o comportamento passado de outros usuários, comprando guitarras caras, que eles prefeririam buscá-lo na loja mais próxima. -loja de argamassa.

Para outro exemplo, vamos fingir que você está comprando uma camisa na Amazon.

A Amazon já personaliza uma série de coisas para você e deve saber suas preferências de tamanho e cor, já que você comprou camisas no site antes.

Ao acessar a página de detalhes do produto, ele pode pré-selecionar seu tamanho e mostrar primeiro as camisas azul-marinho, branca e xadrez, enfatizar as rosa e amarelas e não forçá-lo a selecionar seu tamanho todas as vezes.

Por quê?

A promessa do design antecipatório é a eliminação do atrito e um aumento na eficiência que melhoraria muito as experiências do usuário e, por sua vez, impactaria o resultado final. As pessoas retornam aos produtos e serviços que entregam o que querem quando querem.

Nossas interações diárias com sistemas digitais atingiram uma escala sem precedentes. No entanto, muitas dessas interações são sufocadas por atritos e sentimentos subsequentes de frustração.

Design antecipado da experiência de compra da Amazon

Há uma necessidade real de customização e personalização em uma escala maior que encante os usuários e simplifique suas vidas.

Pegue as máquinas de bilhetes de transporte self-service, onde os passageiros podem reabastecer os cartões de passageiros.

Eles ainda são projetados para serem burros – impulsionados pela entrada do usuário em que todos são levados pela mesma variedade frustrante de opções.

Pode-se facilmente imaginar um sistema muito melhor e mais personalizado, onde o histórico de recargas poderia ser armazenado em seu cartão.

Em vez de inúmeras solicitações de entrada: selecione esta opção primeiro, depois selecione esta outra opção, e assim por diante, toda a interação poderia começar com você inserindo o cartão que você sempre recarrega e o sistema imediatamente exibiria: “Olá, você gostaria de recarregar este cartão com $20, usando seu Mastercard?”

O próximo passo seria pagar e ir.

Isso reduziria o tempo necessário para reabastecer os cartões em pelo menos 75%, aumentaria a eficiência, movimentaria as pessoas mais rapidamente e, posteriormente, as deixaria mais satisfeitas.

Isso já é possível, mas não conheço nenhuma máquina de venda de bilhetes que faça isso.

Projeto antecipado do terminal de bilhética MTA
Uma interface de usuário “burra” que requer muita entrada versus uma que é antecipatória.

Interfaces do futuro.

Quando a IA se tornar mais difundida, um grau mais alto de personalização permitirá um nível mais alto de design antecipado.

Com base em todos os tipos de rastreamento comportamental autorizado pelo usuário – históricos de compras, preferências, etc., o sistema o reconheceria e, com um alto grau de certeza, preveria qual seria sua próxima escolha.

A falta de projeto antecipado é surpreendente, uma vez que existem tecnologias hoje que tornariam isso não tão desafiador.

Algumas empresas já estão praticando formas iniciais de design antecipatório. Dois exemplos são o Google Now e o Uber.

Google agora

O aplicativo Google Now é uma das evoluções mais ambiciosas do software de busca do Google. A ideia é simples — preveja o que você quer ou precisa saber antes de saber que precisa ou quer, e apresente-o em um formato baseado em cartão de fácil leitura.

Os recursos de mineração de dados do Google são inigualáveis. Ele sabe quem você é e pode exibir cartões com informações personalizadas e com reconhecimento de local, como eventos do calendário, clima local, notícias, preços de ações, voos, cartões de embarque, hotéis, locais para fotos nas proximidades e muito mais. Ele também informa quanto tempo você levará para chegar em casa do trabalho, com base nas condições atuais do trânsito.

Se o Google achar que você não precisa de algo no momento, ele não será exibido. É a personificação do design antecipatório.

Design antecipado dos aplicativos do Google Now

Uber

No aplicativo Uber, quando você faz uma viagem para algum lugar, ele fornecerá um botão de retorno em um lançamento subsequente do aplicativo, porque há 90% de chance de você querer retornar ao seu destino original. Não há necessidade de especificar locais de coleta e entrega. Brilhante.

Design antecipado do aplicativo móvel Uber
O aplicativo Uber oferece aos usuários um atalho rápido para “Retornar” quando é lançado logo após a conclusão de uma viagem

Os tempos estão mudando'

As coisas estão evoluindo para métodos de interação natural.

Em um futuro não muito distante, nossa contribuição será mais fácil.

Teremos realidade aumentada e virtual com métodos de interação, como voz, rastreamento de gestos, rastreamento de olhos e fala. O Google já está trabalhando nisso. Chama-se Projeto Soli.

Métodos de design antecipado, auxiliados por IA e aprendizado de máquina, fornecerão experiências em um nível totalmente melhor.

VR e design antecipatório

Como podemos trazer o design antecipatório em jogo?

Não há varinha mágica, proferindo “abracadabra”, então como projetamos para esses momentos mágicos agora? Quais são os passos que podemos tomar hoje para entregar esses momentos mágicos, usando o design antecipatório?

Design antecipado e design emocional do aplicativo Metromile
Algoritmos sofisticados e personalizados em funcionamento na Metromile criam uma sensação de antecipação e incrivelmente útil para os clientes - neste caso, evitando multas de estacionamento.

Até que tenhamos algoritmos preditivos incrivelmente sofisticados, IA totalmente desenvolvida e aprendizado de máquina, as empresas podem explorar os dados existentes para oportunidades de personalização, reduzindo possíveis pontos problemáticos e barreiras.

Eles também podem envolver totalmente o processo de design centrado no usuário, empregar pesquisas profundas, testes extensivos de usuários e usar ferramentas, como uma biblioteca de software de código aberto, para inteligência de máquina, como o Tensorflow.

Uma pesquisa profunda nos dirá muito – talvez observação contextual ou estudos etnográficos – onde podemos observar o que os usuários estão inclinados a fazer a cada momento em seu fluxo. Poderíamos mapear essas jornadas do usuário passo a passo e projetar a interação de acordo.

O resultado ideal da aplicação de tal mineração de dados e personalização, juntamente com métodos de design centrados no usuário, criaria experiências antecipadas fluidas e contínuas que agradariam os clientes e gerariam lealdade ao fazer as coisas parecerem mágicas.

Isso avançaria o estado da arte da experiência do usuário e criaria uma situação vantajosa para empresas e usuários, oferecendo uma satisfação mais profunda do cliente que impactaria positivamente o resultado final.

• • •

Leia mais no Blog Toptal Design:

  • eCommerce UX – Uma visão geral das melhores práticas (com infográfico)
  • A Importância do Design Centrado no Homem no Design de Produto
  • Os melhores portfólios de UX Designer – Estudos de caso e exemplos inspiradores
  • Princípios heurísticos para interfaces móveis
  • Como fazer a transição de UX Designer para UX Consultant