Gamificação no design da web: mais sucesso e motivação graças ao factor diversão

8 min.
Gamificação no desenho web: mais diversão, mais sucesso

Todos conhecemos distintivos, recompensas e coisas do género. Mas o que significa a gamificação e o que não significa? Que elementos de gamificação pode utilizar no seu sítio web? O que deve ter em mente? E que exemplos bem sucedidos de gamificação se podem encontrar na web?

O que significa a gamificação?

Erradamente, persiste o mito de que tudo pode ser jogado. Contudo, crachás coloridos e recompensas constantemente intermitentes não se adequam a todas as marcas e grupos-alvo.

A gamificação - como tudo o resto no seu website - deve encaixar com a identidade corporativa de uma empresa. É claro que os elementos gamificados podem consistir em distintivos e recompensas. Mas existem inúmeras outras formas de integrar com sucesso a gamificação no seu website.

A gamificação está intimamente relacionada com o design da experiência do utilizador: se utilizar a gamificação, não tem necessariamente de ser óbvia do ponto de vista visual. A gamificação deve antes ser entendida como um conceito. Ou como uma estratégia em que analisamos os processos existentes e os tornamos mais atraentes para os utilizadores, acrescentando a mecânica do jogo.

Como funciona a gamificação?

A gamificação é um derivado do design de jogos. É importante que os jogadores permaneçam envolvidos e não percam o interesse - ou que o seu interesse seja despertado através da gamificação. Para simplificar: aqueles que jogam normalmente divertem-se e até esquecem o tempo. Raph Koster aprofunda este tema no seu livro"Theory of Fun for Game Design".

O objectivo da gamificação é simples: apresentar processos de uma forma que os torne divertidos de executar e motive os seus utilizadores a continuar. Ou pelo menos despertar neles algum tipo de curiosidade. Note, contudo, que normalmente não é útil manter o seu grupo alvo ocupado durante horas.

O designer de produtos Nir Eyal escreve no seu livro"Hooked": Como Construir Produtos de Formação de Habit" sobre o chamado "Habit Loop". A teoria por detrás disto: Os processos devem ser divertidos e não vistos apenas como uma tarefa. De acordo com Nir Eyal, passamos mais de 40% do nosso tempo a realizar processos recorrentes. Portanto, tente transformar os processos no seu sítio web em hábitos agradáveis.

Para ilustrar isto, Nir Eyal dividiu o Laço de Hábito em quatro etapas:

Gamificação em Melhores Práticas de Web Design
Os quatro passos do ciclo do hábito

Gatilho

Os gatilhos são emails, notificações ou chamadas para acções no seu website. As questões-chave são: O que traz a pessoa ao seu produto? E o que é que a pessoa realmente quer? Tente sempre compreender o que o seu grupo-alvo quer num dado momento.

Acção

A acção é a acção executada. Isto pode ser simples, tal como um login ou uma inscrição. Ou acções mais complexas como a recolha de gostos ou a adição à lista de favoritos. A questão é: Qual é o comportamento mais simples em antecipação de uma recompensa?

Recompensa Variável

As recompensas variáveis podem ser recompensas clássicas, mas não têm de o ser. Qualquer coisa que acrescente valor ao seu público pode ser empacotada como recompensa. Por exemplo, se fornecer informação qualitativa. Faça sempre a si mesmo a seguinte pergunta: A recompensa é gratificante? e faz-lhe querer mais?

Investimento

Quanto mais alguém tiver investido, menos essa pessoa quer desistir do que investiu. Um exemplo simples: Um utilizador tem várias placas em Pinterest criado. Ela irá provavelmente manter a sua conta e continuar a utilizá-la no futuro. Pinterest preferem uma plataforma semelhante. A questão central desta fase: o que está a ser feito para aumentar a probabilidade de um retorno?

Gamificação em Melhores Práticas de Web Design
Habiticas tem tudo a ver com a formação de hábitos.

Encontramos um modelo psicológico semelhante com formulários: Se uma pessoa já investiu tempo no preenchimento do formulário, é menos provável que abandone o processo. É por isso que muitas vezes encontramos detalhes de pagamento apenas na última etapa de um formulário.

Elementos de gamificação frequentemente utilizados no design da web

Progresso

É importante que o progresso seja mostrado. Os utilizadores normalmente querem atingir um determinado objectivo. Ferramentas de gestão de projectos como os Asana utilizam estes elementos:

Gamificação em Melhores Práticas de Web Design
Se completar um certo número de tarefas de Ásana, um unicórnio voa através do ecrã.

Avanços são também frequentemente utilizados quando um programa/site tem novas funcionalidades que os utilizadores ainda não conhecem. Desta forma, os utilizadores aprendem rápida e facilmente sobre as últimas características - como no exemplo de WordPress Block Editor:

Gamificação em Melhores Práticas de Web Design
Entrada bem sucedida para o editor de blocos WordPress

Muitas vezes os elementos de bordo estão intimamente ligados a recompensas. Em LinkedIn por exemplo, os membros são recompensados por completarem o seu perfil com feeds relevantes:

Gamificação em Melhores Práticas de Web Design
Com perfis completos LinkedIn mais autêntico e ajuda os membros a trabalhar em rede de uma forma mais orientada.

Regras do jogo

Isto não significa necessariamente as regras do jogo tal como as conhecemos dos jogos de salão. Pelo contrário, são condições que os utilizadores ficam a conhecer. Por exemplo, que acções têm de realizar para receber certas recompensas. 

É importante que as suas regras sejam coerentes. Caso contrário, os utilizadores perderão a confiança e o seu website perderá credibilidade.

Flaticon dá aqui um exemplo: a tarefa burocrática de creditar é afrouxada e recompensada ao mesmo tempo. Se copiar a ligação, a ilustração muda e o T-Rex pode beber o seu café. Existem várias ilustrações, pelo que os utilizadores têm de descarregar alguns ícones antes que o tédio se instale.

Gamificação em Melhores Práticas de Web Design
A gamificação afrouxa os processos desagradáveis.

Concurso

As competições entre utilizadores podem aumentar a participação e a vida útil do produto e proporcionar variedade e incentivo. Os aspectos sociais também desempenham aqui um papel. Como utilizador, já não se sente só, mas parte de um todo.

Aspectos sociais

A oportunidade de fazer contribuições individuais pode ser tornada mais atractiva através de elementos de gamificação. O Facebook usa elementos de gamificação de várias maneiras. Como utilizador:in, pode escrever mensagens ou comentar as dos outros. E é premiado com títulos diferentes, dependendo da sua actividade.

Gamificação em Melhores Práticas de Web Design
O Facebook também se baseia na gamificação.

O que se deve evitar

Sistemas de pontos inapropriados

Ao integrar uma estratégia de gamificação, certificar-se de que os sistemas de pontos só são utilizados quando fazem sentido e oferecem valor acrescentado. 

Muitas vezes, os pontos são sub ou sobre-qualificados: se forem sub-qualificados, perdem significado e o constante piscar de pontos recentemente alcançados pode levar à frustração. Idealmente, quer que a jogabilidade faça com que os seus utilizadores desfrutem da sua visita ao seu website. E que esquecem o tempo. Se uma notificação piscar constantemente - o que é mesmo secundário - está constantemente a retirar os seus utilizadores do seu fluxo.

Os pontos sobrequalificados atingem um valor mais elevado do que o que lhes era destinado. Isto leva a uma maior procura. Pode também contribuir para que mais utilizadores estejam dispostos a enganar ou hackear o sistema para obter pontos.

Recompensas inapropriadas

As recompensas que aparecem em momentos inapropriados podem ter um impacto negativo na motivação dos seus visitantes. Por conseguinte, pense cuidadosamente sobre como, porquê e quando usar recompensas.

Comunicação inapropriada

Como já foi mencionado, a sua estratégia de jogo deve adaptar-se ao seu grupo-alvo e à sua empresa. Muitos utilizadores sentem-se pouco desafiados se usarem demasiados elementos de jogos infantis.

Outros exemplos de gamificação na web

Aprender através da brincadeira

Especialmente na educação, os elementos de gamificação são frequentemente utilizados. A idade do grupo alvo não é, por enquanto, decisiva. Com a ajuda de mini-jogos ou elementos de gamificação, os conteúdos recorrentes podem ser consolidados e novos conteúdos podem ser aprendidos. 

Outra característica especial dos jogos é que os utilizadores podem testar em segurança diferentes opções e regressar ao ponto de partida se falharem. Aprendem as consequências que certas acções podem ter sem sofrerem danos reais.

O Google desenvolveu o jogo Be Internet Awesome para os seus utilizadores mais jovens. Os utilizadores são confrontados com várias situações quotidianas da World Wide Web e aprendem a tomar as decisões correctas.

Gamificação em Melhores Práticas de Web Design

Mini-jogos

Os minijogos são frequentemente utilizados para fins de marketing. O foco aqui é o factor diversão e surpresa. O objectivo é tirar os utilizadores da sua rotina diária. Os mini-jogos são frequentemente utilizados para transmitir informação adicional.

Gamificação em Melhores Práticas de Web Design
Ueno utiliza um jogo de role-playing para recrutar. Se jogar até ao fim, chegará aos anúncios de emprego.
Gamificação em Melhores Práticas de Web Design
Karl Lagerfeld tinha uma versão do clássico Pac Man especialmente construída.
Gamificação em Melhores Práticas de Web Design
A L'Occitane chama a atenção para os seus produtos com a ajuda de um mini-jogo.

Alguns programas de fidelidade funcionam de forma semelhante: por exemplo, o McDonald's Monopoly e a mercearia de coleccionáveis Lidl's. Aqui há regras do jogo, investimentos, recompensas correspondentes e motivações.

Contação de histórias

Uma forma impressionante de utilizar a gamificação e os jogos é visualizar histórias: Narração de histórias. Ao contrário do que acontece com as palavras escritas, envolve emocionalmente os seus leitores na história.

Gamificação em Melhores Práticas de Web Design
PlaySpent dá uma visão sobre a vida de um concidadão que perdeu o seu emprego. 
Gamificação em Melhores Práticas de Web Design
Going Home é a história fictícia de um pequeno robô.
Gamificação em Melhores Práticas de Web Design
Margarete conta a história de uma vítima do Holocausto.
Gamificação em Melhores Práticas de Web Design
Momentos é uma colecção de mini-jogos.

Elementos visuais

Os exemplos seguintes têm poucos elementos de gamificação. São visualmente concebidos para lembrar os jogos. Pode utilizá-lo para vários efeitos: para apresentar a sua marca de uma forma lúdica ou para apelar a certas gerações de utilizadores através da nostalgia.

Gamificação em Melhores Práticas de Web Design
O website do Teatr Lalka está estruturado como um teatro de marionetas.
Gamificação em Melhores Práticas de Web Design
Robbi Leonardi apresenta o seu curriculum vitae interactivamente e desperta a curiosidade para uma viagem de descoberta.
Gamificação em Melhores Práticas de Web Design
O website de Mariano Pascual funciona de forma semelhante.

Gamificação e WordPress

Agora aprendeu alguns conceitos de gamificação que pode integrar no seu website. Além disso, existem ferramentas WordPress que o podem ajudar a integrar os crachás. Por exemplo, a gamificação WordPress Plugin BadgeOS. Divirta-se a experimentá-lo!

Material de leitura adicional

As suas perguntas sobre a gamificação no design da web

Que perguntas tem sobre a gamificação no design da web? Aguardamos com expectativa os seus comentários. Está interessado em temas actuais sobre design e desenvolvimento web? Depois seguir RAIDBOXES no Twitter, Facebook, LinkedIn ou através do nosso boletim informativo.

Depois de estudar design de jogos e escrita criativa na verde Auckland, na Nova Zelândia, a Sonja especializou-se em design de web e aplicações e seu desenvolvimento. O seu foco é a gamificação e a exploração da motivação e experiência do utilizador, aliado à paixão e curiosidade pelas tendências tecnológicas.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *.