Pular para o conteúdo

Plataformas para TV

Navegação por foco: como deixar um aplicativo de TV fácil de usar

Na TV, cada seta precisa levar a um lugar previsível. Veja como projetar foco, retorno e listas para que o controle remoto funcione sem esforço.

Equipe AmplaVia 2 min de leitura
Um caminho de foco liga cartões de conteúdo em uma TV a um controle direcional.

Em um aplicativo de TV, a pessoa não aponta diretamente para o botão. Ela move o foco com o controle remoto até chegar ao item desejado. Se o destaque desaparece ou uma seta leva a um lugar inesperado, até uma tarefa simples se torna cansativa.

Desenhe o caminho junto com a tela

Para cada região da interface, defina como entrar, sair e avançar. Em uma grade de conteúdo, o comportamento nas bordas merece atenção: a seta vai para outra fileira, para o menu ou permanece no último item? A resposta precisa acompanhar a organização visual e ser consistente ao longo do aplicativo.

As orientações de navegação do Android TV destacam a importância de testar todos os controles com o direcional. Mesmo quando a plataforma calcula o próximo foco automaticamente, o percurso real precisa ser conferido.

Mostre o foco sem depender só da cor

Use um destaque visível que combine contorno, dimensão ou outro sinal de seleção. Preserve espaço para que o efeito não seja cortado por um container. Observe a tela a uma distância semelhante à de uso, com conteúdos claros e escuros, para conferir se o item selecionado continua evidente.

Evite efeitos que atrasem a resposta a cada movimento. O usuário precisa reconhecer o resultado da tecla antes de decidir a próxima ação.

Volte para um lugar conhecido

Ao abrir os detalhes de um filme e voltar, restaure o foco no cartão que originou a navegação quando ele ainda estiver disponível. Guarde também a posição da lista. Retornar ao primeiro item obriga a pessoa a refazer o caminho, principalmente em catálogos grandes.

  • Ao fechar um diálogo, devolva o foco ao controle que o abriu.
  • Se um item deixar de existir, escolha uma alternativa próxima e válida.
  • Durante o carregamento, mantenha uma indicação clara do que está acontecendo.

Teste com pressa e com interrupções

Pressione setas rapidamente, segure o direcional e alterne entre menu, busca e conteúdo. Confira o comportamento quando novas páginas da lista chegam, a rede falha ou uma imagem demora. Esses casos podem revelar saltos de foco que não aparecem na navegação lenta de uma demonstração.

Use um aparelho representativo do público, além das verificações em ambiente de desenvolvimento. Desempenho e resposta do controle fazem parte da experiência que está sendo avaliada.

Uma revisão que cabe no projeto

Crie um roteiro curto com as tarefas mais frequentes e repita-o quando o layout mudar. O critério é concreto: a pessoa consegue saber onde está e chegar ao conteúdo usando apenas o controle remoto.

Leitura complementar: orientações oficiais de navegação para Android TV.

TagsUX para TVControle remotoNavegação

Compartilhe este artigo

Gostou do conteúdo?

Entre em contato conosco e descubra como podemos desenvolver seu sistema ou aplicativo.