SlideShare una empresa de Scribd logo
DIRECTRICES PARA
                  EL DISEÑO DE INTERFACES
                  DE TELEVISIÓN DIGITAL INTERACTIVA




webcat february                                       @ivoserrano
Para la BBC la iTV:

          “es el contenido y los servicios (además de los
          Canales de TV y radio) que están disponibles para
          los espectadores para navegar a través de la
          pantalla de su TV.




webcat february                                               @ivoserrano
Son muchas las ventajas que aporta la iTV, como mayor
           calidad de imagen, mayor número de canales..., y entre
           ellas, destaca la interactividad, gracias a la cual, el
           usuario cambia su rol dejando de ser un actor pasivo para
           convertirse en uno activo, que influye en la forma y
           tiempo en que va a recibir sus contenidos de televisión.




webcat february                                                        @ivoserrano
Por ello las interfaces creadas para la televisión
           interactiva deben cumplir con una serie de características
           que la hagan aceptable y generadora de confianza para el
           usuario.




webcat february                                                         @ivoserrano
¿Y cuáles son las directrices para
          el diseño de interfaces de la iTV,
          que cumplan con la usabilidad
          más óptima?



webcat february                                @ivoserrano
Análisis de los paradigmas en que están enmarcados las
          pautas de diseño y su efecto en el usuario:



          1. La leyes de la percepción visual (Gestalt).

          2. La teoría del color.

          3. Los patrones de visualización.

          4. Y los aspectos culturales




webcat february                                                    @ivoserrano
Analizar aspectos relacionados con el diseño de interfaces
          para la web, lo cual tiene relevancia, ya que la iTV es una
          convergencia de tecnología de telecomunicación e
          infraestructura de internet.
          •   Organizar los elementos en pantalla.

          •   La navegabilidad, diseñada para ofrecer caminos claros desde el origen
              al destino, sin terminología compleja y con la misión de orientar al
              usuario.

          •   Uso correcto de la tipografía y su legibilidad en pantalla.

          •   Ha de ser rápido en todas sus vertientes, no sólo técnicamente, sino
              desde el punto de vista de la interacción.

          •   Crear una jerarquía visual clara que se repita en cada página, dividiendo
              las diferentes zonas de la misma de forma definida y constante.



webcat february                                                                           @ivoserrano
Analizar aspectos relacionados con el diseño de interfaces
          para la web, lo cual tiene relevancia, ya que la iTV es una
          convergencia de tecnología de telecomunicación e
          infraestructura de internet.

          •   Diseñar teniendo en cuenta que existen diferentes tipos de resoluciones y
              configuraciones de pantalla.

          •   La consistencia, tanto a nivel de contenidos como del formato visual así como la
              disposición de elementos en las páginas.

          •   Obtener un sistema de navegación eficiente, hay que controlar el número de clics
              que debe hacer el usuario antes de llegar a la información.

          •   Ofrecer al usuario un sistema alternativo al de la navegación para encontrar la
              información, es decir, necesitamos ofrecer un motor de búsqueda.




webcat february                                                                                 @ivoserrano
Analizar lo referente a los estudios y pautas que se dan en
          materia de diseño de interfaces de iTV




          Para estructurar las directrices particulares a la iTV, consideramos el diseño
          de desde 3 perspectivas:

          1. El modelo de Interacción
          2. La Interfaz
          3. El modelo de Navegación




webcat february                                                                      @ivoserrano
Analizar lo referente a los estudios y pautas que se dan en
          materia de diseño de interfaces de iTV

          1. El modelo de Interacción
          ¿cómo se concibe la interactividad? ¿Qué tipo de interacción se permitirá?


              •   Concepto de interactividad.
              •   Contexto de interactividad.
              •   Dar a los usuarios el control sobre sus experiencias como espectador.
              •   Dar retroalimentación inmediata.
              •   Permitir a los espectadores adaptar sus experiencias.
              •   Integración con Internet.




webcat february                                                                           @ivoserrano
Analizar lo referente a los estudios y pautas que se dan en
          materia de diseño de interfaces de iTV

          2. La Interfaz
          Es la primera y última parte de la aplicación que el observador detecta.


            •     Simplicidad en el diseño.
            •     Los realces no deben competir con el contenido principal.
            •     Las interfaces deben tener un tema consistente.
            •     Crear una estructura de la pantalla efectiva.
            •     Seguir el modelo sobre los estándares existentes en el diseño para televisión.
            •     Menús simples e intuitivos.




webcat february                                                                               @ivoserrano
Analizar lo referente a los estudios y pautas que se dan en
          materia de diseño de interfaces de iTV

          3. El modelo de Navegación
          La forma en la que los usuarios interactúan y se mueven por el sistema sabiendo en todo momento
          como actuar



            •     Orientar al observador. ¿Dónde estoy ahora? ¿Qué puedo hacer ahora?
            •     Auto-aprendizaje.
            •     Minimizar el número de clics.
            •     Ofrecer siempre una opción para salir.
            •     Usar modelos mentales y metáforas apropiadas.




webcat february                                                                                   @ivoserrano
Realizar y analizar tests de usuarios

          Esta presentación sugiere soluciones, pero todavía no proporciona
          una solución completa

          Si aplicamos estas directrices durante el proceso de diseño iterativo
          obtendremos una gran ventaja, porque se sigue una línea de procesos
          secuenciales, fácil y clara que permite hacer los ajustes en el diseño, corrigiendo
          errores, y evaluando cada paso con la retroalimentación del usuario, ya que se
          desea que el modelo logre alcanzar una interfaz usable por medio del diseño
          centrado en el usuario, pero también tomando en cuenta la parte afectiva ante la
          interfaz y el aspecto multicultural.




webcat february                                                                       @ivoserrano
GRACIAS
                  ¿DUDAS?
                   www.ivoserrano.com




webcat february                         @ivoserrano

Más contenido relacionado

Similar a "Directrices para el diseño de interfaces de la televisión digital interactiva." por @ivoserrano

Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
AderMogollonLuna
 
Diseño web
Diseño webDiseño web
Diseño web
alexhitow
 
Diseño web
Diseño webDiseño web
Diseño web
alexhitow
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Elsa Canto
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Elsa Canto
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
Ramiro Estigarribia Canese
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
leydisitajeanpaul
 
Diseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptxDiseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptx
romaldohuerta1
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
Lorena Guerrero
 
Presentación1
Presentación1Presentación1
Presentación1
Lucero Salinas Barreto
 
Presentación1
Presentación1Presentación1
Presentación1
Lucero Salinas Barreto
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
Esling Madrid
 
Validation Onion
Validation OnionValidation Onion
Validation Onion
Pedro Bermudez Talavera
 
Johnny mancilla
Johnny mancillaJohnny mancilla
Johnny mancilla
mancjohnny
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
Tatiana Velasquez
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personas
Benjamín Preller
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y Usabilidad
Ivan Aguilar
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
Workshop Digital
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
John Ospina
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
Kevin Cullisp
 

Similar a "Directrices para el diseño de interfaces de la televisión digital interactiva." por @ivoserrano (20)

Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Diseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptxDiseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptx
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Validation Onion
Validation OnionValidation Onion
Validation Onion
 
Johnny mancilla
Johnny mancillaJohnny mancilla
Johnny mancilla
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personas
 
Arquitectura de la información y Usabilidad
Arquitectura de la información y UsabilidadArquitectura de la información y Usabilidad
Arquitectura de la información y Usabilidad
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Capitulo 13 sfdsgfg
Capitulo 13  sfdsgfgCapitulo 13  sfdsgfg
Capitulo 13 sfdsgfg
 

Más de webcat

"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino
webcat
 
"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor
webcat
 
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro..."Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
webcat
 
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
webcat
 
"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile
webcat
 
"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo
webcat
 
"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas
webcat
 
"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan
webcat
 
"One size fits none" por @martuishere
"One size fits none" por @martuishere"One size fits none" por @martuishere
"One size fits none" por @martuishere
webcat
 
"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai
webcat
 
"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta
webcat
 
"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando
webcat
 
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
webcat
 
"The work I love" por @karinai
"The work I love" por @karinai"The work I love" por @karinai
"The work I love" por @karinai
webcat
 
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
webcat
 
"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch
webcat
 
"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson
webcat
 
"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu
webcat
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
webcat
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
webcat
 

Más de webcat (20)

"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino
 
"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor
 
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro..."Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
 
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
 
"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile
 
"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo
 
"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas
 
"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan
 
"One size fits none" por @martuishere
"One size fits none" por @martuishere"One size fits none" por @martuishere
"One size fits none" por @martuishere
 
"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai
 
"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta
 
"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando
 
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
 
"The work I love" por @karinai
"The work I love" por @karinai"The work I love" por @karinai
"The work I love" por @karinai
 
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
 
"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch
 
"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson
 
"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
 

Último

Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Festibity
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
Festibity
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Festibity
 
algebra de boole teoria.pdf texto guia.1
algebra de boole teoria.pdf texto guia.1algebra de boole teoria.pdf texto guia.1
algebra de boole teoria.pdf texto guia.1
yuki22434
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
LilibethEstupian
 
Desarrollo de habilidades de pensamiento.docx
Desarrollo de habilidades de pensamiento.docxDesarrollo de habilidades de pensamiento.docx
Desarrollo de habilidades de pensamiento.docx
ortizjuanjose591
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
Ing. Julio Iván Mera Casas
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Presentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The CleanPresentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The Clean
juanchogame18
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
Miguel Rebollo
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Festibity
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
actividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañerosactividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañeros
aljitagallego
 

Último (20)

Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
 
algebra de boole teoria.pdf texto guia.1
algebra de boole teoria.pdf texto guia.1algebra de boole teoria.pdf texto guia.1
algebra de boole teoria.pdf texto guia.1
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
 
Desarrollo de habilidades de pensamiento.docx
Desarrollo de habilidades de pensamiento.docxDesarrollo de habilidades de pensamiento.docx
Desarrollo de habilidades de pensamiento.docx
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Presentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The CleanPresentacion de Estado del Arte del The Clean
Presentacion de Estado del Arte del The Clean
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
actividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañerosactividad 2 tecnologia (3).pdf junto con mis compañeros
actividad 2 tecnologia (3).pdf junto con mis compañeros
 

"Directrices para el diseño de interfaces de la televisión digital interactiva." por @ivoserrano

  • 1. DIRECTRICES PARA EL DISEÑO DE INTERFACES DE TELEVISIÓN DIGITAL INTERACTIVA webcat february @ivoserrano
  • 2. Para la BBC la iTV: “es el contenido y los servicios (además de los Canales de TV y radio) que están disponibles para los espectadores para navegar a través de la pantalla de su TV. webcat february @ivoserrano
  • 3. Son muchas las ventajas que aporta la iTV, como mayor calidad de imagen, mayor número de canales..., y entre ellas, destaca la interactividad, gracias a la cual, el usuario cambia su rol dejando de ser un actor pasivo para convertirse en uno activo, que influye en la forma y tiempo en que va a recibir sus contenidos de televisión. webcat february @ivoserrano
  • 4. Por ello las interfaces creadas para la televisión interactiva deben cumplir con una serie de características que la hagan aceptable y generadora de confianza para el usuario. webcat february @ivoserrano
  • 5. ¿Y cuáles son las directrices para el diseño de interfaces de la iTV, que cumplan con la usabilidad más óptima? webcat february @ivoserrano
  • 6. Análisis de los paradigmas en que están enmarcados las pautas de diseño y su efecto en el usuario: 1. La leyes de la percepción visual (Gestalt). 2. La teoría del color. 3. Los patrones de visualización. 4. Y los aspectos culturales webcat february @ivoserrano
  • 7. Analizar aspectos relacionados con el diseño de interfaces para la web, lo cual tiene relevancia, ya que la iTV es una convergencia de tecnología de telecomunicación e infraestructura de internet. • Organizar los elementos en pantalla. • La navegabilidad, diseñada para ofrecer caminos claros desde el origen al destino, sin terminología compleja y con la misión de orientar al usuario. • Uso correcto de la tipografía y su legibilidad en pantalla. • Ha de ser rápido en todas sus vertientes, no sólo técnicamente, sino desde el punto de vista de la interacción. • Crear una jerarquía visual clara que se repita en cada página, dividiendo las diferentes zonas de la misma de forma definida y constante. webcat february @ivoserrano
  • 8. Analizar aspectos relacionados con el diseño de interfaces para la web, lo cual tiene relevancia, ya que la iTV es una convergencia de tecnología de telecomunicación e infraestructura de internet. • Diseñar teniendo en cuenta que existen diferentes tipos de resoluciones y configuraciones de pantalla. • La consistencia, tanto a nivel de contenidos como del formato visual así como la disposición de elementos en las páginas. • Obtener un sistema de navegación eficiente, hay que controlar el número de clics que debe hacer el usuario antes de llegar a la información. • Ofrecer al usuario un sistema alternativo al de la navegación para encontrar la información, es decir, necesitamos ofrecer un motor de búsqueda. webcat february @ivoserrano
  • 9. Analizar lo referente a los estudios y pautas que se dan en materia de diseño de interfaces de iTV Para estructurar las directrices particulares a la iTV, consideramos el diseño de desde 3 perspectivas: 1. El modelo de Interacción 2. La Interfaz 3. El modelo de Navegación webcat february @ivoserrano
  • 10. Analizar lo referente a los estudios y pautas que se dan en materia de diseño de interfaces de iTV 1. El modelo de Interacción ¿cómo se concibe la interactividad? ¿Qué tipo de interacción se permitirá? • Concepto de interactividad. • Contexto de interactividad. • Dar a los usuarios el control sobre sus experiencias como espectador. • Dar retroalimentación inmediata. • Permitir a los espectadores adaptar sus experiencias. • Integración con Internet. webcat february @ivoserrano
  • 11. Analizar lo referente a los estudios y pautas que se dan en materia de diseño de interfaces de iTV 2. La Interfaz Es la primera y última parte de la aplicación que el observador detecta. • Simplicidad en el diseño. • Los realces no deben competir con el contenido principal. • Las interfaces deben tener un tema consistente. • Crear una estructura de la pantalla efectiva. • Seguir el modelo sobre los estándares existentes en el diseño para televisión. • Menús simples e intuitivos. webcat february @ivoserrano
  • 12. Analizar lo referente a los estudios y pautas que se dan en materia de diseño de interfaces de iTV 3. El modelo de Navegación La forma en la que los usuarios interactúan y se mueven por el sistema sabiendo en todo momento como actuar • Orientar al observador. ¿Dónde estoy ahora? ¿Qué puedo hacer ahora? • Auto-aprendizaje. • Minimizar el número de clics. • Ofrecer siempre una opción para salir. • Usar modelos mentales y metáforas apropiadas. webcat february @ivoserrano
  • 13. Realizar y analizar tests de usuarios Esta presentación sugiere soluciones, pero todavía no proporciona una solución completa Si aplicamos estas directrices durante el proceso de diseño iterativo obtendremos una gran ventaja, porque se sigue una línea de procesos secuenciales, fácil y clara que permite hacer los ajustes en el diseño, corrigiendo errores, y evaluando cada paso con la retroalimentación del usuario, ya que se desea que el modelo logre alcanzar una interfaz usable por medio del diseño centrado en el usuario, pero también tomando en cuenta la parte afectiva ante la interfaz y el aspecto multicultural. webcat february @ivoserrano
  • 14. GRACIAS ¿DUDAS? www.ivoserrano.com webcat february @ivoserrano