UX CALENDAR – 08 DE DEZEMBRO – Usando videogames para melhorar o manuseio do seu produto

Como designer, muitos de nós já foram confrontados com a seguinte frase: “se precisamos de um tutorial é porque a interface não é intuitiva”. Sim, mas e se nosso produto for um pouco mais complexo do que rolar infinitamente no Instagram ou escrever uma simples mensagem de texto com seu telefone?

Vamos ver juntos como os videogames foram capazes de nos ensinar coisas novas através das chamadas fases de “tutorial ou aprendizado”.

Como podemos apoiar efetivamente a integração de nossos usuários em um produto?

Muitos de nós já foram ver um “Tutorial DIY mobiliário de estilo sueco original, mas melhor e mais barato” no YouTube quando nos deparamos com nossa própria inexperiência em um campo, nos deparamos com vários vídeos explicados por Henry, um profissional que se dedicou a explicar o funcionamento de seu ofício, ou por Kévin, uma criança precoce de 12 anos em engenharia e mecânica de fluidos… (Eu te odeio Kevin…)

O que fazer quando não se trata de um móvel sueco a um preço mais baixo, mas sim de uma aplicação que queremos muito usar, mas que na sua fase de uso parece ainda mais complexa do que aparafusar algumas tábuas de madeira?

Por que e como os videogames podem nos ajudar nesse caso específico?

#1 Dividir e governar

Não nos leve a mal, longe de mim criar discórdia dentro de sua equipe, mas sim usar esse lema a seu favor.

Algumas explicações estão em ordem. O padrão mais comum para aprender um aplicativo da Web ou de negócios hoje é este:

Isso geralmente resulta em uma fase de leitura onde somos bombardeados com informações durante os primeiros 5/10 minutos (tutorial). O usuário muitas vezes tem apenas um desejo: deixá-lo, poder usar o aplicativo. Segue-se então uma fase de uso, onde, entregue a si mesmo, ele deve se lembrar de tudo o que foi dito anteriormente.

A ideia é fazer uma aula teórica de natação onde explicamos tudo sobre o nado peito, crawl, borboleta e costas, antes de empurrar você para o fundo dos 2,50m na ​​esperança de que tudo o que você aprendeu na teoria seja suficiente para não te afogar. Isso soa louco para você? No entanto, é isso que fazemos na web.

Que tal nos inspirar com videogames? 

Na área de videogames, os tutoriais hoje em dia tendem a se basear no modelo abaixo: 

“Dividir e conquistar” lembra? Ao alternar as diferentes fases de tutorial e prática para permitir a aderência à medida que a aplicação avança, os videojogos contam com uma progressão suave, com base no conhecimento dos jogadores ou não, ensinando-lhes novas mecânicas à medida que precisam e permitindo-lhes praticar a informação que acabaram de absorver, evitando sobrecarga cognitiva.

Para dar apenas um exemplo em um jogo que data de 2017, vamos pegar uma licença cult da Nintendo: “Zelda Breath of the wild”. Quer gostemos ou não desta licença, devemos reconhecer que eles fizeram um tremendo trabalho na arte da aprendizagem não intrusiva. Se você possui o jogo, eu aconselho você a iniciar a introdução novamente, caso contrário, deixo o link do vídeo da introdução abaixo:

🎬 Lições de integração de usuários de Zelda, Breath of the wild

 

Neste vídeo, você pode ver que o personagem começa seu despertar em uma sala vazia e fechada, com a única pista sendo o pedestal no canto da sala. 

A interface dá diretamente algumas dicas (“dicas”) sobre as manipulações básicas (movimento, câmera e acesso ao menu) e permite que o jogador se familiarize com as 2/3 teclas apresentadas na tela. Certas interações serão exibidas de tempos em tempos para ações contextualizadas: na introdução, no pedestal que abrirá a porta (o jogador lembrará que interagir com ela permite que você vá para a próxima sala).

Segue-se uma fase de descoberta de uma nova sala, mais longa com muito mais elementos com os quais o jogador pode interagir, mas sempre um pedestal no final deste corredor, desta vez sem dar zoom nele (vêem a mecânica implementada?). 

Finalmente terminaremos com a última fase, a saída, mostrando ao jogador as últimas chaves e mecânicas que ele pode precisar para o início do jogo.

Pronto, a aventura pode começar (o jogador já sabe: andar, pular, correr, escalar e interagir com os vários elementos da decoração enquanto é presenteado com um vasto universo para descobrir). 

Este método de aprendizagem/tutorial é, em termos científicos, denominado “aprendizagem cinestésica”.

 

#2 O que é aprendizagem cinestésica?

Existem diferentes tipos de aprendizagem, assim como existem diferentes tipos de personalidades. Algumas pessoas têm une a chamada memória “visual” o que significa que eles retêm facilmente as informações depois de vê-las ou lê-las. memória auditiva permite que eles retenham facilmente as informações que ouvem e, finalmente, memória cinestésica que se baseia na memorização dos movimentos e ações realizadas pelo usuário para retê-lo. 

Soa muito sem sentido para mim, acho que te perdi...

Vamos tentar um cenário

Todos nós já tivemos a experiência de iniciar um jogo de tabuleiro com amigos, onde apenas um ou nenhum dos jogadores conhece as regras. Há então esse momento de aprendizado coletivo onde um jogador tenta ler/explicar as regras do jogo para os outros e onde um de nós acaba dizendo “Não, mas vamos dar uma volta/um jogo para ver”. Porque se todos entendem muito bem as condições da vitória, os métodos e detalhes específicos, as regras permanecem bastante vagas e os jogadores preferem olhar/pedir as regras em algum momento do jogo, do que passar 20 minutos ouvindo e perguntar novamente depois porque todos se esqueceram.

Esse aprendizado é importante, pois não só inclui a prática com a teoria, mas torna o aprendizado acessível a diferentes tipos de usuários (cf: os diferentes tipos de memórias citados acima).

George Fan, o criador do jogo “Plants vs Zombies”, apresentou uma palestra intitulada “Como eu fiz minha mãe jogar com Plants vs. Zombies” onde ele explica por que as fases clássicas do tutorial são um obstáculo para começar com um jogo ou uma interface e como usar o aprendizado cinestésico na integração de seus usuários. 

 🎬 Como eu fiz minha mãe jogar Plants vs Zombies

 

Se 50min é um pouco longo para você, aqui está um breve resumo :

  • Ele lida em particular com o aspecto visual dos diferentes elementos, ou como, com um simples olhar, você pode saber o que as plantas e os zumbis estão fazendo.
  • A fase de aprendizado, dividida em pequenas partes para permitir que o usuário pratique em uma “zona segura” antes de entrar no fundo do poço.
  • Como os testes do usuário tornaram possível melhorar o manuseio do jogo repetidamente e, às vezes, alterar o jogo globalmente em sua operação

 

#3 UX e tutorial, uma história de priorização?

Bem, estamos fazendo um bom progresso, mas vejo você chegando com seu “digamos, Jamy, tudo bem, mas só funciona para videogames, sua coisa. Como fazemos para o meu projeto?”

E se eu lhe disser que seu aplicativo é, em última análise, apenas um enorme videogame com suas próprias mecânicas e objetivos a serem alcançados? Por que não pensar em sua interface/projeto como um jogo desde o início, incorporando a fase de aprendizado diretamente em sua UX ou fase de design. 

Durante a fase de ideação, lembre-se de que cada recurso pode precisar de seu próprio tutorial. Teste sua interface sem, se funciona tanto melhor, se você não pode mais simplificar, então eduque-se, pergunte-se: “como eu explico essa funcionalidade de forma simples”.

Você pode, mesmo durante a fase de criação de personae, separar os diferentes tipos de usuários, para criar uma interface/experiência diferente dependendo se é um usuário que se pretende um especialista em sua plataforma ou apenas um usuário de passagem que apenas passará por ele de vez em quando. 

Pergunte a si mesmo se o usuário realmente precisa saber tudo desde o início ou se você pode enviar recursos após um tempo de uso.

O diagrama abaixo “vontade de aprender” explica como nossa vontade de aprender aumenta à medida que usamos uma interface por um tempo maior ou menor.

Vamos tentar um exemplo : 

Sua empresa criou uma ferramenta para ajudar a publicar artigos online nas diversas redes sociais.

Caso n ° 1: Você está lidando com um usuário que já está familiarizado com esse tipo de interface (sua ou de um concorrente) e você só precisa explicar a ele o que pode diferenciá-lo de outro, os novos recursos, ou oferecer ajuda quando ele parecer estar procurando para algo.

Caso n ° 2: Você está lidando com alguém que é novo nessa área, seja no software ou como fazer, e neste caso, você pode começar ensinando ao usuário como cadastrar/adicionar seus artigos em seu banco de dados.

Em segundo lugar, você explicará a eles que adicionar as palavras-chave corretas aos seus artigos fará com que eles ganhem visibilidade na web. Em seguida, incorpore gradualmente a noção de planejamento, recomendando ao usuário os melhores horários para postar (possivelmente explicando a ele por que 11h é melhor que 2h).

 

#3 Resumo das boas práticas 

Você encontrará aqui um pequeno lembrete de boas práticas, bem como algumas outras que não pudemos abordar 

Divida seu tutorial

Aprenda a dividir seu “tutorial” em diferentes subpartes espalhadas por todo o seu aplicativo, ensine os usuários à medida que o descobrem.

Ensine-os a fazer, não a ler

Concentre-se em como o usuário pode praticar para aprender, não apenas ler para aprender.

Não apodreça o sulco do usuário

Um usuário que quer aprender a usar sua plataforma quer, como acabei de dizer, usá-la. Evite ao máximo bloqueá-lo no uso da sua plataforma, por exemplo: reserve uma área da sua interface para ajuda contextual.

Intervir na hora certa

Se você sentir que seu usuário está em dúvida, e que ele não está mais progredindo em sua jornada, acompanhe-o, pergunte se ele precisa de uma ajuda para concluir sua tarefa atual.

Seja conciso em suas explicações

Use imagens, se a tarefa for complexa, caso contrário, explique brevemente, sem escrever um romance, no uso de um recurso ou na ajuda prática.

Um usuário errado é normal

Estamos todos sujeitos a fadiga ou alguns descuidos, não penalize o seu utilizador por isso, coloque-o de volta no caminho certo, acompanhe-o.

 

Alguns artigos para ajudá-lo a aprender mais sobre o assunto : 

🎬  Podemos melhorar os tutoriais para jogos complexos? 

https://uxdesign.cc/user-onboarding-lessons-from-the-legend-of-zelda-breath-of-the-wild-8d22abec8342

https://www.ted.com/talks/jane_mcgonigal_gaming_can_make_a_better_world?language=en#t-1178169

https://uxdesign.cc/using-video-games-to-learn-about-product-onboarding-15e3d431ae79 

https://uxdesign.cc/lessons-in-onboarding-from-plants-vs-zombies-d936d58c10c 

 

 

Jordan VATAN – UI-UX Designer @UX-Republic

Nossos próximos treinamentos