• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Patrones de diseño de interacción para tv digital interactiva
 

Patrones de diseño de interacción para tv digital interactiva

on

  • 1,353 views

Andres Rodríguez

Andres Rodríguez
http://www.disenoinclusivo.org.ar/evento-2011/programa/patrones-de-diseno-de-interaccion-para-tv-digital-interactiva/

Statistics

Views

Total Views
1,353
Views on SlideShare
1,161
Embed Views
192

Actions

Likes
1
Downloads
30
Comments
0

1 Embed 192

http://www.disenoinclusivo.org.ar 192

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Patrones de diseño de interacción para tv digital interactiva Patrones de diseño de interacción para tv digital interactiva Presentation Transcript

    • Patrones de diseño deinteracción para TV DigitalInteractivaAndrés Rodríguez@a_s_rodriguez
    • TV interactiva (iTV)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
    • Interacción en TVD• 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
    • Aplicaciones de iTV• Servicios permanentes (24/7)• TV mejorada (eTV)
    • Servicios permanentes (24/7)No están relacionados directamente con un programa• Guía de programación (EPG)• Teletexto• Video on demand• Grabadores personales de video
    • Aplicaciones de eTV• Expansión de la grilla • Crear interactividad o contenido o disponer del contenido fuera de la grilla.• Participación del espectador • Permiten a la audiencia involucrarse en el momentum del programa
    • Aplicaciones de eTV• Expansión de la grilla • Expansión en paralelo: aplicaciones para eventos con muchos sucesos simultáneos. El televidente elige lo que quiere ver (juegos olímpicos) • Expansión por estiramiento: Aplicaciones para eventos no cubiertos de comienzo a fin en la grilla normal
    • Aplicaciones de eTV• Participación del espectador • Servicios participativos: permiten al espectador involucrarse en la construcción del programa • Mejoras: superponen información sobre el programa para agregar valor
    • Usabilidad en ISO 9241
    • Usuarios de iTV• Relación con la tecnología • Early clicker, generation i, armchair athlete, gadget guy, datytime dabblers, i-potato, silver sofa (Gawlinski, 2003)• Considerando la actividad grupal • Con control remoto (primarios) • Sin control remoto (secundarios o indirectos)
    • Metas de los usuarios de iTV• Aprovechar el tiempo de ocio• Relajarse• No sentirse solo• Divertirse• Tener temas de conversación• Estar informado• Alimentar el intelecto
    • Equipamiento• Set top box• Pantalla• Control remoto
    • Ambiente• Entorno social• Entorno técnico• Entorno físico
    • Guías de diseñoGuías generales para iTVGuías de estilo de broadcastersGuías específicas para middleware
    • Temas de diseño en las guías• Tiempo de respuesta• Layout de pantalla• Navegación• Diseño del texto• Instrucciones de usuario• Sonido
    • Diseño de la interacción
    • Lenguaje de patrones paradiseño de interacción en iTV• Grupo A: Layout de pantalla• Grupo B: Navegación• Grupo C: Teclas de control remoto• Grupo D: Funciones básicas• Grupo E: Presentación de contenido• Grupo F: Participación de usuario• Grupo G: Entrada de textos• Grupo H: Ayuda• Grupo I: Accesibilidad y personalización• Gruo J: Grupos de usuarios específicos
    • Grupo A: Layout de pantalla1. Elegir el layout correcto2. Superposición3. Pantalla completa con video4. Pantalla completa sin video
    • Grupo B: Navegación1. Múltiples formas de navegar2. Menú3. Múltiples videos en pantalla4. Índice5. Número de página6. Tabs
    • Grupo C: Teclas del controlremoto1. Elegir las teclas correctas2. Teclas de flechas3. Tecla Ok-Select4. Teclas de color5. Teclas numéricas6. Teclas especiales
    • Grupo D: Funciones básicas1. Invitación a la interacción2. Inicio3. Indicador de carga4. Salida5. Ocultar la aplicación6. Subir un nivel
    • Grupo E: Presentación decontenido1. Diseño de texto2. Caja de contenido3. Paginado4. Scrolling5. Switch entre items de contenido6. Contenido sincronizado
    • Grupo F: Participación deusuario1. Múltiples formas de participación2. Votación y selección múltiple3. Ubicación de items4. Completado de texto5. Aprobación para conectar
    • Grupo G: Entrada de texto1. Múltiples formas de ingresar texto2. Teclado en pantalla3. Teclado de dispositivo móvil
    • Grupo H: Ayuda1. Instrucciones en pantalla2. Sección de ayuda
    • Grupo I: Accesibilidad ypersonalización1. Accesibilidad2. Personalización
    • Grupo I: Usuarios específicos1. Niños
    • A1. Elegir el layout correcto• Ejemplos
    • A1. Elegir el layout correcto• Contexto • Ya están especificados los requerimientos de la aplicación, su contenido y funciones• Problemas • Los layouts típicos se diferencian por la proporción de pantalla cubierta por la aplicación, con ventajas y desventajas
    • A1. Elegir el layout correcto Ventajas DesventajasSuper- El video en pantalla Ocultar parteposición completa importante del video Mayor integración Distractor por aplicación con video cercaníaPantalla Se puede seguir el Video reducidocompleta con video Gráficos en videovideo Facilita la atención muy pequeños para dividida leer
    • A1. Elegir el layout correcto
    • A1. Elegir el layout correcto
    • A1. Elegir el layout correcto• Solución • Superposición: usarlo cuando la aplicación provee poco contenido y sólo para eTV asociada al contenido • Pantalla completa con video: usarlo para aplicaciones que sirven a audiencias grupales o que proveen contenido extra • Pantalla completa sin video: usarlo para aplicaciones stand-alone 24x7 y para funciones complejas de eTV que no estén vinculadas directamente al contenido del programa
    • B1. Múltiples formas denavegar• Ejemplos
    • B1: Múltiples formas denavegar• Contexto • Ya está elegido el layout de pantalla, es necesario diseñar la navegación de la aplicación• Problemas • Se pueden proveer diferentes elementos de IU para acceder a contenidos y funciones
    • B1. Múltiples formas denavegar Ventajas DesventajasMenú Posiblidad de Wording puede ser estructura jerárquica confuso Acceso a contenido Puede ser difícil por clase clasificar el contenidoPaginado Atajos para usuarios Puede ser familiar avanzados sólo para usuarios de antiguo teletexto Soporte para usuarios regulares que saben a qué página ir
    • B1. Múltiples formas denavegar
    • B1. Múltiples formas denavegar
    • B1. Múltiples formas denavegar• Solución • Proveer varias formas de navegar. Combinar menú, video múltiple, índices y paginado si es posible • Menú: usar un menú para todas las aplicaciones • Indice: usar un indice para aplicaciones que tengan muchos items y funciones • Paginado: usar para aplicaciones con mucho contenido
    • C1. Elegir las teclas correctas• Ejemplos
    • C1. Elegir las teclas correctas• Contexto • Está elegido el layout de pantalla y las formas de navegación• Problema • Los controles remotos pueden variar mucho. Hay algunas teclas que aparecen en todos (flechas, OK, color, números). • Las teclas pueden variar en forma, posición y etiquetado. • Puede haber teclas especiales (info, epg)
    • C1. Elegir las teclas correctas Ventajas DesventajasFlechas Generalmente Se requiere otra tecla detectables por tacto para una selección (gral. OK)Color Usualmente una tecla Sirve hasta 4 puede activar opciones directamente una función Difíciles de encontrar por tactoEspeciales Usualmente una tecla No disponible en puede activar todos los controles directamente una función Difíciles de encontrar por tacto
    • C1. Elegir las teclas correctas
    • C1. Elegir las teclas correctas
    • C1. Elegir las teclas correctas• Solución • Flechas: usar para elegir un item, combinar con OK • OK: usar para confirmar una selección • Color: usar para elecciones en el menú principal • Especiales: usar sólo como atajos. La misma acción debe ser posible sin teclas especiales
    • D1. Invitación a la interacción• Ejemplos
    • D1. Invitación a la interacción• Contexto • Está diseñado el layout, las formas de navegación y el uso de teclas del control remoto• Problemas • Acceso pull vs push • Crear conciencia de disponibilidad de aplicación • Posición del indicador en pantalla
    • D1. Invitación a la interacción
    • D1. Invitación a la interacción• Solución • Método de acceso: dar al espectador el control sobre la presentación de aplicaciones. No push • Awareness: usar indicadores en pantalla y desde el programa • Indicador en pantalla: ubicarlo en una de las esquinas de pantalla • Duración de indicador: animar el indicador durante 5 seg. Repetir cada 5 a 7 minutos
    • Tibor KunertUser-Centered Interaction Design Patterns for Interactive Digital Television Applications (1st ed.).2009Springer
    • No deje de completar su evaluación onlinedisenoinclusivo.org.ar/encuesta ¡Muchas gracias! Patrones de Diseño de Interacción para TV Digital Interactiva Andrés Rodríguez