Interatividade + TVUm pouco sobre a experiência no desenvolvimento      de aplicações interativas para a TV               ...
rodrigo quaresmapapel     web       tv15 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 nomenclaturaspara a TV interativa
algumas nomenclaturaspara a TV interativasegundo a Microsoft:
algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television
Arab Radio & Television World Cup Demo
F1 Digital+ on Sky Digital
algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television ‣ internet on television
Nintendo Wii + Opera
algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television ‣ internet on television ‣ personal te...
algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television ‣ internet on television ‣ personal te...
algumas nomenclaturaspara a TV interativasegundo o The Henley Centre:
algumas nomenclaturaspara a TV interativasegundo o The Henley Centre: ‣ distribution interactivity
algumas nomenclaturaspara a TV interativasegundo o The Henley Centre: ‣ distribution interactivity ‣ information interacti...
algumas nomenclaturaspara a TV interativasegundo o The Henley Centre: ‣ distribution interactivity ‣ information interacti...
algumas nomenclaturaspara a TV interativasegundo meu dia a dia
algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG)
algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG) ‣ funções de DVR
algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG) ‣ funções de DVR ‣ apli...
algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG) ‣ funções de DVR ‣ apli...
algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ video on demand
algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ video on demand ‣ media center
algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ video on demand ‣ media center ‣ social media
e o trabalho dodesigner de interação     nisso tudo?
investigar diretrizeseficientes de design
buscar consistência   na navegação
buscar consistência    na navegaçãoos mesmos comandosproduzem os mesmosresultados
buscar consistência   na navegação
mas ainda háesperança...
OK
X
OK
VOLTAR   OK   AVANÇAR
enquanto isso, buscamos   um modelo mentaladequado para tela da TV
web  area 1   area 2   area 3   area 4opção 1opção 2opção 3opção 4           onde estouopção 5
web                              iphone                                      onde comecei  area 1   area 2   area 3   area...
onde comecei                  próximo                  próximo deonde eu          onde    próximo          estou vim      ...
onde comecei               opção 1   próximo de            opção 2   próximoonde               opção 3   próximo eu vim   ...
nossa primeira diretriz
navegamos entre níveis    utilizando as setasesquerda e direita e entre itens com as setas para    cima e para baixo
anterior   atual   próximo
item 1item 2item 3item 4item 5
item 1           item 2anterior   item 3   próximo           item 4           item 5
EPG XYZ               AXN        Bones             Discovery   FuturamaCANAIS         FOX       Lie to Me             Univ...
EPG XYZ            Bones      Temporada 1           Futurama    Temporada 2FOX        Lie to Me   Temporada 3             ...
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 + okeficiência 70.8%   eficiência 75.0%
e o perfil dotele-usuário...
é do tipo passivo
sofa   cadeira
apple tvhollywood & TV showstudo em alta definiçãonão querem um computadornão querem gerenciar conteúdo...
apple tvhollywood & TV showstudo em alta definiçãonão querem um computadornã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
MUITOOBRIGADO!
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
TV + interatividade
Próximos SlideShares
Carregando em…5
×

TV + interatividade

6.739 visualizações

Publicada em

Apresentação realizada no 5º EBAI - Encontro Brasileiro de Arquitetura de Informação sobre as experiências no desenvolvimento de aplicações para a TV.

Publicada em: Design

TV + interatividade

  1. 1. Interatividade + TVUm pouco sobre a experiência no desenvolvimento de aplicações interativas para a TV EBAI 2011
  2. 2. rodrigo quaresmapapel web tv15 anos 10 anos 3 anos
  3. 3. ‣ TV e interatividade‣ TV e design de interação‣ TV e usuário‣ TV e mercado
  4. 4. TV e interatividade
  5. 5. TV e interatividade‣ não é novidade
  6. 6. troca de canais
  7. 7. winky dink and you
  8. 8. TV e interatividade‣ não é novidade‣ não é TV digital
  9. 9. TV e interatividade‣ não é novidade‣ não é TV digital‣ não é HDTV
  10. 10. TV e interatividade‣ não é novidade‣ não é TV digital‣ não é HDTV‣ não é o ginga
  11. 11. TV e interatividadeé diálogo
  12. 12. algumas nomenclaturaspara a TV interativa
  13. 13. algumas nomenclaturaspara a TV interativasegundo a Microsoft:
  14. 14. algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television
  15. 15. Arab Radio & Television World Cup Demo
  16. 16. F1 Digital+ on Sky Digital
  17. 17. algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television ‣ internet on television
  18. 18. Nintendo Wii + Opera
  19. 19. algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television ‣ internet on television ‣ personal television
  20. 20. algumas nomenclaturaspara a TV interativasegundo a Microsoft: ‣ enhanced television ‣ internet on television ‣ personal television ‣ connected television
  21. 21. algumas nomenclaturaspara a TV interativasegundo o The Henley Centre:
  22. 22. algumas nomenclaturaspara a TV interativasegundo o The Henley Centre: ‣ distribution interactivity
  23. 23. algumas nomenclaturaspara a TV interativasegundo o The Henley Centre: ‣ distribution interactivity ‣ information interactivity
  24. 24. algumas nomenclaturaspara a TV interativasegundo o The Henley Centre: ‣ distribution interactivity ‣ information interactivity ‣ participation interactivity
  25. 25. algumas nomenclaturaspara a TV interativasegundo meu dia a dia
  26. 26. algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG)
  27. 27. algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG) ‣ funções de DVR
  28. 28. algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG) ‣ funções de DVR ‣ aplicações de venda
  29. 29. algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ electronic programme guides (EPG) ‣ funções de DVR ‣ aplicações de venda ‣ enhanced television
  30. 30. algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ video on demand
  31. 31. algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ video on demand ‣ media center
  32. 32. algumas nomenclaturaspara a TV interativasegundo meu dia a dia ‣ video on demand ‣ media center ‣ social media
  33. 33. e o trabalho dodesigner de interação nisso tudo?
  34. 34. investigar diretrizeseficientes de design
  35. 35. buscar consistência na navegação
  36. 36. buscar consistência na navegaçãoos mesmos comandosproduzem os mesmosresultados
  37. 37. buscar consistência na navegação
  38. 38. mas ainda háesperança...
  39. 39. OK
  40. 40. X
  41. 41. OK
  42. 42. VOLTAR OK AVANÇAR
  43. 43. enquanto isso, buscamos um modelo mentaladequado para tela da TV
  44. 44. web area 1 area 2 area 3 area 4opção 1opção 2opção 3opção 4 onde estouopção 5
  45. 45. web iphone onde comecei area 1 area 2 area 3 area 4opção 1 próximoopção 2opção 3 de próximoopção 4 onde onde próximo onde estouopção 5 eu vim estou próximo próximo
  46. 46. onde comecei próximo próximo deonde eu onde próximo estou vim próximo próximo
  47. 47. onde comecei opção 1 próximo de opção 2 próximoonde opção 3 próximo eu vim opção 4 próximo opção 5 próximo
  48. 48. nossa primeira diretriz
  49. 49. navegamos entre níveis utilizando as setasesquerda e direita e entre itens com as setas para cima e para baixo
  50. 50. anterior atual próximo
  51. 51. item 1item 2item 3item 4item 5
  52. 52. item 1 item 2anterior item 3 próximo item 4 item 5
  53. 53. EPG XYZ AXN Bones Discovery FuturamaCANAIS FOX Lie to Me Universal Glee Warner Fringe
  54. 54. EPG XYZ Bones Temporada 1 Futurama Temporada 2FOX Lie to Me Temporada 3 Glee Temporada 4 Fringe Temporada 5
  55. 55. mas nem tudo é perfeito...
  56. 56. K.I.S.S.
  57. 57. ofereça menos decisões
  58. 58. jamais foque na quantidade de etapas.foque no menor esforço mental das escolhas do usuário
  59. 59. teclas coloridas setas + okeficiência 70.8% eficiência 75.0%
  60. 60. e o perfil dotele-usuário...
  61. 61. é do tipo passivo
  62. 62. sofa cadeira
  63. 63. apple tvhollywood & TV showstudo em alta definiçãonão querem um computadornão querem gerenciar conteúdo...
  64. 64. apple tvhollywood & TV showstudo em alta definiçãonão querem um computadornão querem gerenciar conteúdo...
  65. 65. apple remote google TV
  66. 66. boxee - netflix amazon - VOD
  67. 67. convergência X convivência
  68. 68. eu quero a web na minha TV #NOT
  69. 69. e o mercado?
  70. 70. UOL em junho de 1997
  71. 71. $
  72. 72. concorrência
  73. 73. MUITOOBRIGADO!

×