LEITE, L.A.F.. Usabilidade para TV Digital Interativa - LTS-i

Usabilidade para TV Digital
Interativa
Relatório Técnico
Descreve boas práticas de programação para TV Digital Interativa,
levando em conta aspectos de usabilidade, focando nas questões que
diferenciam a usabilidade da TV Digital da usabilidade de um
computador.
Leonardo Alexandre Ferreira Leite
Abril de 2009
Grupo de Estudos em interação do LTS
Escola Politécnica da Universidade de São Paulo
Abril de 2009
TV Digital e TV Interativa
Embora normalmente interligados, os conceitos de TV Digital e TV Interativa são
conceitos diferentes e independentes.
TV Digital diz respeito à tecnologia de transmissão, que atualmente conta com a
grande inovação de se transmitir vídeo e áudio através da codificação MPEG. O MPEG
Vídeo define métodos para compressão e codificação de vídeo digital com diferentes
expectativas de qualidade, dentre elas: SDTV (Standard Digital Television) e HDTV (High
Definition Digital Television) (Fernandes, Lemos, e Silveira 2004).
Com isso, podemos no espaço de banda atualmente utilizado por um canal de TV
analógica, transmitir quatro programas de TV digital com qualidade equivalente a um
programa de TV analógica (SDTV) ou transmitir um único programa de alta resolução
(HDTV).
O sistema de transmissão do sinal da TV digital consiste basicamente na separação
de fluxos de vídeo, áudio e dados definidos pelo sistema MPEG. Esses fluxos são
multiplexadas na transmissão e recombinados pelo aparelho receptor, denominado Set Top
Box (STB) (Fernandes, Lemos, e Silveira 2004). O fluxo de dados é o meio pelo qual
normalmente pode-se fazer trafegar informações que gerarão conteúdo interativo.
No entanto podemos constatar que o conceito de “interatividade” na TV é bem mais
amplo, e independe da transmissão digital.
Exemplo disso é a primeira ocorrência de interatividade na TV, realizada no programa
Winky Dink and You, que estreou em 1953; o programa era um desenho voltado para
crianças, que tendo em mãos o “Kit Oficial Winky Dink”, podiam interagir com o programa
colocando uma folha de papel transparente sobre a tela da TV e fazer desenhos como uma
ponte que salvaria o personagem Winky Dink ou ligar pontos transmitidos pelo programa
para descobrirem uma palavra secreta (Gawlinski 2003) (Lu 2005).
Outros exemplos básicos de interatividade são votações por telefone, como ocorre
no programa Big Brother, ou participação do telespectador de jogos e quizes via telefone,
enquanto o programa é transmitido ao vivo.
As formas como a interatividade se desenvolvem na TV Digital podem ser
classificada em:
- Pseudo-interatividade (Enhanced TV): caso o resultado da interação entre o
usuário e o STB fique restrito ao subsistema de Recepção Doméstica (Fernandes, Lemos, e
Silveira 2004), ou seja, não há conversa com o sistema de produção; com isso é possível criar
aplicações como jogos, personalizar o ambiente ou escolher um determinado conteúdo para
visualizar;
- Interatividade plena: necessita de um canal de retorno, que pode ser Internet,
telefonia etc, para que haja um diálogo entre o usuário e o sistema produtor; esse tipo de
interatividade permitiria compras diretas pela TV, declaração de impostos etc.
Proj.RT.NNN.vv
1
Abril de 2009
Usos da interatividade na TV Digital
De acordo com Gawlinski, alguns dos principais usos que a TV Digital proporciona
em termos de interatividade são:
- EPG’s (Eletronic programme guides): é uma aplicação do sistema receptor, que
permite ao usuário checar a programação e selecionar um determinado programa, seja
imediatamente ou programadamente. Esse tipo de recurso é muito importante em um serviço
com centenas de canais televisivos;
- Tele-texto: XXXXXXXXXX
- Vídeo sob demanda: permite ao usuário receber uma determinada programação de
um grande catálogo, como em geral ocorre com filmes no sistema pay per view;
- Gravação de programação: possibilita que o telespectador assista a um
determinado programa na hora em que ele desejar.
- Internet na TV: uso da TV para navegação de sites web;
- Enhanced TV: aplicações que rodam sobre um determinado programa, se
integrando com a narrativa e melhorando a experiência do usuário, através da exibição de
informação adicional sob demanda.
- Walled Gardens: são aplicativos para TV Digital que formam um conjunto com
certa identidade fornecido por um determinado fornecedor de serviços. De certo modo podem
se comparar a aplicações de Enhanced TV, mas sem estar ligadas a um determinado
programa televisivo.
Neste relatório, os aspectos de usabilidade levantados dizem respeito aos últimos
três tipos de aplicação: Internet na TV, Enhanced TV e Walled Garden.
Embora Enhanced TV seja definida como desprovida de canal de retorno, para as análises a
seguir é indiferente se uma aplicação rodando sobre um programa televisivo faz uso ou não
do canal de retorno.
Segundo Lu, as aplicações TVDi já existente no mercado cobrem os seguintes segmentos
do mercado:
- esportes;
- entretenimento;
- reality show;
- premiações;
- documentários;
- compras;
- talk shows;
- dramaturgia;
Podemos ainda acrescentar à lista aplicações de governo eletrônico, cujo principal
promotor é o Reino Unido (embora a população ainda não sinta os efeitos disso).
Proj.RT.NNN.vv
2
Abril de 2009
Diferenciando TV de PC
Já vimos que uma das possíveis aplicações para TVDi é a exibição de páginas web
na tela da TV. No entanto, muitos web sites, projetados para serem vistos em um computador
pessoal, ficam horríveis na TV e alguns simplesmente não funcionam (Gawlinski, 2003).
Isto acontece principalmente porque cada layout teria que ser testado na TV, uma vez que
estamos tratando de plataformas diferentes.
Outro fator crucial, que é o que nos importa neste relatório, é que o modelo de
interação da TV é diferente do de um PC, isto principalmente pelo fato de no PC termos um
teclado e um mouse como principais meios físicos de interação, enquanto que na TV temos
um controle remoto, que conta com poucas teclas, normalmente setas, OK e quatro teclas de
cor.
Quando pensamos em aplicações para TVDi de forma mais geral, não somente web
sites, temos que fazer ainda mais considerações.
É preciso considerar a experiência do usuário como um todo, e não somente as tarefas
em questão, considerar que o usuário está imerso na programação do broadcasting e que a
experiência pode provavelmente ocorrer em grupo, e não individualmente como é mais
comum na web (Leung, Bryant, e Tan 2006).
Também é preciso ter em mente as limitações da TV, que são principalmente a
pouca quantidade de informação que pode ser exibida de uma vez na tela e a interação pelo
controle remoto.
Um fator curioso e polêmico é a disposição do usuário em dominar uma aplicação
TVDi. Chroniopoulos mostra que pesquisas evidenciam que o telespectador estaria mais
disposto a se esforçar pra dominar uma aplicação TVDi, do que estaria na web, enquanto que
Lu afirma que um design afetivo pode tornar as pessoas mais tolerantes a dificuldades
menores e torná-las também mais flexíveis e criativas para encontrar as soluções. A aposta
seria um design mais relaxante e agradável, que melhoraria a usabilidade pela estética, uma
vez que “coisas atraentes funcionam melhor” (Norman 2004). No entanto, Gawlinksy
acredita que, de forma geral, é preciso que as aplicações interativas respeitem e se
compatibilizem com o modo habitual de ver TV, o que é uma experiência relaxante e de
baixa demanda cognitiva, embora ele mesmo admita que em certos casos possa ser mais fácil
persuadir o usuário a interagir, como seria casos de interesse do usuário (t-commerce e t-gov)
ou em programações que já disponham o telespectador em uma postura mais ativa, como um
programa de quiz.
De qualquer forma, a simplicidade é um fator de extrema importância, uma vez que
conforme indicam pesquisas, os usuário de TVDi da Áustria, ficaram bem mais satisfeitos
com aplicações simples e fáceis de usar (como notícias e vídeo sob demanda) do que com
aplicações mais complexas (como serviços de e-mail e SMS), devido à questões de
usabilidade, principalmente quanto a dificuldade de se introduzir texto via controle remoto
(Bernhaupt, Obrist, e Tscheligi 2007).
Com isso, na prática, deve haver uma preocupação e compromisso com usabilidade,
tanto é que podemos observar logo na introdução dos guidelines da BBC para TVDi a
afirmação de que todas os serviços disponibilizados devem ser fáceis de usar para toda a
variação de perfis de telespectadores, incluindo cuidados especiais para pessoas com
problemas de visão.
Essa “toda variação de perfis de telespectadores” é assunto bastante abordado na
literatura, quando se discute, no caso da TV, como fazer uma aplicação que atenda diferentes
perfis, e ainda mais: perfis diferentes que podem utilizar a aplicação ao mesmo tempo!
(Flores, Faust, e Pimenta 2008).
Aliás, isso também leva a pensar que no caso de uma empresa brasileira, essa
preocupação com a diversidade de público e grupos críticos de usuários deveria cobrir a
preocupação com as pessoas de baixa escolaridade, bem como os analfabetos digitais,
lembrando que uma das vantagens prometidas para a TV Digital é permitir que pessoas sem
acesso ao computador possam se beneficiar desta nova tecnologia.
Proj.RT.NNN.vv
3
Abril de 2009
Todas essas questões levantadas acima são para mostrar que não podemos
simplesmente desenvolver aplicações para TVDi com o mesmo modelo ou processo que
usamos para computadores. Na verdade, podemos ampliar este conceito, de forma que em
um ambiente de uso de múltiplas mídias, ou em um ambiente cross media, são fornecidas
várias mídias e dispositivos (tais como PC, TV, mobile, mídia impressa) para o usuário
interagir, de forma que cada mídia irá contribuir com o desenrolar de uma narrativa com suas
forças características (Boumans 2004), que advém das peculiaridades de cada uma dessas
mídias.
Proj.RT.NNN.vv
4
Abril de 2009
Boas práticas de design e usabilidade
As regras que se seguem, salvo menção contrária, são procedentes do guia para
design de aplicações de TV interativa da BBC.
Simplicidade
A interface deve ser o mais simples possível, sem que o usuário tenha que fazer algum
processamento cognitivo para entender o que fazer para conseguir o que quer. Um recurso
importante neste sentido, contado por Gawlinsky, é fazer com que a interface padrão atenda
as necessidades básicas da maioria dos usuários, enquanto que opções típicas de usuário
avançados devem ser “escondidas”, podendo ser acessadas em algum “link” na interface
padrão.
Safe area
O guia da BBC define, baseado no sistema PAL, duas áreas de segurança, a picture safe,
onde todo o conteúdo visual deve ser exibido, e a text safe, na qual devem estar contidas as
informações vitais como textos e logotipos.
Obviamente, a text safe é mais restritiva de que a picture safe.
Lu recomenda 10% para graphic-safe e 5% para action safe (a porcentagem corresponde
ao entorno desprezado).
Embora Lu também se baseie no guia da BBC, acaba adotando
uma nomenclatura diferente, em que graphic-safe área corresponde a text area, enquanto que
a action safe area corresponde a picture safe area.
Já Gawlinsky recomenda 20% para a safe area como um todo, que corresponde
mais a text safe do que a soma da text safe com a Picture safe.
Resolução
Os padrões de tamanho de tela para TV são o 4:3 (standard) e o 16:9 (widescreen). Note
que as resoluções mais usadas nos PCs, 800x600 e 1024x768, possuem a proporção 4:3. No
entanto, a resolução mais atualizada atualmente para laptops widescreen, o 1280x800, possui
um proporção de 8:5, e não 16:9.
Considerando este fato, o desenvolvimento de aplicações TVDi em PC se torna mais
simples e confiável quando projetado para o formato 4:3 numa das resoluções
correspondentes. Além disso, Lu afirma que uma aplicação desenvolvida para 4:3 irá esticar
no widescreen, mas sem perda de informação, enquanto que algo desenvolvido no
widescreen terá os lados cortados se exibido em 4:3.
Como, pelo menos no Brasil, a porcentagem de usuário com TV widescreen é baixa,
recomenda-se que os serviços sejam pensados e projetados para 4:3.
A resolução do pixel
Os pixels do computador são quadrados, enquanto que os da TV tem uma proporção de 1
na vertical para 1,0667 na horizontal. Isso faz com que uma imagem que foi projetada
quadrada no PC, apareça esticada na horizontal na TV.
Para sanar o problema, a solução proposta pela BBC é a seguinte: todas as imagens
destinadas à TV que foram criadas no computador devem ser salvas com 768 pixels de
largura e 576 pixels de altura. Então, a imagem é reduzida horizontalmente para 720 pixels
de largura. Quando a imagem aparecer na TV, os pixels mais largos da tela da TV irão
‘esticar’ a imagem de volta para a largura correta.
Legenda
Deve estar na text area, ter uma duração que dê ao desenvolvedor tempo suficiente para
lê-la pelo menos três vezes; a legenda deve ser relevante, não exibindo informações
desnecessárias como números de telefone para contato em um programa reprisado.
Não deve sobrepor-se a gráficos digitais ou elementos interativos, ter letras pequenas ou
se confundir com o vídeo, de forma a dificultar a leitura.
Proj.RT.NNN.vv
5
Abril de 2009
Gráficos (Gawlinski 2003)
Para evitar efeito de tremulação (flicker), evite detalhes muito finos ou pequenos. Isso
acontece porque a TV funciona com um conjunto de linhas que mostram a imagem, sendo
que essas linhas se revezam na exibição em dois grupos, sendo que cada linha irá então
revezar com suas vizinhas.
Evite cores muito intensas umas do lado das outras. O encontro dessas cores pode não
funcionar bem.
Evite cores muito intensas e um fundo branco (o branco é a combinação das cores
primárias, o que fará a TV usar toda a potência dos três raios catódicos).
Texto
A fonte mais recomendada é a Tiresias (especialmente desenvolvida pra
TV).
O tamanho mínimo da fonte deve ser 18pt, sendo que para os textos principais deve ser
pelo menos 24pt.
Um texto em full screen não deve ter mais que 90 palavras.
Texto claro em fundo escuro é mais fácil de ler.
O texto deve ser quebrado em trechos distintos, pra facilitar a leitura.
Não usar mais que dois tipos de fonte na mesma tela (BBC usa Gill Sans para títulos,
cabeçalhos e elementos de navegação)
Obs: para instalar Tiresias no ambiente Java basta copiar os arquivos das fontes
para o diretório jre/lib/fonts, sendo que a mesma também já deve estar presente nos
STBs, uma vez que faz parte da norma brasileira (ASSOCIAÇÃO BRASILEIRA DE
NORMAS TÉCNICAS 2008).
Entrada de texto
Quando for necessário que o usuário entre com um texto, deve haver apoios como
auto completar (Bernhaupt, Obrist, e Tscheligi 2007) ou teclado virtual.
Outro recurso auxiliar muito valioso é armazenar algumas informações típicas do
usuário, como nome, endereço e telefone, e exibi-los quando for preencher novamente o
mesmo campo (Gawlinski 2003). Embora tecnicamente possa ser complicado fazer isso para
sessões diferentes, no mínimo isto deve acontecer para uma sessão, i.e., enquanto o usuário
estiver sintonizado na sua aplicação, seus dados devem ser mantidos.
Tempo de resposta
Gawlinsky classifica os tempos de espera da seguinte forma:
Menor que 0.1s: impressão de continuidade;
Menor que 1s: demora aceitável, mas perceptível;
Menor que 10s: os usuários ainda vão esperar e prestar atenção no que se passa;
Maior que 10s: usuário provavelmente irá desistir, a menos que esteja esperando
por uma informação realmente importante, como no caso de um serviço de governo, ou o
resultado de uma transação comercial.
A BBC adota como tempo de resposta máximo para um comando do usuário o
valor de 8 segundos.
Este aspecto de tempo é mais crucial na TV do que nos computadores, pelo fato
de as pessoas já estarem acostumadas com a instantaneidade das ações, como sintonizar um
canal. Seria muito frustrante para as pessoas, e mais frustrante ainda para as pessoas que não
sabem usar um computador, ter que ver uma barra de loading para esperar um vídeo carregar
na TV!
Mas quando algum tipo de espera mais longa for realmente necessário, deve-se
fornecer algum feed back para que o usuário percebe que está havendo algum processamento
e não venha a achar que a aplicação travou.
Navegação
Permitir que o usuário se situe facilmente de onde está, como chegou lá, quem ele é e
Proj.RT.NNN.vv
6
Abril de 2009
para onde pode ir (BBC 2005). No caso de o usuário se sentir perdido, deve haver uma rota
de escape, para voltar a um ponto conhecido, como a tela inicial ou menu principal
(Gawlinski 2003).
Fornecer algum tipo de feedback sempre que o usuário executar alguma ação. Permitir
sempre um meio fácil de o usuário voltar ao ponto de partida da aplicação ou escapar para a
programação principal (vídeo).
Usar botões e comandos consistentes ao longo da aplicação, e se possível, ao longo da
plataforma (aplicativos infantis são exceções)
Não usar dois botões para a mesma função.
Não usar botões de cores para propósitos que se aplicam melhor às setas e tentar
restringir o máximo possível as funções de navegação às setas e ao OK (BBC 2005); além do
que, é interessante que a navegação ocorra apenas na vertical ou apenas na horizontal
(Gawlinski 2003)
O cursor da seleção deve estar em destaque e o item selecionado pode ter
propriedades, como cor e tamanho, alteradas (Gawlinski 2003).
A quantidade de pressionamentos de teclas para se fazer uma seleção deve ser
minimizado; sobre isto, Gawlinsky cita Jakob Nielsen em um dos primeiros ensaios sobre
usabilidade em TVDi: “em vez de ser uma simples ação, selecionar se transforma em uma
seqüência de ações que deve ser planejada e monitorada com um grau muito maior de carga
cognitiva quando comparado com o uso de um mouse”.
Além da questão cognitiva, o número de botões envolvidos na aplicação também
deve ser minimizado, de forma que os botões utilizados estejam fisicamente próximos no
controle remoto, de forma que o usuário não precisará interromper a interação para procurar
algum botão no controle remoto (Gawlinski 2003).
Para a navegação não se deve usar mecanismos de rolagem de página, assim como
outros mecanismos típicos da web, como o arrastar-e-soltar (Gawlinski 2003).
Ao apresentar as funcionalidades dos botões de cor, manter sempre os botões na mesma
ordem e manter um espaço no lugar do botão, quando ele não for necessário. Isso também
deve ser feito preferencialmente na horizontal e no canto inferior da tela.
A ordem recomendada pela BBC é: vermelho, verde, amarelo e azul.
Padrão de cores da BBC: vermelho = home, verde = mudar tela, amarelo = voltar e azul =
índice
Nomes das teclas devem ser sempre em maiúsculas, ex: VERMELHO, AZUL...
As pessoas tendem a ignorar textos de conteúdo, quando procuram por instruções!
Portanto, as instruções devem se parecer com instruções e isso é conseguido se o texto da
instrução começar com a ação a ser executada, ex: para sair, pressione VERM.
Não utilizar seções de ajuda! (Gawlinski 2003)
Pode usar cores para identificar teclas, como VERM, AZUL... mas desde que isso não
prejudique a legibilidade da instrução!
Também devemos nos ater a essa forma de representação dos botões (pelo nome
escrito em maiúsculas), evitando o uso de ícones abstratos, como uma mão apontando um
dedo (Gawlinski 2003).
O efeito de se segurar o botão para obter o mesmo efeito repetidas vezes em seguida,
pode ajudar o usuário em tarefas como trocar de canal, mas isso deve ser feito com o cuidado
de um pequeno atraso, com o correspondente feed back, entre uma ação e outra (Gawlinski
2003) .
Experiência em grupo (Gawlinski 2003)
Já comentamos que o fato de as pessoas assistirem TVs em grupo, de forma social,
traz conseqüências para as aplicações de TVDi.
A principal questão é assegurar medidas que permitam uma pessoa interagir com a
aplicação, sem que outra pessoa na sala perda o conteúdo da programação principal.
As principais maneiras de se conseguir isso são gráficos semi-transparentes; isolar a
aplicação em uma pequena janela, de forma a não cobrir toda a programação e não remover
completamente da tela a programação principal.
Proj.RT.NNN.vv
7
Abril de 2009
Outro caminho mais complicado é o uso de múltiplos controles remotos para que as
pessoas interajam em grupo.
Proj.RT.NNN.vv
8
Abril de 2009
Bibliografia
ASSOCIAÇÃO BRASILEIRA DE NORMAS TÉCNICAS. 2008. NBR 15604 Televisão digital terrestre
— Receptores. Abril 7.
http://www.abnt.org.br/tvdigital/norma_bra/ABNTNBR15604_2007Vc_2008.pdf.
BBC. 2005. Designing for interactive television v 1.0 BBCi & Interactive tv programmes.
Bernhaupt, Regina, Marianna Obrist, e Manfred Tscheligi. 2007. Usability and usage of iTV services:
lessons learned in an Austrian field trial. Comput. Entertain. 5, no. 2: 6.
doi:10.1145/1279540.1279546.
Boumans, Jak . 2004. E-content report 8. ACTeN, Agosto. http://www.acten.net.
Chorianopoulos, Konstantinos. 2004. Virtual Television Channels.
Fernandes, Jorge, Guido Lemos, e Gladson Silveira. 2004. Introdução à Televisão Digital Interativa:
Arquitetura, Protocolos, Padrões e Práticas.
Flores, Luciano Vargas, Richard Faust, e Marcelo Soares Pimenta. 2008. Definindo uma proposta para
avalia\ç\ões de usabilidade de aplica\ç\ões para o sistema brasileiro
de TV digital. In Proceedings of the VIII Brazilian Symposium on Human Factors in Computing
Systems, 88-97. Porto Alegre, RS, Brazil: Sociedade Brasileira de Computação.
http://portal.acm.org/citation.cfm?id=1497481.
Gawlinski, Por Mark. 2003. Interactive Television Production.
Leung, Linda, Scott Bryant, e Adrienne Tan. 2006. Translating principles of web design and information
architecture to the development of interactive television (iTV) interfaces. In Proceedings of the
18th Australia conference on Computer-Human Interaction: Design: Activities, Artefacts and
Environments, 369-372. Sydney, Australia: ACM. doi:10.1145/1228175.1228248.
http://portal.acm.org/citation.cfm?id=1228248.
Lu, Karyn Y. . 2005. Interaction Design Principles For Interactive Television. Maio.
Norman, Por Donald A. 2004. Emotional design.
Proj.RT.NNN.vv
9