Primeiras impressões – um guia para UX de integração

Publicados: 2022-03-11

Imagine acordar e de repente se encontrar nos controles da Estação Espacial Internacional. Você não tem ideia do que significa qualquer uma das luzes piscantes, ou para que servem os botões e interruptores – e você não tem ideia do que se espera que você faça.

É assim que os novos usuários do produto se sentem quando abrem seu aplicativo pela primeira vez. Ok, talvez seja um exagero, mas lançar uma nova ferramenta, aplicativo ou site para usuários sem orientação pode deixá-los se sentindo perdidos no espaço.

Sem UX de integração — O cockpit do ônibus espacial Endeavor pode ser a sensação do seu produto para novos usuários sem a integração do UX.

Com muita frequência, os designers esquecem que, embora estejam realizando pesquisas, mapeando fluxos e testando interfaces, os usuários não o fizeram. Um recém-chegado ao seu site ou aplicativo pode não saber como tudo funciona ou onde encontrar o que precisa, mesmo que pareça óbvio para o designer ou a equipe de produto.

Ao dar apoio e suporte aos seus usuários, você está ajudando a salvar seu usuário dessa sensação desesperada de confusão e frustração – e salvando seu aplicativo da lixeira.

O que é a integração do usuário?

A integração do usuário é uma série projetada de interações e/instruções que ajudam o usuário a se familiarizar com a experiência do produto. Pode ser tão simples quanto uma saudação e uma explicação ou tão complexo quanto uma série de tarefas guiadas para os usuários completarem. Contanto que você forneça a seus usuários uma rampa de acesso aos benefícios de seu produto, você os estará preparando para o sucesso.

Se você já abriu um novo aplicativo pela primeira vez e viu 2-3 séries de telas com frases curtas e amigáveis explicando para que serve o aplicativo, é mais do que provável que você se sinta um pouco familiarizado com o que esperar antes de você mesmo começar a usá-lo. Ou, se um novo aplicativo de mídia social o orientar na criação de uma conta, na configuração de preferências e na adição de alguns interesses para começar, você começará sua experiência a partir de alguns passos além de zero.

UX de integração do Hopper — A primeira experiência do usuário de Hopper é lançada com essa experiência amigável de integração do usuário que apresenta aos usuários a proposta de valor e como o aplicativo melhorará suas vidas.

A integração ajuda a dar aos usuários uma noção do que eles precisam fazer para obter o que precisam de um aplicativo ou produto. É uma forma de construir confiança e confiança com o seu usuário, o que não apenas os ajuda, mas é fundamental para uma melhor conversão e retenção para o seu negócio.

Por que a integração é tão importante?

As primeiras impressões são ásperas . Em média, quase um em cada quatro usuários abandonará um aplicativo móvel depois de usá-lo apenas uma vez . Ai. E uma vez que eles experimentaram seu aplicativo e saíram, eles se foram. É por isso que é absolutamente essencial oferecer aos usuários a experiência de integração do tamanho certo para o seu produto.

Embora possa haver inúmeras explicações que ilustrem cada caso individual, é altamente provável que os usuários que abandonaram pensaram que obteriam algo valioso do aplicativo e não ficaram imediatamente convencidos.

Quando um usuário dedica tempo e esforço para baixar um novo aplicativo, é altamente provável que ele espere que o produto melhore sua vida de alguma forma. Uma vez que eles abrem o aplicativo, é crucial que eles se sintam recompensados por sua fé no produto imediatamente, caso contrário, eles estão justificados em abandoná-lo para tentar outra coisa.

Twine usa vários padrões de UX integrados — A Twine usou a pesquisa para melhorar o UX de integração do usuário e reduzir significativamente sua taxa de desistência.

A plataforma de software de intranet Twine reduziu sua taxa de desistência de 65% em mais da metade, incorporando uma integração significativa em sua experiência. Eles aproveitaram uma abordagem multifacetada para criar uma primeira impressão mais rica para os visitantes, bem como tutoriais e integração progressiva.

A integração também aumenta a retenção de longo prazo. Adicionar recursos e ferramentas novos e interessantes ao seu produto ou serviço é ótimo, mas se as pessoas não souberem sobre eles ou como usá-los, eles não serão úteis para ninguém.

Por exemplo, a popular plataforma de compartilhamento de vídeo, Wistia, tinha alguns recursos de personalização muito legais que estavam sendo amplamente subutilizados por seus usuários. Depois de realizar uma cuidadosa pesquisa de usuários, eles introduziram um vídeo de instruções para familiarizar os usuários com esses recursos extras e viram um aumento enorme de 30% no uso.

A retenção de usuários e a fidelidade do cliente são fatores importantes para o sucesso da maioria dos aplicativos e serviços. A integração não deve ser uma reflexão tardia. Em vez disso, as equipes de produto devem considerá-lo em cada estágio do processo de desenvolvimento do produto. Considere contratar um especialista em UX de integração de usuários se ninguém na equipe tiver esse conhecimento específico.

Procura-se designers de UX freelancers em tempo integral nos EUA

Padrões e metodologias de integração de UX

Tipos de Integração

Há muitas maneiras de abordar a integração do usuário em um aplicativo ou produto digital. A maioria dos produtos emprega uma combinação de alguns padrões de integração para atender às necessidades de novos usuários e retê-los no futuro.

O passeio do níquel

Este é um padrão comum que é muito popular com aplicativos móveis. Depois que o usuário inicia um aplicativo pela primeira vez, ele é apresentado a algumas telas rápidas descrevendo o valor do aplicativo e/ou algumas noções básicas sobre como se locomover.

Esta introdução simples e estática serve como um tapete de boas-vindas para usuários prontos para uso. Nunca deve ser mais do que algumas frases curtas acompanhadas de gráficos simples – ninguém quer ler um longo manual de instruções.

O Slack usa as melhores práticas introdutórias de integração de UX — O aplicativo móvel Slack apresenta novos usuários com sua visão geral em quatro telas. O fluxo introdutório emprega as melhores práticas de integração, como pontos de progresso e uma opção óbvia de pular.

É uma prática recomendada fornecer uma indicação de progresso, bem como uma opção de sair ou pular para seus usuários. Dessa forma, eles vão entender o quanto de sua introdução eles deixaram para ler e não se sentirão presos.

Marcas de treinador, dicas de ferramentas e guias

Esse é outro método muito comum e de esforço relativamente baixo para integrar usuários desde o início e durante toda a experiência do produto.

As dicas de ferramentas são um dos padrões comuns de UX de integração — O Twine usa dicas de ferramentas e marcas de orientação para fazer um tour rápido pelo painel do usuário, sem sobrecarregá-los com instruções.

Dispositivos de interface do usuário simples que chamam a atenção para áreas de interação, botões ou localização de menus ajudam a alertar o usuário sobre elementos úteis em um aplicativo ou site. Eles são especialmente úteis em interfaces mais complexas, onde esses itens podem não ser imediatamente aparentes ou fáceis de entender.

As marcas de treinador são um dos padrões comuns de UX de integração — Quando projetei a interface para o configurador de sala 3D do Room Styler da Metrie, adicionei uma camada alternável de marcas de treinador e também as incorporei na tela de carregamento.

Embora esse tipo de padrão de integração anotado seja útil, tome cuidado para não exagerar e bombardear seu usuário com pequenas janelas de uma só vez. Descubra quando e onde dicas de ferramentas ou marcas de orientação seriam mais úteis. Guie os usuários para um elemento ou ação de cada vez e evite explicar muito do óbvio.

Conclusão de Tarefa Guiada

“O que temos que aprender a fazer, aprendemos fazendo.” — Aristóteles. Muitas vezes, a melhor maneira de algo ficar na mente de um usuário é que ele realmente o faça.

A conclusão de tarefa guiada é um método para solicitar que os usuários interajam com o produto em uma série de etapas. Isso é muito comum quando o produto deseja que os usuários criem uma conta e/ou definam alguns parâmetros de personalização desde o início.

Também é uma ótima oportunidade para ajudar os usuários a se familiarizarem imediatamente com os menus, controles e outros aspectos do seu produto. Além disso, ao ajudar o usuário a obter uma “vitória” antecipada, você também aumenta significativamente as chances de que ele queira usar o produto novamente.

Padrões de UX de integração do Basecamp — A primeira experiência do usuário para a plataforma de gerenciamento de equipe Basecamp orienta os usuários na conclusão de uma tarefa para se familiarizar com os recursos e capacidades do aplicativo.

Novamente, é uma boa ideia dar aos usuários a capacidade de pular esse tipo de integração quando possível. Para tarefas de criação de conta, veja se você pode criar uma experiência ignorável para testar as taxas de conclusão em um fluxo não ignorável para ver qual funciona melhor para seus usuários.

Quando integrar usuários

Decidir quais padrões de integração de UX usar em qual parte da experiência do produto é crucial para “dimensionar corretamente” o design da experiência do usuário de integração. Procure oportunidades em toda a jornada do usuário - desde o lançamento inicial até o uso contínuo - para ajudar seus usuários.

Integração fora da caixa

As primeiras impressões realmente importam e este é o momento mais crítico para acertar – você pode não ter uma segunda chance. Como foi destacado anteriormente, muitos usuários abandonam um aplicativo ou produto após a primeira vez que o abrem.

Integração do usuário como um padrão de design móvel de introdução amigável — O aplicativo de diário Dailyo lança sua primeira experiência de usuário com uma introdução amigável que explica seu valor para os usuários e dá dicas sobre como o usuário pode aproveitar ao máximo.

Aplique pesquisas de usuários e testes rigorosos de usuários para descobrir se a abordagem certa para o seu contexto é um tutorial de introdução rápida ou uma experiência guiada mais profunda para usuários iniciantes.

Integração progressiva

Essa técnica foi projetada para não deixar os usuários de fora depois de concluir o fluxo de integração pronto para uso. Há muitas oportunidades para você continuar ajudando, iluminando e encantando seus usuários. Pense nisso como nivelar seus usuários no design de jogos.

Integração de UX móvel do Duolingo — Sempre que um usuário selecionar um novo idioma para aprender, o Duolingo solicitará que ele indique seu nível de conhecimento e, em seguida, teste sua aptidão. Isso ajuda o usuário a evitar a frustração de superestimar suas habilidades e potencialmente desistir.

Certifique-se de incorporar padrões de integração em intervalos ao longo do relacionamento. Lembre um usuário de uma semana de concluir uma tarefa mais avançada que ele pode não ter percebido. Comemore marcos com notificações leves. Questione os usuários sobre a experiência deles algumas semanas depois para sinalizar que você se importa.

Integração de novos recursos

Isso é uma mistura de novos usuários e integração progressiva. Ao lançar um novo recurso ou fazer grandes alterações na experiência, informe aos usuários o que há de bom nele e como utilizá-lo.

Novo recurso de integração de padrões de UX do Facebook — Quando o Facebook introduziu um novo recurso em seu UX móvel, eles informaram os usuários com uma dica de ferramenta altamente visível. A dica de ferramenta permite que os usuários saibam como usar seu novo superpoder em uma mensagem simples.

Uma ótima maneira de destacar novos recursos é por meio do uso de dicas de ferramentas e marcas de orientação, que ajudam a direcionar a atenção do usuário para a localização dos novos superpoderes do aplicativo.

Práticas recomendadas e dicas de integração de UX

Entenda seu usuário

O estilo de integração de um novo produto na vanguarda da tecnologia provavelmente será diferente de algo familiar, como um calendário ou um aplicativo de anotações. Observe as personas que a equipe desenvolveu e decida o que faz sentido para elas. Dimensione corretamente a experiência de integração entendendo o usuário e adapte a experiência de integração do usuário às personas de destino.

Descubra e aproveite os modelos mentais existentes de seus usuários para ajudar a preencher quaisquer lacunas no que eles esperam de seu aplicativo ou site. Saiba em quais significados seu design pode confiar versus inovações que podem ser confusas à primeira vista.

A pesquisa de usuários ajudará sua equipe a criar empatia com seu público principal. À medida que você cria seu produto, testes frequentes de usuários e análises de usabilidade ajudarão sua equipe não apenas a fazer melhorias no design geral, mas também informarão em quais áreas se concentrar com a integração do usuário.

Equilibre a pesquisa qualitativa do usuário com métricas que ajudarão a esclarecer problemas em sua experiência de integração. Por exemplo, se você notar um abandono significativo durante uma experiência de integração de configuração de preferências, verifique com seus usuários. Talvez a experiência seja muito pesada ou muito pessoal; talvez eles queiram chegar às coisas boas mais cedo e você pode fazer ajustes no fluxo.

Vincule a integração ao valor para o usuário

Seu UX de integração pronto para uso deve se concentrar em levar o usuário a um momento incrível de satisfação da maneira mais perfeita possível. Identifique a proposta de valor central para o seu usuário e encontre uma maneira de comunicar isso primeiro.

Use a integração de introdução de benefícios para lembrar aos usuários por que seu aplicativo ou serviço é o melhor para atender a uma necessidade específica. Se o seu fluxo de integração envolver personalização, explique aos usuários por que você está fazendo perguntas sobre suas preferências pessoais ou situação e como isso melhorará a experiência deles.

Integração de UX móvel do Inbox — O Inbox by Gmail tem uma longa introdução ao UX de integração, mas cada caso destaca como sua funcionalidade facilitará a vida do usuário.

A integração ou instrução que não está imediatamente vinculada ao valor para o usuário, como um recurso simples, mas não crítico, pode ser introduzida posteriormente no aplicativo ou por meio de uma integração de toque mais leve. É bom informar os usuários sobre extras, mas se não for essencial para a experiência principal, não é tão importante para a introdução.

Torne-o rápido e indolor

“A principal coisa que você precisa saber sobre as instruções é que ninguém vai lê-las – pelo menos não até que repetidas tentativas de 'desarrumar' tenham falhado.”

― Steve Krug, Não Me Faça Pensar.

Embora você não queira prender seu usuário em um campo inexplicável de botões e alternâncias confusos, você também não deseja forçá-los a seguir instruções de várias etapas que parecem trabalho. Alguém ainda abre manuais de instruções?

Morningstar viola as melhores práticas de integração de UX — Alguém teria tempo para ler todas essas instruções – quanto mais para se lembrar delas? Este aplicativo da Morningstar Financial viola os principais critérios de boas práticas de integração para manter as coisas simples.

Novamente, o peso da sua experiência de integração deve estar relacionado aos insights da pesquisa do usuário e à complexidade do seu produto. Mas mesmo para tecnologia nova e inovadora, você não quer que seus usuários fiquem entediados ou intimidados com um preâmbulo longo.

Se o aplicativo ou produto for simples, uma introdução rápida e um aperto de mão provavelmente serão suficientes. Quando for necessária mais profundidade, considere a adoção de integração progressiva que espalhe a integração por toda a experiência do aplicativo, entrando e saindo conforme necessário para fornecer orientação e suporte.

Além disso, permita que os usuários ignorem ou atrasem a integração, se quiserem. Se a introdução do seu aplicativo for 4 ou mais telas nas quais o usuário precisa deslizar ou clicar, o botão pular pode fazer muita diferença.

Torne-o repetível

Não se esqueça de dar aos usuários um caminho de volta para quaisquer guias ou orientações que você mostrou a eles, especialmente se você seguiu as práticas recomendadas de integração de UX, tornando seu tutorial de introdução ou outros padrões de integração ignoráveis.

Você não pode presumir que seus usuários nunca mais desejarão acessar seus vídeos instrutivos ou tour de interface novamente. Eles podem ter esquecido uma ou duas dicas inteligentes mencionadas na primeira vez de integração – ou se sentirem perdidos depois de pular tudo impulsivamente.

Tornando os padrões de UX de integração repetíveis — As “dicas” da marca de treinador podem ser ativadas e desativadas conforme a necessidade do usuário no configurador de sala 3D do Room Styler da Metrie. Isso permite que os usuários obtenham orientação e ajuda conforme necessário.

Inclua uma seção de “ajuda” em sua navegação que inclua um caminho para repetir qualquer integração que possa ter escapado à mente do usuário.

Não seja muito pessoal

Formulários longos que fazem muitas perguntas são máquinas de rejeição do usuário. É bom incentivar um novo usuário a fornecer algumas informações que ajudarão a personalizar sua experiência, mas é importante não se assustar pedindo muitos detalhes.

Em uma época em que a privacidade está se tornando mais escassa e pessoalmente valiosa, você não deve fazer muitas perguntas desnecessárias, especialmente no início. Alguns aplicativos exigem que os usuários definam preferências ou tomem decisões antes de serem autorizados a usar um aplicativo, o que é uma péssima ideia.

UX de integração da experiência do usuário pela primeira vez no Pinterest — Faz sentido que o Pinterest peça aos usuários iniciantes seu endereço de e-mail, e escolher alguns interesses ajudará a personalizar sua experiência, mas pedir que o usuário forneça sua idade parece muito pessoal. Isso pode fazer com que alguns usuários hesitem em continuar.

Lembre-se, você sempre pode incluir esse tipo de coleta de informações na experiência em estágios posteriores. Crie confiança com seu usuário convidando-o para entrar e permitindo que ele olhe em volta antes de tentar descobrir mais informações — você não obterá muitos dados de um usuário que abandona imediatamente.

Certa vez, fui contratado por uma plataforma de compras para ajudá-los a reconfigurar sua experiência de integração para melhorar as conversões. Ao comparar o fluxo de experiência do usuário pela primeira vez com os dados da análise, ficou óbvio que a queda estava acontecendo durante as telas que pediam ao usuário para fornecer uma tonelada de informações pessoais, bem como fazer algumas escolhas de preferência aparentemente finais antecipadamente .

Embora essas informações fossem valiosas para a empresa e ajudassem a personalizar a experiência dos usuários, eles estavam abandonando o processo de inscrição. Decidimos reduzir os pedidos de informação a apenas um e-mail. Também reduzimos as perguntas de preferência de compras de 8 para 3 e permitimos aos usuários várias opções e a opção de pular. Isso resultou em uma redução de mais de 30% na taxa de rejeição quase imediatamente.

Não confie em tutoriais para cobrir UX ruim

Lembre-se: mesmo com a integração, seu aplicativo ou site ainda deve fazer sentido e ser o mais claro possível. A integração é um andaime, não uma muleta para um design ruim.

Muitos produtos e aplicativos confusos - francamente, apenas ruins - tentaram encobrir decisões ruins de design bombardeando seus usuários com instruções longas ou uma enxurrada de dicas de ferramentas. Isso não é uma boa prática de design e não fará com que seus usuários voltem.

Se você perceber que seu aplicativo ou produto continua inutilizável à medida que você usa padrões de integração cada vez mais pesados, é hora de dar uma olhada fria e objetiva em seu design principal e começar a fazer melhorias nele.

Serviços de integração

Se você abordar sua equipe de engenharia com uma pilha de ideias sobre como adicionar a conclusão de tarefas guiadas ao seu projeto, poderá encontrar muita resistência. Padrões de integração complexos exigem muito esforço de desenvolvimento e podem apresentar seu próprio campo minado de preocupações técnicas.

Felizmente, há um número crescente de serviços e plataformas que fornecem integração UX indolor. Aqui estão alguns para conferir:

O Walkme é um serviço popular que fornece uma variedade de ferramentas para criar orientações e tutoriais, bem como acompanhar o desempenho de integração.
O Appcues oferece às equipes de aplicativos ferramentas para criar uma experiência de integração para seu produto com muita personalização e rastreamento.
Nickelled ajuda você a criar visitas guiadas e visões gerais do seu site ou serviço, dicas de ferramentas, marcas de ônibus, modais e muito mais.

É uma boa ideia investir algum tempo e pesquisar para criar os padrões de UX de integração apropriados para seus usuários. Incorporar o UX de integração certo para usuários novos e existentes é essencial para que aplicativos e outros produtos digitais retenham e atendam às necessidades de seus usuários.

Onboarding não é apenas um momento, é uma jornada que estabelece e mantém a confiança com seu público. Uma ótima experiência de integração ajudará seus usuários a usar seu produto para criar hábitos que dependem de seus recursos como uma parte importante de suas vidas.

• • •