SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
Interface de TV a cabo 
Rafael Yukio Kanaoka 
Questão Design de Interface
Diretrizes da resolução da questão 
•Mapeamento das minhas tarefas ao assistir TV a cabo NET 
•Diagnóstico dos problemas encontrados 
•Proposta de soluções
Mapeamento das minhas tarefas ao assistir TV a cabo NET 
•Ligar a TV 
•Buscar canal 
–Navegando pelo portal 
–Navegando pelo mosaico 
–Pelo botão seletor de canais 
•Ver programação 
•Ver sinopse 
•Selecionar o canal 
•Ajustar o programa 
–Selecionar idioma 
–Selecionar legendas 
–Aumentar/Reduzir o volume
PORTAL 
Foco do cursor não está no começo da lista, o que dificulta sua encontrabilidade 
Interface demora para responder e não há um feedback na interface que o sinal da ação foi recebido 
1 
2 
1
MOSAICO 
Não se utiliza as mesmas opções de navegação do portal como, por exemplo, a ordenação por ordem alfabética e mais informações 
1 
PORTAL 
MOSAICO 
1
PROGRAMAÇÃO 
Ao acessar a sinopse pela tela de programações e voltar, o foco do cursor vai para o canal NET TV, interrompendo a busca do usuário 
São apresentados todos os canais, incluindo os que não estão no pacote do cliente. Estes canais não inclusos, não são sinalizados como não disponíveis, fazendo o usuário acessá-lo e precisando recomeçar a busca 
1 
2 
Seleciona “Mais Informações” para FOX Sports 
Voltar para programação 
Perde a busca e vai para NET TV 
1 
2
VER A SINOPSE 
Ao acessar a informação resumida pelo botão “INFO”, não é informado que há mais informações que podem ser visualizada 
Não há instruções e pistas de como navegar entre as sinopses 
1 
2 
Mais informação... 
Mais informação? 
Mais informação?? 
1 
2 
E Agora? Dá para se navegar entre as sinopses da programação ?
Controle remoto 
As funcionalidades de alguns botões não estão claros no rótulo, as ações não são bem definidas e perceptivas para botões como “Agora”, “Áudio” e “FAV”; 
Há uma complicação visual na organização dos botões, não há uma organização bem definida e lógica para o posicionamento dos elementos; 
1 
2
Proposta de soluções 
PORTAL 
•Focar o cursor para o começo da lista e instruir o usuário de como navegar pelo portal 
•Dar um feedback na interface para que o usuário perceba que o sinal da ação foi recebido 
MOSAICO 
•Padronizar as opções de navegação do portal e o comportamento entre as páginas como, por exemplo, a ordenação por ordem alfabética 
PROGRAMAÇÃO 
•Ao acessar a sinopse pela tela de programações e voltar, manter o foco do cursor no mesmo lugar de onde o usuário parou, não interrompendo a busca do usuário 
•Deveriam ser apresentados somente os canais que estão inclusos no pacote do cliente, ou sinalizar na listagem quais os canais não estão disponíveis 
VER A SINOPSE 
•Ao acessar a informação resumida pelo botão “INFO”, sinalizar que existem mais informações a serem visualizadas ao se clicar no botão INFO novamente 
•Instruir o usuário como navegar entre as sinopses na interface, a partir de pistas pela tela 
CONTROLE REMOTO 
•Revisar a taxonomia utilizada na comunicação do controle remoto, definindo a ação descrita no botão com a sua ação respectiva como, por exemplo, “Agora” para “Programação”, “Áudio” para “Idioma” e “FAV” para “Favoritos” 
•Agrupar os botões por aspectos funcionais e visualmente bem definidos para um usuário leigo
Rafael Yukio Kanaoka 
Estudante de Arquitetura de Informação e UX na Faculdade Impacta de Tecnologia; formado em Análise e Desenvolvimento de Sistemas no IFSP, Analista de Sistemas na Amdocs, Fundador do projeto SamuraiUX (samuraiux.com.br)

Mais conteúdo relacionado

Mais de Rafael Kanaoka

[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...Rafael Kanaoka
 
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...Rafael Kanaoka
 
[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAM
[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAM[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAM
[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAMRafael Kanaoka
 
[Portfólio Livre] UX - Análise USATODAY.com
[Portfólio Livre] UX - Análise USATODAY.com[Portfólio Livre] UX - Análise USATODAY.com
[Portfólio Livre] UX - Análise USATODAY.comRafael Kanaoka
 
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...Rafael Kanaoka
 
[Portfólio Acadêmico] [FIT] Etnografia - ATV-G
[Portfólio Acadêmico] [FIT] Etnografia - ATV-G[Portfólio Acadêmico] [FIT] Etnografia - ATV-G
[Portfólio Acadêmico] [FIT] Etnografia - ATV-GRafael Kanaoka
 
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-GRafael Kanaoka
 
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...Rafael Kanaoka
 
Entenda o que é SamuraiUX
Entenda o que é SamuraiUXEntenda o que é SamuraiUX
Entenda o que é SamuraiUXRafael Kanaoka
 
[Portfólio Acadêmico] [FIT] Design de Informação - Diagnóstico de Problemas ...
[Portfólio Acadêmico] [FIT]  Design de Informação - Diagnóstico de Problemas ...[Portfólio Acadêmico] [FIT]  Design de Informação - Diagnóstico de Problemas ...
[Portfólio Acadêmico] [FIT] Design de Informação - Diagnóstico de Problemas ...Rafael Kanaoka
 

Mais de Rafael Kanaoka (10)

[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
 
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
[Portfólio Livre] Arquitetura de Informação - Fluxo de compras de passagens a...
 
[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAM
[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAM[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAM
[Portfólio Livre] Usabilidade - Fluxo de compras de passagens aéreas - GOL e TAM
 
[Portfólio Livre] UX - Análise USATODAY.com
[Portfólio Livre] UX - Análise USATODAY.com[Portfólio Livre] UX - Análise USATODAY.com
[Portfólio Livre] UX - Análise USATODAY.com
 
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
 
[Portfólio Acadêmico] [FIT] Etnografia - ATV-G
[Portfólio Acadêmico] [FIT] Etnografia - ATV-G[Portfólio Acadêmico] [FIT] Etnografia - ATV-G
[Portfólio Acadêmico] [FIT] Etnografia - ATV-G
 
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
[Portfólio Acadêmico] [FIT] Padrões de Interação - ATV-G
 
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
[Portfólio Acadêmico] [FIT] Mapas de navegação, lista de tarefas e fluxograma...
 
Entenda o que é SamuraiUX
Entenda o que é SamuraiUXEntenda o que é SamuraiUX
Entenda o que é SamuraiUX
 
[Portfólio Acadêmico] [FIT] Design de Informação - Diagnóstico de Problemas ...
[Portfólio Acadêmico] [FIT]  Design de Informação - Diagnóstico de Problemas ...[Portfólio Acadêmico] [FIT]  Design de Informação - Diagnóstico de Problemas ...
[Portfólio Acadêmico] [FIT] Design de Informação - Diagnóstico de Problemas ...
 

[Portfólio Livre] Design de Interface - Análise TV a cabo NET

  • 1. Interface de TV a cabo Rafael Yukio Kanaoka Questão Design de Interface
  • 2. Diretrizes da resolução da questão •Mapeamento das minhas tarefas ao assistir TV a cabo NET •Diagnóstico dos problemas encontrados •Proposta de soluções
  • 3. Mapeamento das minhas tarefas ao assistir TV a cabo NET •Ligar a TV •Buscar canal –Navegando pelo portal –Navegando pelo mosaico –Pelo botão seletor de canais •Ver programação •Ver sinopse •Selecionar o canal •Ajustar o programa –Selecionar idioma –Selecionar legendas –Aumentar/Reduzir o volume
  • 4. PORTAL Foco do cursor não está no começo da lista, o que dificulta sua encontrabilidade Interface demora para responder e não há um feedback na interface que o sinal da ação foi recebido 1 2 1
  • 5. MOSAICO Não se utiliza as mesmas opções de navegação do portal como, por exemplo, a ordenação por ordem alfabética e mais informações 1 PORTAL MOSAICO 1
  • 6. PROGRAMAÇÃO Ao acessar a sinopse pela tela de programações e voltar, o foco do cursor vai para o canal NET TV, interrompendo a busca do usuário São apresentados todos os canais, incluindo os que não estão no pacote do cliente. Estes canais não inclusos, não são sinalizados como não disponíveis, fazendo o usuário acessá-lo e precisando recomeçar a busca 1 2 Seleciona “Mais Informações” para FOX Sports Voltar para programação Perde a busca e vai para NET TV 1 2
  • 7. VER A SINOPSE Ao acessar a informação resumida pelo botão “INFO”, não é informado que há mais informações que podem ser visualizada Não há instruções e pistas de como navegar entre as sinopses 1 2 Mais informação... Mais informação? Mais informação?? 1 2 E Agora? Dá para se navegar entre as sinopses da programação ?
  • 8. Controle remoto As funcionalidades de alguns botões não estão claros no rótulo, as ações não são bem definidas e perceptivas para botões como “Agora”, “Áudio” e “FAV”; Há uma complicação visual na organização dos botões, não há uma organização bem definida e lógica para o posicionamento dos elementos; 1 2
  • 9. Proposta de soluções PORTAL •Focar o cursor para o começo da lista e instruir o usuário de como navegar pelo portal •Dar um feedback na interface para que o usuário perceba que o sinal da ação foi recebido MOSAICO •Padronizar as opções de navegação do portal e o comportamento entre as páginas como, por exemplo, a ordenação por ordem alfabética PROGRAMAÇÃO •Ao acessar a sinopse pela tela de programações e voltar, manter o foco do cursor no mesmo lugar de onde o usuário parou, não interrompendo a busca do usuário •Deveriam ser apresentados somente os canais que estão inclusos no pacote do cliente, ou sinalizar na listagem quais os canais não estão disponíveis VER A SINOPSE •Ao acessar a informação resumida pelo botão “INFO”, sinalizar que existem mais informações a serem visualizadas ao se clicar no botão INFO novamente •Instruir o usuário como navegar entre as sinopses na interface, a partir de pistas pela tela CONTROLE REMOTO •Revisar a taxonomia utilizada na comunicação do controle remoto, definindo a ação descrita no botão com a sua ação respectiva como, por exemplo, “Agora” para “Programação”, “Áudio” para “Idioma” e “FAV” para “Favoritos” •Agrupar os botões por aspectos funcionais e visualmente bem definidos para um usuário leigo
  • 10. Rafael Yukio Kanaoka Estudante de Arquitetura de Informação e UX na Faculdade Impacta de Tecnologia; formado em Análise e Desenvolvimento de Sistemas no IFSP, Analista de Sistemas na Amdocs, Fundador do projeto SamuraiUX (samuraiux.com.br)