SlideShare una empresa de Scribd logo
1 de 35
Descargar para leer sin conexión
Recomendações de usabilidade para TV
Digital Interativa baseadas na experiência
      dos usuários com os celulares



             Harlley Roberto de Oliveira
         Design de Interação - IEC PUC Minas
       harlley@gmail.com | twitter.com/harlley
Interatividade na TV



           1950
      Programa
     Winky Dink
Interatividade na TV
Interatividade na TV
Interatividade na TV



Big Brother Brasil 2010
Convergência de mídias




  "59% das pessoas assistem televisão e
  acessam a Internet ao mesmo tempo."
                 Nielsen Company (2009)
Convergência de mídias
Convergência de mídias




  "O YouTube exibiu 5,5 bilhões de vídeos
  só no mês de abril de 2009."
                 Nielsen Company (2009)
Convergência de mídias



 "Mais de um milhão e meio de pessoas em
 todo o mundo baixaram o último episódio
 da série Lost em um período de 24 horas
 após a exibição na TV nos EUA."
                            Portal G1 (2010)
Tecnologias

         1995 - Web TV (MSN TV)
Tecnologias

              Apple TV
Tecnologias

Boxee TV
Tecnologias

Vídeo Games
Tecnologias
Tecnologias

              Interatividade TV Digital
Tecnologias

              Yahoo! Connected TV
Tecnologias

                Yahoo! Connected TV



    Google TV
Smart TV
TV interativa e a usabilidade


TV                     Computador
Mais de uma pessoa     Uma pessoa
3 metros               Poucos centímetros
Assistir               Entrada de dados
TV interativa e a usabilidade
TV interativa e a usabilidade
Recomendações de usabilidade


  “As recomendações (guidelines) e os
  padrões (standards) de design existem
  para ajudar os designers a criarem
  designs melhores a partir da experiência
  de outros.”
          (Preece, Rogers e Sharp, 2005)
Recomendações de usabilidade



           Google TV Web Site
           Optimization Guide


iPhone Human          Top 10 usability
Interface             guidelines for S60
Guidelines            applications
Recomendações de usabilidade
Apple
Focar na tarefa principal. Ao decidir o que mostrar em cada tela
da aplicação, veja o que é crítico e realmente necessário para o
usuário naquele momento.

Nokia
Forneça um modelo claro de navegação. Funcionalidades
essenciais devem sempre aparecer na tela principal, e a
navegação deve focar nas principais tarefas.

Google TV
Faça com que a ação principal esteja acessível a um clique.
Não esconda funcionalidades importantes em um menu.
Recomendações de usabilidade



     “Take things away until the
     design breaks, then put that last
     thing back in.”
                       (Cooper, 2007)
Recomendações de usabilidade


  Dialogues should not contain information
  which is irrelevant or rarely needed. Every
  extra unit of information in a dialogue
  competes with the relevant units of
  information and diminishes their relative
  visibility.”
                              (Nielsen, 2005)
Recomendações de usabilidade



1. Navegação simples através de menus
acionados pelas teclas direcionais (setas) e
teclas coloridas (vermelho, verde, azul e
amarelo) do controle remoto.
Recomendações de usabilidade



2. Entrada de dados deve ser feita sempre
que possível através de lista de opções com
valores padrões pré-selecionados. Se
houver necessidade de entrada de texto,
deve ser usado o teclado alfa-numérico do
controle remoto.
Recomendações de usabilidade



3. Textos, imagens e botões devem ser
grandes e legíveis a uma distância de até 3
metros, considerando resoluções de
1280x720 e 1920x1080.
Recomendações de usabilidade



4. Manter o usuário informado (feedback)
sobre o status do aplicativo sem
interromper o conteúdo que está sendo
exibido na TV. Pode ser usado sons e
pequenas animações para chamar a atenção
do usuário.
Recomendações de usabilidade



5. Os textos devem ser curtos, diretos e
falarem a língua do usuário.
Recomendações de usabilidade



6. Sempre considere que a TV geralmente é
usada por mais de uma pessoa ao mesmo
tempo.
Conclusão

É possível aproveitar a experiência dos
usuários com celulares para desenvolver a
interface dos aplicativos para TV.

Estas 6 recomendações são um estudo inicial e se faz
necessário validá-las em testes com usuários e adicionar
outras, caso seja necessário.
Perguntas?




                         Harlley Roberto de Oliveira
                  Design de Interação - IEC PUC Minas
             harlley@gmail.com | twitter.com/harlley
Obrigado!




                        Harlley Roberto de Oliveira
                 Design de Interação - IEC PUC Minas
            harlley@gmail.com | twitter.com/harlley

Más contenido relacionado

Similar a Top 10 usability guidelines for interactive TV based on mobile experience

Televisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e DemandaTelevisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e DemandaLauro Teixeira
 
Apresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptxApresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptxUNIFOR E UECE
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface DesignEdu Agni
 
Design para a Internet: projetando a experiência perfeita
Design para a Internet: projetando a experiência perfeitaDesign para a Internet: projetando a experiência perfeita
Design para a Internet: projetando a experiência perfeitafmemoria
 
Resumo 8 categorias Angeluci
Resumo 8 categorias AngeluciResumo 8 categorias Angeluci
Resumo 8 categorias AngeluciIsabella Marimon
 
A importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiroA importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiroJoão Victor Marques
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototypeeudisnet
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01Renato Melo
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
 
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019Renato Melo
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?Rafael Burity
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisJane Vita
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimReuel Lopes
 
Simplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digitalSimplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digitalPatricia Cressoni Gomes
 
Introdução à TV digital interativa
Introdução à TV digital interativaIntrodução à TV digital interativa
Introdução à TV digital interativaMaurilio Alberone
 
Explorando novas telas com o Google TV
Explorando novas telas com o Google TVExplorando novas telas com o Google TV
Explorando novas telas com o Google TVAntonio Marin Neto
 
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020Renato Melo
 
Ux para agencias de publicidade
Ux para agencias de publicidade Ux para agencias de publicidade
Ux para agencias de publicidade Danilo Sousa
 

Similar a Top 10 usability guidelines for interactive TV based on mobile experience (20)

Televisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e DemandaTelevisão Digital Interativa: Aspectos de Produção e Demanda
Televisão Digital Interativa: Aspectos de Produção e Demanda
 
Apresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptxApresentacao portfolio-luqs-2012-quixada.pptx
Apresentacao portfolio-luqs-2012-quixada.pptx
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface Design
 
Design para a Internet: projetando a experiência perfeita
Design para a Internet: projetando a experiência perfeitaDesign para a Internet: projetando a experiência perfeita
Design para a Internet: projetando a experiência perfeita
 
Resumo 8 categorias Angeluci
Resumo 8 categorias AngeluciResumo 8 categorias Angeluci
Resumo 8 categorias Angeluci
 
A importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiroA importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiro
 
Plano de Investigação
Plano de InvestigaçãoPlano de Investigação
Plano de Investigação
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos Móveis
 
Design para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bimDesign para a internet - projetando a experêincia perfeita 1º bim
Design para a internet - projetando a experêincia perfeita 1º bim
 
Simplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digitalSimplicidade aplicada ao design interativo na TV digital
Simplicidade aplicada ao design interativo na TV digital
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Introdução à TV digital interativa
Introdução à TV digital interativaIntrodução à TV digital interativa
Introdução à TV digital interativa
 
Explorando novas telas com o Google TV
Explorando novas telas com o Google TVExplorando novas telas com o Google TV
Explorando novas telas com o Google TV
 
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
 
Ux para agencias de publicidade
Ux para agencias de publicidade Ux para agencias de publicidade
Ux para agencias de publicidade
 

Más de Harlley Oliveira

Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?Harlley Oliveira
 
Second project venturebrazil
Second project venturebrazilSecond project venturebrazil
Second project venturebrazilHarlley Oliveira
 
Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?Harlley Oliveira
 
Software fácil de usar não é difícil de programar
Software fácil de usar não é  difícil de programarSoftware fácil de usar não é  difícil de programar
Software fácil de usar não é difícil de programarHarlley Oliveira
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryHarlley Oliveira
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersHarlley Oliveira
 

Más de Harlley Oliveira (6)

Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?Curso de programação para iniciantes: Qual linguagem de programação escolher?
Curso de programação para iniciantes: Qual linguagem de programação escolher?
 
Second project venturebrazil
Second project venturebrazilSecond project venturebrazil
Second project venturebrazil
 
Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?Afinal, o que é uma linguagem de programação?
Afinal, o que é uma linguagem de programação?
 
Software fácil de usar não é difícil de programar
Software fácil de usar não é  difícil de programarSoftware fácil de usar não é  difícil de programar
Software fácil de usar não é difícil de programar
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQuery
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
 

Top 10 usability guidelines for interactive TV based on mobile experience

  • 1. Recomendações de usabilidade para TV Digital Interativa baseadas na experiência dos usuários com os celulares Harlley Roberto de Oliveira Design de Interação - IEC PUC Minas harlley@gmail.com | twitter.com/harlley
  • 2. Interatividade na TV 1950 Programa Winky Dink
  • 5. Interatividade na TV Big Brother Brasil 2010
  • 6. Convergência de mídias "59% das pessoas assistem televisão e acessam a Internet ao mesmo tempo." Nielsen Company (2009)
  • 8. Convergência de mídias "O YouTube exibiu 5,5 bilhões de vídeos só no mês de abril de 2009." Nielsen Company (2009)
  • 9. Convergência de mídias "Mais de um milhão e meio de pessoas em todo o mundo baixaram o último episódio da série Lost em um período de 24 horas após a exibição na TV nos EUA." Portal G1 (2010)
  • 10. Tecnologias 1995 - Web TV (MSN TV)
  • 11. Tecnologias Apple TV
  • 15. Tecnologias Interatividade TV Digital
  • 16. Tecnologias Yahoo! Connected TV
  • 17. Tecnologias Yahoo! Connected TV Google TV
  • 19. TV interativa e a usabilidade TV Computador Mais de uma pessoa Uma pessoa 3 metros Poucos centímetros Assistir Entrada de dados
  • 20. TV interativa e a usabilidade
  • 21. TV interativa e a usabilidade
  • 22. Recomendações de usabilidade “As recomendações (guidelines) e os padrões (standards) de design existem para ajudar os designers a criarem designs melhores a partir da experiência de outros.” (Preece, Rogers e Sharp, 2005)
  • 23. Recomendações de usabilidade Google TV Web Site Optimization Guide iPhone Human Top 10 usability Interface guidelines for S60 Guidelines applications
  • 24. Recomendações de usabilidade Apple Focar na tarefa principal. Ao decidir o que mostrar em cada tela da aplicação, veja o que é crítico e realmente necessário para o usuário naquele momento. Nokia Forneça um modelo claro de navegação. Funcionalidades essenciais devem sempre aparecer na tela principal, e a navegação deve focar nas principais tarefas. Google TV Faça com que a ação principal esteja acessível a um clique. Não esconda funcionalidades importantes em um menu.
  • 25. Recomendações de usabilidade “Take things away until the design breaks, then put that last thing back in.” (Cooper, 2007)
  • 26. Recomendações de usabilidade Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.” (Nielsen, 2005)
  • 27. Recomendações de usabilidade 1. Navegação simples através de menus acionados pelas teclas direcionais (setas) e teclas coloridas (vermelho, verde, azul e amarelo) do controle remoto.
  • 28. Recomendações de usabilidade 2. Entrada de dados deve ser feita sempre que possível através de lista de opções com valores padrões pré-selecionados. Se houver necessidade de entrada de texto, deve ser usado o teclado alfa-numérico do controle remoto.
  • 29. Recomendações de usabilidade 3. Textos, imagens e botões devem ser grandes e legíveis a uma distância de até 3 metros, considerando resoluções de 1280x720 e 1920x1080.
  • 30. Recomendações de usabilidade 4. Manter o usuário informado (feedback) sobre o status do aplicativo sem interromper o conteúdo que está sendo exibido na TV. Pode ser usado sons e pequenas animações para chamar a atenção do usuário.
  • 31. Recomendações de usabilidade 5. Os textos devem ser curtos, diretos e falarem a língua do usuário.
  • 32. Recomendações de usabilidade 6. Sempre considere que a TV geralmente é usada por mais de uma pessoa ao mesmo tempo.
  • 33. Conclusão É possível aproveitar a experiência dos usuários com celulares para desenvolver a interface dos aplicativos para TV. Estas 6 recomendações são um estudo inicial e se faz necessário validá-las em testes com usuários e adicionar outras, caso seja necessário.
  • 34. Perguntas? Harlley Roberto de Oliveira Design de Interação - IEC PUC Minas harlley@gmail.com | twitter.com/harlley
  • 35. Obrigado! Harlley Roberto de Oliveira Design de Interação - IEC PUC Minas harlley@gmail.com | twitter.com/harlley