Antes de comenzar el desarrollo de una aplicación para Television Digital Interactiva escribir 100 veces en el pizarrón: "Una TV no es una PC"
Tamaño de la pantalla
Vamos a considerar que diseñamos sobre pantallas convencionales de aspecto 4:3, que corresponden a un TV "común" conectado a un Set Top Box. La pantalla de dicho TV tiene 576 líneas verticales, o sea 576 píxeles de alto. Luego, una imagen en un TV de relación 4:3 debe tener (576 * 4) : 3 = 768 píxeles de altura. Esto asumiendo que los píxeles son cuadrados, cosa que no es así en un TV "común". En realidad son ligeramente rectangulares con una relación de 1:1.094. Esto nos da un ancho efectivo de 768:1.094=702 píxeles.
Si alguna vez conectamos un PC al TV "común", el ancho correcto a transmitir debía ser de 720 píxeles. Las imágenes digitales son efectivamente más anchas que las analógicas en 18 píxeles. Estos píxeles adicionales se requieren para el procesamiento digital y es aceptable dejar 9 a cada lado en negro aunque sean visibles. Volvamos a recordar que los 18 px no son cuadrados, por lo que equivalen en un TV analógico a 18+1.094=20 px. Cuando diseñemos una imagen de relación 4:3 sobre un dispositivo de píxel cuadrado (monitor de PC por ejemplo) para ser convertido a una imagen de 720 by 576 (de píxel rectangular) el ancho de 768 by 576 (px cuadrado) el ancho se debe incrementar a: 768 + 20 = 788 píxeles cuadrados (tendremos un cuadro de 788 por 576).
Obvimente los píxeles adicionales no se toman en cuenta al calcular la relación de aspecto (788:576 no es igual a 4:3), pero de otra forma las imágenes a visualizar en el TV no tendrán la forma correcta.
En Voxdata utilizamos la siguiente cartilla como base de trabajo:
Usando las áreas seguras para 4:3 y 16:9 nos aseguramos que nuestros diseños se verán sin recortes
Widescreen
Definimos informalmente a una pantalla "widescreen" como aquella más ancha que lo "normal" (Lo "normal" lo dicta la experiencia visual de muchos años: todas las "viejas" fotografías con rollos de 35mm tenían una relación de casi 4:3) con la misma cantidad de líneas verticales que una pantalla 4:3 pero la relación de aspecto es de 16:9, luego el ancho será de (576 x 16) ÷ 9 = 1024 píxeles cuadrados.
Una imagen widescreen cabe en el mismo espacio electrónico que una imagen de 4:3. Luego la imagen de 1024 por 576 se recorta horizontalmente a 702 by 576.
Si diseñamos sólo para pantallas de 16:9, la gente se verá alta y flaca cuando la imagen se ve en un TV 4:3. Los 18 píxeles adicionales en 4:3 se "estiran" al pasar a 16:9: (18 x 4) ÷ 3 = 24 píxeles rectangulares o 24 x 1.094 = 26 píxeles cuadrados. Cuando diseñemos un gráfico 16:9 sobre una PC para transferirla al TV de 720 by 576 widescreen , las medidas de 1024 por 576 se deben incrementar a: 26 +1024 = 1050 by 576 píxeles cuadrados.
Texto
Poca gente tan creativa como la que trabaja en diarios y revistas, sin embargo el 90% usa tipografía Times Roman (recordar "normal" = experiencia visual, como tarea para el hogar revisar viejos libros de cuentos, el diario de hoy y libros actuales). Volviendo al tema television interactiva: Deben elegirse fuentes adecuadas ya que a la televisión se la mira a una distancia mayor al de una PC y que puede haber varias personas sentadas delante, con diferentes grados de agudeza visual. Como ejemplo, el proyecto Tiresias promueve el acceso de gente con capacidad visual disminuida a las tecnologías de comunicación e Información.(Este tipo de letra soporta ser "estirado" o comprimido cuando pasamos de un diseño de 4:3 a 16:9 o viceversa)
Tratar de evitar combinaciones de números y letras, por ejemplo l (letra ele minúscula) cerca de un 1 (número uno). Algunas personas se confunden el 6,8 y 9 entre sí, por lo que se debe usar un tipo más grande
Hay que tratar de respetar las siguientes reglas:
- La letra del texto principal no debería ser menor a 24 puntos
- Ninguna letra de texto general debe ser menor a 18 puntos
- Es mas fácil leer texto claro sobre fondo oscuro (no usamos la TV para editar en Word!)
- Mayor espaciado entre líneas
- Una pantalla llena de texto no debe exceder las 90 palabras
- No usar frases largas. En lo posible pequeños trozos de texto individuales