GINGA: Interatividade na TV Digital com Java - FLISol 2015 - IFSP - Votuporanga-SP
TV + interatividade
-
Upload
rodrigo-quaresma -
Category
Design
-
view
5.637 -
download
0
description
Transcript of TV + interatividade
![Page 1: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/1.jpg)
Interatividade + TVUm pouco sobre a experiência no desenvolvimento
de aplicações interativas para a TV
EBAI 2011
![Page 2: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/2.jpg)
rodrigo quaresma
papel web tv
15 anos 10 anos 3 anos
![Page 3: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/3.jpg)
‣ TV e interatividade
‣ TV e design de interação
‣ TV e usuário
‣ TV e mercado
![Page 4: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/4.jpg)
TV e interatividade
![Page 5: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/5.jpg)
‣ não é novidade
TV e interatividade
![Page 6: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/6.jpg)
troca de canais
![Page 7: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/7.jpg)
winky dink and you
![Page 8: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/8.jpg)
‣ não é novidade
‣ não é TV digital
TV e interatividade
![Page 9: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/9.jpg)
‣ não é novidade
‣ não é TV digital
‣ não é HDTV
TV e interatividade
![Page 10: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/10.jpg)
‣ não é novidade
‣ não é TV digital
‣ não é HDTV
‣ não é o ginga
TV e interatividade
![Page 11: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/11.jpg)
é diálogo
TV e interatividade
![Page 12: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/12.jpg)
algumas nomenclaturas para a TV interativa
![Page 13: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/13.jpg)
segundo a Microsoft:
algumas nomenclaturas para a TV interativa
![Page 14: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/14.jpg)
‣ enhanced television
segundo a Microsoft:
algumas nomenclaturas para a TV interativa
![Page 15: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/15.jpg)
Arab Radio & Television World Cup Demo
![Page 16: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/16.jpg)
F1 Digital+ on Sky Digital
![Page 17: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/17.jpg)
‣ enhanced television
‣ internet on television
segundo a Microsoft:
algumas nomenclaturas para a TV interativa
![Page 18: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/18.jpg)
Nintendo Wii + Opera
![Page 19: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/19.jpg)
‣ enhanced television
‣ internet on television
‣ personal television
segundo a Microsoft:
algumas nomenclaturas para a TV interativa
![Page 20: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/20.jpg)
‣ enhanced television
‣ internet on television
‣ personal television
‣ connected television
segundo a Microsoft:
algumas nomenclaturas para a TV interativa
![Page 21: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/21.jpg)
segundo o The Henley Centre:
algumas nomenclaturas para a TV interativa
![Page 22: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/22.jpg)
‣ distribution interactivity
segundo o The Henley Centre:
algumas nomenclaturas para a TV interativa
![Page 23: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/23.jpg)
‣ distribution interactivity
‣ information interactivity
segundo o The Henley Centre:
algumas nomenclaturas para a TV interativa
![Page 24: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/24.jpg)
‣ distribution interactivity
‣ information interactivity
‣ participation interactivity
segundo o The Henley Centre:
algumas nomenclaturas para a TV interativa
![Page 25: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/25.jpg)
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 26: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/26.jpg)
‣ electronic programme guides (EPG)
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 27: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/27.jpg)
![Page 28: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/28.jpg)
![Page 29: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/29.jpg)
![Page 30: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/30.jpg)
‣ electronic programme guides (EPG)
‣ funções de DVR
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 31: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/31.jpg)
‣ electronic programme guides (EPG)
‣ funções de DVR
‣ aplicações de venda
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 32: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/32.jpg)
‣ electronic programme guides (EPG)
‣ funções de DVR
‣ aplicações de venda
‣ enhanced television
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 33: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/33.jpg)
‣ video on demand
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 34: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/34.jpg)
![Page 35: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/35.jpg)
![Page 36: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/36.jpg)
‣ video on demand
‣ media center
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 37: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/37.jpg)
![Page 38: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/38.jpg)
‣ video on demand
‣ media center
‣ social media
segundo meu dia a dia
algumas nomenclaturas para a TV interativa
![Page 39: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/39.jpg)
![Page 40: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/40.jpg)
![Page 41: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/41.jpg)
e o trabalho dodesigner de interação
nisso tudo?
![Page 42: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/42.jpg)
investigar diretrizes eficientes de design
![Page 43: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/43.jpg)
buscar consistênciana navegação
![Page 44: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/44.jpg)
buscar consistênciana navegação
os mesmos comandos produzem os mesmos resultados
![Page 45: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/45.jpg)
buscar consistênciana navegação
![Page 46: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/46.jpg)
![Page 47: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/47.jpg)
![Page 48: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/48.jpg)
mas ainda há esperança...
![Page 49: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/49.jpg)
OK
![Page 50: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/50.jpg)
![Page 51: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/51.jpg)
![Page 52: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/52.jpg)
X
![Page 53: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/53.jpg)
![Page 54: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/54.jpg)
![Page 55: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/55.jpg)
OK
![Page 56: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/56.jpg)
OKVOLTAR AVANÇAR
![Page 57: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/57.jpg)
enquanto isso, buscamos um modelo mental
adequado para tela da TV
![Page 58: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/58.jpg)
opção 1opção 2opção 3opção 4opção 5 onde estou
area 1 area 2 area 3 area 4
web
![Page 59: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/59.jpg)
opção 1opção 2opção 3opção 4opção 5 onde estou
area 1 area 2 area 3 area 4
ondeestou
onde comecei
deonde
euvim
próximo
próximo
próximo
próximo
próximo
web iphone
![Page 60: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/60.jpg)
ondeestou
onde comecei
deonde
euvim
próximo
próximo
próximo
próximo
próximo
![Page 61: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/61.jpg)
onde comecei
deonde
euvim
próximo
próximo
próximo
próximo
próximo
opção 4
opção 5
opção 3
opção 2
opção 1
![Page 62: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/62.jpg)
![Page 63: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/63.jpg)
![Page 64: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/64.jpg)
nossa primeira diretriz
![Page 65: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/65.jpg)
navegamos entre níveis utilizando as setas
esquerda e direita e entre itens com as setas para
cima e para baixo
![Page 66: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/66.jpg)
anterior próximoatual
![Page 67: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/67.jpg)
item 4
item 5
item 3
item 2
item 1
![Page 68: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/68.jpg)
anterior próximo
item 4
item 5
item 3
item 2
item 1
![Page 69: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/69.jpg)
CANAIS
Universal
Warner
FOX
Discovery
AXN
EPG XYZ
Glee
Fringe
Lie to Me
Futurama
Bones
![Page 70: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/70.jpg)
FOX
Glee
Fringe
Lie to Me
Futurama
Bones
Temporada 4
Temporada 5
Temporada 3
Temporada 2
Temporada 1
EPG XYZ
![Page 71: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/71.jpg)
mas nem tudo é perfeito...
![Page 72: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/72.jpg)
![Page 73: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/73.jpg)
K.I.S.S.
![Page 74: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/74.jpg)
ofereça menos decisões
![Page 75: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/75.jpg)
jamais foque na quantidade de etapas.
foque no menor esforço mental das escolhas
do usuário
![Page 76: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/76.jpg)
teclas coloridas setas + ok
eficiência 70.8% eficiência 75.0%
![Page 77: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/77.jpg)
e o perfil do tele-usuário...
![Page 78: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/78.jpg)
é do tipo passivo
![Page 79: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/79.jpg)
![Page 80: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/80.jpg)
sofa cadeira
![Page 81: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/81.jpg)
apple tvhollywood & TV shows
tudo em alta definição
não querem um computador
não querem gerenciar conteúdo
...
![Page 82: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/82.jpg)
apple tvhollywood & TV shows
tudo em alta definição
não querem um computador
não querem gerenciar conteúdo
...
![Page 83: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/83.jpg)
![Page 84: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/84.jpg)
apple remote google TV
![Page 85: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/85.jpg)
boxee - netflix amazon - VOD
![Page 86: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/86.jpg)
convergênciaX
convivência
![Page 87: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/87.jpg)
eu quero a web na minha TV #NOT
![Page 88: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/88.jpg)
e o mercado?
![Page 89: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/89.jpg)
UOL em junho de 1997
![Page 90: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/90.jpg)
$
![Page 91: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/91.jpg)
concorrência
![Page 92: TV + interatividade](https://reader033.fdocument.pub/reader033/viewer/2022052907/5590b7201a28ab105f8b469c/html5/thumbnails/92.jpg)
MUITOOBRIGADO!