SlideShare une entreprise Scribd logo
1  sur  92
Télécharger pour lire hors ligne
Interatividade + TV
Um pouco sobre a experiência no desenvolvimento
      de aplicações interativas para a TV


                  EBAI 2011
rodrigo quaresma



papel     web       tv

15 anos   10 anos   3 anos
‣ TV e interatividade

‣ TV e design de interação

‣ TV e usuário

‣ TV e mercado
TV e interatividade
TV e interatividade
‣ não é novidade
troca de canais
winky dink and you
TV e interatividade
‣ não é novidade
‣ não é TV digital
TV e interatividade
‣ não é novidade
‣ não é TV digital
‣ não é HDTV
TV e interatividade
‣ não é novidade
‣ não é TV digital
‣ não é HDTV
‣ não é o ginga
TV e interatividade


é diálogo
algumas nomeclaturas
para a TV interativa
algumas nomeclaturas
para a TV interativa
segundo a Microsoft:
algumas nomeclaturas
para a TV interativa
segundo a Microsoft:
 ‣ enhanced television
Arab Radio & Television World Cup Demo
F1 Digital+ on Sky Digital
algumas nomeclaturas
para a TV interativa
segundo a Microsoft:
 ‣ enhanced television
 ‣ internet on television
Nintendo Wii + Opera
algumas nomeclaturas
para a TV interativa
segundo a Microsoft:
 ‣ enhanced television
 ‣ internet on television
 ‣ personal television
algumas nomeclaturas
para a TV interativa
segundo a Microsoft:
 ‣ enhanced television
 ‣ internet on television
 ‣ personal television
 ‣ connected television
algumas nomeclaturas
para a TV interativa
segundo o The Henley Centre:
algumas nomeclaturas
para a TV interativa
segundo o The Henley Centre:
 ‣ distribution interactivity
algumas nomeclaturas
para a TV interativa
segundo o The Henley Centre:
 ‣ distribution interactivity
 ‣ information interactivity
algumas nomeclaturas
para a TV interativa
segundo o The Henley Centre:
 ‣ distribution interactivity
 ‣ information interactivity
 ‣ participation interactivity
algumas nomeclaturas
para a TV interativa
segundo meu dia a dia
algumas nomeclaturas
para a TV interativa
segundo meu dia a dia
 ‣ electronic programme guides (EPG)
algumas nomeclaturas
para a TV interativa
segundo meu dia a dia
 ‣ electronic programme guides (EPG)
 ‣ funções de DVR
algumas nomeclaturas
para a TV interativa
segundo meu dia a dia
 ‣ electronic programme guides (EPG)
 ‣ funções de DVR
 ‣ aplicações de venda
algumas nomeclaturas
para a TV interativa
segundo meu dia a dia
 ‣ electronic programme guides (EPG)
 ‣ funções de DVR
 ‣ aplicações de venda
 ‣ enhanced television
algumas nomeclaturas
para a TV interativa
segundo meu dia a dia
 ‣ video on demand
algumas nomeclaturas
para a TV interativa
segundo meu dia a dia
 ‣ video on demand
 ‣ media center
algumas nomeclaturas
para TV interativa
segundo meu dia a dia
 ‣ video on demand
 ‣ media center
 ‣ social media
e o trabalho do
designer de interação
     nisso tudo?
investigar diretrizes
eficientes de design
buscar consistência
   na navegação
buscar consistência
    na navegação
os mesmos comandos
produzem os mesmos
resultados
buscar consistência
   na navegação
mas ainda há
esperança...
OK
X
OK
VOLTAR   OK   AVANÇAR
enquanto isso, buscamos
   um modelo mental
adequado para tela da TV
web

  area 1   area 2   area 3   area 4
opção 1
opção 2
opção 3
opção 4

           onde estou
opção 5
web                              iphone
                                      onde comecei
  area 1   area 2   area 3   area 4
opção 1                                                 próximo
opção 2
opção 3                                de               próximo
opção 4                               onde
                                                onde    próximo
           onde estou
opção 5                                eu
                                       vim
                                                estou   próximo

                                                        próximo
onde comecei



                  próximo

                  próximo
 de
onde
 eu
          onde    próximo


          estou
 vim              próximo

                  próximo
onde comecei




               opção 1   próximo

 de            opção 2   próximo
onde
               opção 3   próximo
 eu
 vim
               opção 4   próximo

               opção 5   próximo
nossa primeira diretriz
navegamos entre níveis
    utilizando as setas
esquerda e direita e entre
 itens com as setas para
    cima e para baixo
anterior   atual   próximo
item 1

item 2

item 3

item 4

item 5
item 1

           item 2

anterior   item 3   próximo

           item 4

           item 5
EPG XYZ




               AXN        Bones

             Discovery   Futurama

CANAIS         FOX       Lie to Me

             Universal     Glee

              Warner      Fringe
EPG XYZ




            Bones      Temporada 1

           Futurama    Temporada 2

FOX        Lie to Me   Temporada 3

             Glee      Temporada 4

            Fringe     Temporada 5
mas nem tudo é
  perfeito...
K.I.S.S.
ofereça menos
   decisões
jamais foque na
 quantidade de etapas.
foque no menor esforço
  mental das escolhas
      do usuário
teclas coloridas      setas + ok




eficiência 70.8%   eficiência 75.0%
e o perfil do
tele-usuário...
é do tipo passivo
sofa   cadeira
apple tv
hollywood & TV shows

tudo em alta definição

não querem um computador

não querem gerenciar conteúdo

...
apple tv
hollywood & TV shows

tudo em alta definição

não querem um computador

não querem gerenciar conteúdo

...
apple remote   google TV
boxee - netflix   amazon - VOD
convergência
      X
 convivência
eu quero a web na
 minha TV #NOT
e o mercado?
UOL em junho de 1997
$
concorrência
MUITO
OBRIGADO!

Contenu connexe

Plus de EBAI

Web dogma
Web dogmaWeb dogma
Web dogmaEBAI
 
Arquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframeArquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframeEBAI
 
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...EBAI
 
Design Livre e Cultura Colaborativa
Design Livre e Cultura ColaborativaDesign Livre e Cultura Colaborativa
Design Livre e Cultura ColaborativaEBAI
 
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...EBAI
 
Linkosophy
LinkosophyLinkosophy
LinkosophyEBAI
 
Influência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultadosInfluência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultadosEBAI
 
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...EBAI
 
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeArquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeEBAI
 

Plus de EBAI (9)

Web dogma
Web dogmaWeb dogma
Web dogma
 
Arquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframeArquitetura de Informação sem wireframe
Arquitetura de Informação sem wireframe
 
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
SEARCH ENGINE OPTIMIZATION - SEO: a contribuição do bibliotecário na otimizaç...
 
Design Livre e Cultura Colaborativa
Design Livre e Cultura ColaborativaDesign Livre e Cultura Colaborativa
Design Livre e Cultura Colaborativa
 
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
DESIGN EM SITES DE ENCONTRO: promessas de amor verdadeiro, rápido, anônimo e ...
 
Linkosophy
LinkosophyLinkosophy
Linkosophy
 
Influência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultadosInfluência cultural nas interfaces gestuais: metodologia e resultados
Influência cultural nas interfaces gestuais: metodologia e resultados
 
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
Experiência Empírica de Trabalho Comercial no Segmento de Pesquisa e Design C...
 
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da RedeArquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
Arquitetura da Informação para o Diálogo Governo-Cidadão através da Rede
 

InteratividadeTV