Charla presentada en el encuentro por el Día Mundial de la Usabilidad, La Plata, 24 de Noviembre de 2010, organizado por UPA Argentina

1. Usabilidad y TV Digital
Andrés Rodríguez
Día Mundial de Usabilidad 2010
La Plata, UPA Argentina

2. Televisión Digital Abierta en Argentina
El SATVD-T adopta la norma ISDB-Tb de
origen en Japón, con mejoras aportadas por
Brasil
© Andrés Rodríguez, 2010 2

3. Esquema de transmisión y recepción
© Andrés Rodríguez, 2010 3

4. Multiprogramación
© Andrés Rodríguez, 2010 4

5. Portabilidad y movilidad
© Andrés Rodríguez, 2010 5

6. Carrusel de objetos
Envío cíclico de los datos mediante el
protocolo carrusel de objetos porque la
objetos,
sintonización de un canal de TV puede darse en
cualquier instante
© Andrés Rodríguez, 2010 6

7. Desafíos para diseñar la UX
En TV analógica, señal es igual a canal. En TV Digital, por un
canal pueden ir varias señales.
El carrusel ayuda a cargar aplicaciones rápidamente, pero
puede dar la idea de que las aplicaciones siempre están en
el STB.
La TV deja de ser fija y pasa a ser ubicua.
¿Cuál es el modelo conceptual que se ofrece al
televidente en TV Digital para incorporar estos
cambios?
¿Cómo se unifica la UX entre TV fija, móvil y
portátil? ¿Hay que unificarla?
© Andrés Rodríguez, 2010 7

8. La TV Interactiva
La TV interactiva es cualquier cosa que permita a los
televidentes dialogar con quienes hacen el canal de
televisión, el programa o el servicio. Más específicamente,
puede definirse como un diálogo que lleva a los
televidentes más allá de la experiencia pasiva de mirar y
les hace tomar decisiones y acciones, aún con acciones
tan simples como enviar una carta por correo o hacer un
dibujo sobre la pantalla
Mark Gawlinksi, 2003
© Andrés Rodríguez, 2010 8

9. Aplicaciones de TVi: servicios 24x7
No están relacionados directamente con un
programa, infraestructura de navegación, el
televisor como terminal de acceso
EPG
Clima, noticias, tránsito, horóscopo
Grabadores personales de video
T-Banking, Internet TV
E-mail, SMS
© Andrés Rodríguez, 2010 9

10. Aplicaciones de TVi: TV ampliada (eTV)
Expansión paralela de la grilla. Aplicaciones para
eventos con muchos sucesos simultáneos. El televidente
elige lo que quiere ver
Expansión por estiramiento. Aplicaciones para eventos
no cubiertos de comienzo a fin en la grilla normal. El
usuario lo ve completo aún cuando ya no está disponible en
el programa principal
© Andrés Rodríguez, 2010 10

11. Aplicaciones de TVi: TV ampliada (eTV)
Servicios participativos. Permiten al televidente
involucrarse en la “fábrica” del programa. El televidente
percibe el programa realmente interactivo.
Mejoras. Ponen información sobre el programa para
agregar valor
© Andrés Rodríguez, 2010 11

12. Ejemplos de aplicaciones
© Andrés Rodríguez, 2010 12
12

13. La usabilidad de las aplicaciones de TVi
ISO 9241-11
© Andrés Rodríguez, 2010 13

14. Usuarios de TVi (Gawlinksi, UK, 2003)
generation i, jóvenes que usan todas las capacidades
interactivas, influyen en amigos y familias,
gadget guy, jóvenes de mayor poder adquisitivo, compran todo lo
nuevo, financian la tecnología
early clickers, niños de 3 a 10 años, impulsados por escuela y
padres a usar interacción
daytime dabblers, mayoritariamente femenino, TV como
acompañamiento de otras tareas, no confían en t-commerce
armchair athletes, adultos masculinos, se enfocan en contenidos
deportivos, usan la interacción sólo para mejorar la experiencia
de ver los partidos
i-potato, mucho tiempo sentado mirando TV, cambiando de
canales, la interactividad lo ayuda a no moverse del sillón. La EPG
es su programa favorito
silver sofas, mayores de 50 años, mucho tiempo libre, prefieren la
TV a la computadora, son más sensibles a problemas de
usabilidad
© Andrés Rodríguez, 2010 14

15. Ginga para la interacción
Middleware, versión de referencia por la PUC-
Río para el SBTVD.
Ginga.ar, versión open source liberada por LIFIA para el
SATVD-T
Provee interactividad, sincronismo para
interacción de usuario, edición en vivo,
relaciones de sincronismo espacial y temporal
con contenidos
Ginga NCL, aplicaciones en NCL/Lua
Ginga J, aplicaciones en Java
© Andrés Rodríguez, 2010 15

16. La interacción disponible
Sin interacción
Interacción local, sin canal de retorno
Interacción con upload, envío de datos vía
canal de retorno
Interacción avanzada, envío y recepción
vía canal de retorno
© Andrés Rodríguez, 2010 16

17. Interacción con upload
© Andrés Rodríguez, 2010 17

18. Interacción avanzada
T-commerce, t-banking, t-gambling, t-
gaming, t-learning
© Andrés Rodríguez, 2010 18

19. Guías de diseño
Guías generales para TVi,
Gawlinski, Kunert
Guías de estilo de broadcasters,
BBC
Guías específicas para
middleware, MHP
© Andrés Rodríguez, 2010 19

20. Diseño de la interacción
Aplican los principios conocidos, visibilidad,
respuesta, restricciones, mapeo, etc.
© Andrés Rodríguez, 2010 20

21. La renovación de televisores llevará tiempo
4:3 16:9
© Andrés Rodríguez, 2010 21

22. La renovación de televisores llevará tiempo
© Andrés Rodríguez, 2010 22

23. Fuentes para TVi
Tamaño mínimo de 18 puntos, 24 es preferible
Texto claro sobre fondo oscuro
Interletrado e interlineado amplio (130%)
Máximo de 90 palabras por pantalla
© Andrés Rodríguez, 2010 23

24. Problemas en la pantalla de TV
Diseñadas para imágenes en movimiento
Problemas para fotografías y gráficos estáticos,
algunos efectos no deseados:
Flicker Bloom Moiré
© Andrés Rodríguez, 2010 24
24

25. El control remoto
Los controles remotos difieren mucho en formatos,
distribución y funciones disponibles
El diseño y los nombres de los botones pueden variar
© Andrés Rodríguez, 2010 25

26. Uso de teclas de colores
Si es posible mantener
siempre el mismo orden
de colores, aunque no se
usen los 4
Cada color se mapea con
un solo item en pantalla
No usar para funciones
que se pueden acceder
con flechas
Los colores más
importantes son los de
los extremos
© Andrés Rodríguez, 2010 26

27. Los números
Se pueden usar en
navegación
Items de menú, trivias,
encuestas
Mantener la posición en
todas las pantallas
Evitar
Palabras para presentar
opciones numéricas
Números que se
confundan con textos
Items de selección con
más de un número
© Andrés Rodríguez, 2010 27

28. Las flechas
Herramientas de
navegación
Mapear items
Iconos triangulares
© Andrés Rodríguez, 2010 28

29. Test de usabilidad
testeartesteartesteartesteartesteartesteartesteartestea
rtesteartesteartesteartesteartesteartesteartesteartest
eartesteartesteartesteartesteartesteartesteartestear
steartesteartesteartesteartesteartesteartesteartestear
testeartesteartesteartesteartesteartesteartestearteste
artesteartesteartesteartesteartesteartesteartesteartes
teartesteartesteartesteartesteartesteartesteartestear
esteartesteartesteartesteartesteartesteartestearteste
artesteartesteartesteartesteartesteartesteartesteartes
teartesteartesteartesteartesteartesteartesteartestear
esteartesteartesteartesteartesteartesteartestearteste
artesteartesteartesteartesteartesteartesteartesteartes
teartesteartesteartesteartesteartesteartesteartestear
© Andrés Rodríguez, 2010 29

30. Desafíos y oportunidades para el diseño de UX
Multiprogramación
Múltiples dispositivos
Limitaciones de hardware
Incorporar el desarrollo de aplicaciones de TVi en
el ciclo de producción de contenidos
Transferencia de conocimientos de UX,
interacción y usabilidad. Generación de nuevos
conocimientos
© Andrés Rodríguez, 2010 30

31. andres.rodriguez@lifia.info.unlp.edu.ar
¡Gracias!
© Andrés Rodríguez, 2010 31