UX.BLOG



Gamificando
a Experiência
Digital
UX.BLOG




Edu Agni / UX Designer no iMasters
Trabalha há nove anos com projetos nas áreas
de usabilidade, interface, interação, criação e
web standards. É curador da área de Design da
Campus Party Brasil.

   www.uxdesign.blog.br

   www.twitter.com/eduagni

   www.linkedin.com/in/eduagni
UX.BLOG




Projetando além da usabilidade
UX.BLOG




Projetando além da usabilidade
#CPBR4 - Social Interface Design
UX.BLOG




Projetando além da usabilidade
#CPBR4 - Social Interface Design

#CPBR5 - Design Emocional
UX.BLOG




Projetando além da usabilidade
#CPBR4 - Social Interface Design

#CPBR5 - Design Emocional

#CPBR6 - Gamificação
UX.BLOG




Avaliação rápida de UX
» Eu consigo usá-lo?

» Eu devo usá-lo?

» Eu quero usá-lo?
Projetar para
  pessoas
Projetar para   Compartilhar
  pessoas       boas histórias
Projetar para                  Compartilhar
  pessoas                      boas histórias




                Estimular os
                  sentidos
Projetar para                        Eu devo usá-lo?             Compartilhar
  pessoas                                                        boas histórias


                                     Tríade da
           Eu
                                    Experiência
                                      Digital




                                                                  ?
                co




                                                                lo
                  ns




                                                              á-
                    ig




                                                            us
                      o




                                                            o
                          us




                                                          er
                            á-




                                                        qu
                              lo




                                                       Eu
                                ?




                                     Estimular os
                                       sentidos
UX.BLOG




“O produto não é um fim em si,
mas a porta de entrada para
uma infinidade de experiências.”
(The Nokia Design Manifesto)
UX.BLOG




Uma experiência lúdica
» Social

» Competição

» Auto-realização

» Superação
UX.BLOG




A imersão dos jogos eletrônicos
Por que um jogo pode manter as pessoas entretidas
por longos períodos de tempo, muitas vezes sem
que elas mesmo percebam?

Como posso fazer com que meus produtos causem
o mesmo nível de imersão nas pessoas?
Gamificação
Utilizar mecânicas de jogos para enriquecer
contextos diversos, normalmente não
relacionados a jogos.
UX.BLOG




Gamificação = Marketing
Aplicar uma dinâmica de jogo para
vender mais produtos.
UX.BLOG




Gamificação = Marketing
Aplicar uma dinâmica de jogo para
vender mais produtos.



Gamificação = UX
Aplicar uma dinâmica de jogo para
melhorar a experiência do usuário.
UX.BLOG




“Você não pode aumentar o valor
intrínseco de algo adicionando
mecânica de jogo. Você pode tornar
esse valor mais visível. Podemos
mudar o paradigma e o contexto do
visitante de um site, e aumentar o seu
engajamento.”

(Adam Loving em Gamification Is Not Game Design)
Definições de um jogo
Andrew Rollings and
Ernest Adams
on Game Design
Definições de um jogo

Brincar
Definições de um jogo

Fingir
Definições de um jogo

Regras
Definições de um jogo » Regras

Semiótica
Definições de um jogo » Regras

Jogabilidade
Definições de um jogo » Regras

Sequência
Definições de um jogo » Regras

Objetivos do jogo
Definições de um jogo » Regras

Condição de término
Definições de um jogo » Regras

Meta-regras
Definições de um jogo

Objetivo
UX.BLOG




“Quando aplicamos Gamificação em
uma ação, há um aumento que varia
entre 20% e 30% nas interações com
a marca. É um conceito novo, mas já
estamos vendo algumas práticas
feitas por aqui.”

(Roberto Martini, CEO da CUBOCC)
Life is messy.
Simplify, with Clear.
Compartilhar tudo para
definir a personalidade

Observar amigos online em
lugares próximos e encontrar
pessoas ao acaso são as
principais características do
Foursquare, segundo seu co-
fundador Dennis Crowley

» Serendipismo
» Dinâmica de jogo
» Diário pessoal
» Compartilhar experiências
» Participar de promoções
UX.BLOG




Zombies, run!
Aplicativo mobile que estimula o hábito da corrida
através da simulação de um ataque de zumbis. O jogador
é um sobrevivente do apocalipse zumbi e deve cumprir
uma série de missões: coletar suprimentos, chegar a um
certo local, evitar uma área etc., tudo com um limite de
tempo curto. Utilizando GPS, o aplicativo identifica o
local do jogador e estabelece no mapa as missões. Caso
o jogador se desvie do caminho, ou demore muito, os
zumbis podem pegá-lo. Resultados geram pontos e
conquistas que são compartilhadas online.
UX.BLOG




Lost Experience

“Uma caça ao tesouro multimídia que
usaria mensagens de email, ligações
telefônicas, comerciais, outdoors e
sites da Web falsos feitos para
parecerem reais.”

(New York Times)
UX.BLOG




Gamificação
» Não devemos tentar transformar produtos em jogos;

» Não devemos usar essas teorias cegamente, e sim
  adapta-las as nossas necessidades;

» Essa mecânica deve estar presente desde a concepção;

» Bom conteúdo e usabilidade continua sendo essencial;

» Não adicione níveis de dificuldade a um produto;
UX.BLOG




Obrigado ;)

Edu Agni / UX Designer no iMasters

   www.uxdesign.blog.br

   www.twitter.com/eduagni

   www.linkedin.com/in/eduagni

Gamificando a Experiência Digital

  • 1.
  • 2.
    UX.BLOG Edu Agni /UX Designer no iMasters Trabalha há nove anos com projetos nas áreas de usabilidade, interface, interação, criação e web standards. É curador da área de Design da Campus Party Brasil. www.uxdesign.blog.br www.twitter.com/eduagni www.linkedin.com/in/eduagni
  • 4.
  • 5.
    UX.BLOG Projetando além dausabilidade #CPBR4 - Social Interface Design
  • 6.
    UX.BLOG Projetando além dausabilidade #CPBR4 - Social Interface Design #CPBR5 - Design Emocional
  • 7.
    UX.BLOG Projetando além dausabilidade #CPBR4 - Social Interface Design #CPBR5 - Design Emocional #CPBR6 - Gamificação
  • 9.
    UX.BLOG Avaliação rápida deUX » Eu consigo usá-lo? » Eu devo usá-lo? » Eu quero usá-lo?
  • 10.
  • 11.
    Projetar para Compartilhar pessoas boas histórias
  • 12.
    Projetar para Compartilhar pessoas boas histórias Estimular os sentidos
  • 13.
    Projetar para Eu devo usá-lo? Compartilhar pessoas boas histórias Tríade da Eu Experiência Digital ? co lo ns á- ig us o o us er á- qu lo Eu ? Estimular os sentidos
  • 15.
    UX.BLOG “O produto nãoé um fim em si, mas a porta de entrada para uma infinidade de experiências.” (The Nokia Design Manifesto)
  • 19.
    UX.BLOG Uma experiência lúdica »Social » Competição » Auto-realização » Superação
  • 23.
    UX.BLOG A imersão dosjogos eletrônicos Por que um jogo pode manter as pessoas entretidas por longos períodos de tempo, muitas vezes sem que elas mesmo percebam? Como posso fazer com que meus produtos causem o mesmo nível de imersão nas pessoas?
  • 24.
    Gamificação Utilizar mecânicas dejogos para enriquecer contextos diversos, normalmente não relacionados a jogos.
  • 25.
    UX.BLOG Gamificação = Marketing Aplicaruma dinâmica de jogo para vender mais produtos.
  • 26.
    UX.BLOG Gamificação = Marketing Aplicaruma dinâmica de jogo para vender mais produtos. Gamificação = UX Aplicar uma dinâmica de jogo para melhorar a experiência do usuário.
  • 27.
    UX.BLOG “Você não podeaumentar o valor intrínseco de algo adicionando mecânica de jogo. Você pode tornar esse valor mais visível. Podemos mudar o paradigma e o contexto do visitante de um site, e aumentar o seu engajamento.” (Adam Loving em Gamification Is Not Game Design)
  • 28.
    Definições de umjogo Andrew Rollings and Ernest Adams on Game Design
  • 29.
    Definições de umjogo Brincar
  • 30.
    Definições de umjogo Fingir
  • 31.
    Definições de umjogo Regras
  • 32.
    Definições de umjogo » Regras Semiótica
  • 33.
    Definições de umjogo » Regras Jogabilidade
  • 34.
    Definições de umjogo » Regras Sequência
  • 35.
    Definições de umjogo » Regras Objetivos do jogo
  • 36.
    Definições de umjogo » Regras Condição de término
  • 37.
    Definições de umjogo » Regras Meta-regras
  • 38.
    Definições de umjogo Objetivo
  • 39.
    UX.BLOG “Quando aplicamos Gamificaçãoem uma ação, há um aumento que varia entre 20% e 30% nas interações com a marca. É um conceito novo, mas já estamos vendo algumas práticas feitas por aqui.” (Roberto Martini, CEO da CUBOCC)
  • 44.
  • 46.
    Compartilhar tudo para definira personalidade Observar amigos online em lugares próximos e encontrar pessoas ao acaso são as principais características do Foursquare, segundo seu co- fundador Dennis Crowley » Serendipismo » Dinâmica de jogo » Diário pessoal » Compartilhar experiências » Participar de promoções
  • 49.
    UX.BLOG Zombies, run! Aplicativo mobileque estimula o hábito da corrida através da simulação de um ataque de zumbis. O jogador é um sobrevivente do apocalipse zumbi e deve cumprir uma série de missões: coletar suprimentos, chegar a um certo local, evitar uma área etc., tudo com um limite de tempo curto. Utilizando GPS, o aplicativo identifica o local do jogador e estabelece no mapa as missões. Caso o jogador se desvie do caminho, ou demore muito, os zumbis podem pegá-lo. Resultados geram pontos e conquistas que são compartilhadas online.
  • 52.
    UX.BLOG Lost Experience “Uma caçaao tesouro multimídia que usaria mensagens de email, ligações telefônicas, comerciais, outdoors e sites da Web falsos feitos para parecerem reais.” (New York Times)
  • 58.
    UX.BLOG Gamificação » Não devemostentar transformar produtos em jogos; » Não devemos usar essas teorias cegamente, e sim adapta-las as nossas necessidades; » Essa mecânica deve estar presente desde a concepção; » Bom conteúdo e usabilidade continua sendo essencial; » Não adicione níveis de dificuldade a um produto;
  • 59.
    UX.BLOG Obrigado ;) Edu Agni/ UX Designer no iMasters www.uxdesign.blog.br www.twitter.com/eduagni www.linkedin.com/in/eduagni