SlideShare a Scribd company logo
1 of 59
Download to read offline
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

More Related Content

Viewers also liked

Design Emocional
Design EmocionalDesign Emocional
Design EmocionalEdu Agni
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive DesignEdu Agni
 
Arquitetura da informação
Arquitetura da informação Arquitetura da informação
Arquitetura da informação Leonardo Foletto
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceEdu Agni
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces NaturaisEdu Agni
 
Jornada do Consumidor no E-commerce
Jornada do Consumidor no E-commerceJornada do Consumidor no E-commerce
Jornada do Consumidor no E-commerceEdu Agni
 
UX é o novo SEO
UX é o novo SEOUX é o novo SEO
UX é o novo SEOEdu Agni
 
Desenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioDesenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioEdu Agni
 
A evolução da internet e os cuidados necessários
A evolução da internet e os cuidados necessáriosA evolução da internet e os cuidados necessários
A evolução da internet e os cuidados necessáriosEdu Agni
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces NaturaisEdu Agni
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface DesignEdu Agni
 
Projetando com Lean UX
Projetando com Lean UXProjetando com Lean UX
Projetando com Lean UXEdu Agni
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!Edu Agni
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Edu Agni
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizaçõesEdu Agni
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceEdu Agni
 
Tri Net Wp 10 Principles Hc Plan (2)
Tri Net Wp 10 Principles Hc Plan (2)Tri Net Wp 10 Principles Hc Plan (2)
Tri Net Wp 10 Principles Hc Plan (2)Tim Weyland
 
A peek inside the Jury @ Cannes Lions Festival of Creativity
A peek inside the Jury @ Cannes Lions Festival of CreativityA peek inside the Jury @ Cannes Lions Festival of Creativity
A peek inside the Jury @ Cannes Lions Festival of CreativityBen Shipley
 

Viewers also liked (20)

Design Emocional
Design EmocionalDesign Emocional
Design Emocional
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
Arquitetura da informação
Arquitetura da informação Arquitetura da informação
Arquitetura da informação
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerce
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces Naturais
 
Jornada do Consumidor no E-commerce
Jornada do Consumidor no E-commerceJornada do Consumidor no E-commerce
Jornada do Consumidor no E-commerce
 
UX é o novo SEO
UX é o novo SEOUX é o novo SEO
UX é o novo SEO
 
DevUX
DevUXDevUX
DevUX
 
Desenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioDesenvolvimento Centrado no Usuário
Desenvolvimento Centrado no Usuário
 
A evolução da internet e os cuidados necessários
A evolução da internet e os cuidados necessáriosA evolução da internet e os cuidados necessários
A evolução da internet e os cuidados necessários
 
Interfaces Naturais
Interfaces NaturaisInterfaces Naturais
Interfaces Naturais
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface Design
 
Projetando com Lean UX
Projetando com Lean UXProjetando com Lean UX
Projetando com Lean UX
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
 
Tri Net Wp 10 Principles Hc Plan (2)
Tri Net Wp 10 Principles Hc Plan (2)Tri Net Wp 10 Principles Hc Plan (2)
Tri Net Wp 10 Principles Hc Plan (2)
 
A peek inside the Jury @ Cannes Lions Festival of Creativity
A peek inside the Jury @ Cannes Lions Festival of CreativityA peek inside the Jury @ Cannes Lions Festival of Creativity
A peek inside the Jury @ Cannes Lions Festival of Creativity
 

Similar to Gamificando a Experiência Digital

O Metaverso na Educação - Flash course SEaD-SPCE
O Metaverso na Educação - Flash course SEaD-SPCEO Metaverso na Educação - Flash course SEaD-SPCE
O Metaverso na Educação - Flash course SEaD-SPCELeonel Morgado
 
Palestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCSPalestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCSGabriela Oliveira
 
Oficina Vertical | Criação Publicitária - dos produtos às novas mídias
Oficina Vertical | Criação Publicitária - dos produtos às novas mídiasOficina Vertical | Criação Publicitária - dos produtos às novas mídias
Oficina Vertical | Criação Publicitária - dos produtos às novas mídiasCircuito 4x1
 
Tecnologia, tudo bem. E a Educação?
Tecnologia, tudo bem. E a Educação?Tecnologia, tudo bem. E a Educação?
Tecnologia, tudo bem. E a Educação?Luis Pedro
 
Banco santander brasil guia de cocriaçao julho 2011 (2)
Banco santander brasil guia de cocriaçao julho 2011 (2)Banco santander brasil guia de cocriaçao julho 2011 (2)
Banco santander brasil guia de cocriaçao julho 2011 (2)TheThinkingHotel
 
Do Modus Operandi ao Modus Vivendi: uma nova percepção de interfaces
Do Modus Operandi ao Modus Vivendi: uma nova percepção de interfacesDo Modus Operandi ao Modus Vivendi: uma nova percepção de interfaces
Do Modus Operandi ao Modus Vivendi: uma nova percepção de interfacesEduardo Zilles Borba
 
Sobre UX e tudo o mais - User Experience, Aula 02
Sobre UX e tudo o mais - User Experience, Aula 02 Sobre UX e tudo o mais - User Experience, Aula 02
Sobre UX e tudo o mais - User Experience, Aula 02 Israel Lessak
 
U-Men isa.redux Joinville
U-Men isa.redux JoinvilleU-Men isa.redux Joinville
U-Men isa.redux JoinvilleGiu Vicente
 
Design Emocional e a Experiência Digital
Design Emocional e a Experiência DigitalDesign Emocional e a Experiência Digital
Design Emocional e a Experiência DigitaliMasters
 
Electric Circus Studio
Electric Circus StudioElectric Circus Studio
Electric Circus StudioThiago Gil
 

Similar to Gamificando a Experiência Digital (14)

Gamificando a Experiência Digital
Gamificando a Experiência DigitalGamificando a Experiência Digital
Gamificando a Experiência Digital
 
O Metaverso na Educação - Flash course SEaD-SPCE
O Metaverso na Educação - Flash course SEaD-SPCEO Metaverso na Educação - Flash course SEaD-SPCE
O Metaverso na Educação - Flash course SEaD-SPCE
 
Managic presentation português
Managic presentation portuguêsManagic presentation português
Managic presentation português
 
Palestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCSPalestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCS
 
Oficina Vertical | Criação Publicitária - dos produtos às novas mídias
Oficina Vertical | Criação Publicitária - dos produtos às novas mídiasOficina Vertical | Criação Publicitária - dos produtos às novas mídias
Oficina Vertical | Criação Publicitária - dos produtos às novas mídias
 
I Seminário Internacional Bike Tour - Programa Atleta do Futuro
I Seminário Internacional Bike Tour - Programa Atleta do FuturoI Seminário Internacional Bike Tour - Programa Atleta do Futuro
I Seminário Internacional Bike Tour - Programa Atleta do Futuro
 
Tecnologia, tudo bem. E a Educação?
Tecnologia, tudo bem. E a Educação?Tecnologia, tudo bem. E a Educação?
Tecnologia, tudo bem. E a Educação?
 
Banco santander brasil guia de cocriaçao julho 2011 (2)
Banco santander brasil guia de cocriaçao julho 2011 (2)Banco santander brasil guia de cocriaçao julho 2011 (2)
Banco santander brasil guia de cocriaçao julho 2011 (2)
 
Do Modus Operandi ao Modus Vivendi: uma nova percepção de interfaces
Do Modus Operandi ao Modus Vivendi: uma nova percepção de interfacesDo Modus Operandi ao Modus Vivendi: uma nova percepção de interfaces
Do Modus Operandi ao Modus Vivendi: uma nova percepção de interfaces
 
Planejamento
PlanejamentoPlanejamento
Planejamento
 
Sobre UX e tudo o mais - User Experience, Aula 02
Sobre UX e tudo o mais - User Experience, Aula 02 Sobre UX e tudo o mais - User Experience, Aula 02
Sobre UX e tudo o mais - User Experience, Aula 02
 
U-Men isa.redux Joinville
U-Men isa.redux JoinvilleU-Men isa.redux Joinville
U-Men isa.redux Joinville
 
Design Emocional e a Experiência Digital
Design Emocional e a Experiência DigitalDesign Emocional e a Experiência Digital
Design Emocional e a Experiência Digital
 
Electric Circus Studio
Electric Circus StudioElectric Circus Studio
Electric Circus Studio
 

More from Edu Agni

Emancipação pelo Aprendizado do Design
Emancipação pelo Aprendizado do DesignEmancipação pelo Aprendizado do Design
Emancipação pelo Aprendizado do DesignEdu Agni
 
Ensino do design em tempos de quarentena
Ensino do design em tempos de quarentenaEnsino do design em tempos de quarentena
Ensino do design em tempos de quarentenaEdu Agni
 
Inovação e User Experience
Inovação e User ExperienceInovação e User Experience
Inovação e User ExperienceEdu Agni
 
UX Maturity
UX MaturityUX Maturity
UX MaturityEdu Agni
 
Pesquisa de Campo e a Entrevista Semi-Estruturada
Pesquisa de Campo e a Entrevista Semi-EstruturadaPesquisa de Campo e a Entrevista Semi-Estruturada
Pesquisa de Campo e a Entrevista Semi-EstruturadaEdu Agni
 
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoasSocial interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoasEdu Agni
 

More from Edu Agni (6)

Emancipação pelo Aprendizado do Design
Emancipação pelo Aprendizado do DesignEmancipação pelo Aprendizado do Design
Emancipação pelo Aprendizado do Design
 
Ensino do design em tempos de quarentena
Ensino do design em tempos de quarentenaEnsino do design em tempos de quarentena
Ensino do design em tempos de quarentena
 
Inovação e User Experience
Inovação e User ExperienceInovação e User Experience
Inovação e User Experience
 
UX Maturity
UX MaturityUX Maturity
UX Maturity
 
Pesquisa de Campo e a Entrevista Semi-Estruturada
Pesquisa de Campo e a Entrevista Semi-EstruturadaPesquisa de Campo e a Entrevista Semi-Estruturada
Pesquisa de Campo e a Entrevista Semi-Estruturada
 
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoasSocial interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoas
 

Gamificando a Experiência Digital

  • 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
  • 3.
  • 5. UX.BLOG Projetando além da usabilidade #CPBR4 - Social Interface Design
  • 6. UX.BLOG Projetando além da usabilidade #CPBR4 - Social Interface Design #CPBR5 - Design Emocional
  • 7. UX.BLOG Projetando além da usabilidade #CPBR4 - Social Interface Design #CPBR5 - Design Emocional #CPBR6 - Gamificação
  • 8.
  • 9. UX.BLOG Avaliação rápida de UX » Eu consigo usá-lo? » Eu devo usá-lo? » Eu quero usá-lo?
  • 10. Projetar para pessoas
  • 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
  • 14.
  • 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)
  • 16.
  • 17.
  • 18.
  • 19. UX.BLOG Uma experiência lúdica » Social » Competição » Auto-realização » Superação
  • 20.
  • 21.
  • 22.
  • 23. 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?
  • 24. Gamificação Utilizar mecânicas de jogos para enriquecer contextos diversos, normalmente não relacionados a jogos.
  • 25. UX.BLOG Gamificação = Marketing Aplicar uma dinâmica de jogo para vender mais produtos.
  • 26. 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.
  • 27. 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)
  • 28. Definições de um jogo Andrew Rollings and Ernest Adams on Game Design
  • 29. Definições de um jogo Brincar
  • 30. Definições de um jogo Fingir
  • 31. Definições de um jogo Regras
  • 32. Definições de um jogo » Regras Semiótica
  • 33. Definições de um jogo » Regras Jogabilidade
  • 34. Definições de um jogo » Regras Sequência
  • 35. Definições de um jogo » Regras Objetivos do jogo
  • 36. Definições de um jogo » Regras Condição de término
  • 37. Definições de um jogo » Regras Meta-regras
  • 38. Definições de um jogo Objetivo
  • 39. 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)
  • 40.
  • 41.
  • 42.
  • 43.
  • 45.
  • 46. 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
  • 47.
  • 48.
  • 49. 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.
  • 50.
  • 51.
  • 52. 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)
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58. 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;
  • 59. UX.BLOG Obrigado ;) Edu Agni / UX Designer no iMasters www.uxdesign.blog.br www.twitter.com/eduagni www.linkedin.com/in/eduagni