Guias de aplicativo (controle de pivô) (aplicativos da Windows Phone Store)

O padrão de guia de aplicativo é utilizado para múltiplas páginas de interface de usuário entre as quais um usuário se move com frequência. Esse padrão é particularmente útil se o seu aplicativo é baseado em um único tema (por exemplo, filmes, baseball, etc). Cada página mostraria ao usuário algo relacionado aos dados em geral que estão sendo apresentados por todo o aplicativo. O padrão de guia de aplicativo pode ser o que torna o seu aplicativo completo, ou também pode ser utilizado em uma subárea desse aplicativo. Por exemplo, você pode ter o controle de hub como o primeiro nível principal de seu aplicativo (conforme descrito em tópicos anteriores), e então a partir de lá fazer com que o usuário navegue para uma subseção de seu aplicativo que utiliza o padrão de guia de aplicativo (utilizando o controle de pivô).

Imagine que você deseja que um aplicativo que cataloga os filmes que você tem em sua coleção particular. Você pode utilizar o padrão de guia de aplicativo para fornecer diversas exibições filtradas diferentes de seus filmes. Você pode desejar uma exibição filtrada para mostrar os filmes marcados como seus favoritos. Outra exibição filtrada pode ser somente para filmes de tipo ação. Ainda assim, outra visualização com filtragem pode conter os filmes que você classificou na ordem em que você os assistirá, quando tiver tempo. Você também desejaria nesse caso, é claro, uma página para exibir a lista completa de filmes sem filtragem.

A figura a seguir ajuda você a visualizar essa estrutura de aplicativo. Quando o aplicativo é iniciado, você termina em uma das páginas filtradas. A partir daí, você pode fazer uma rolagem horizontal por cada uma das páginas que agem como guias em sua IU.

Guias de aplicativo para Caixa de Entrada do Outlook

Cada guia pode ser basicamente um modo diferente de filtrar e visualizar dados que você deseja apresentar ao usuário. Se o botão Voltar do aparelho for pressionado durante a navegação por qualquer uma dessas páginas de exibição filtradas, você sairá do aplicativo.

Use o padrão de guia de aplicativo para aplicativos que têm um tipo de dados central, em torno do qual você apresenta diferentes exibições filtradas.

Utilizar o controle de pivô como implementação da guia de aplicativo

Você pode utilizar o controle de pivô para implementar o padrão de guia de aplicativo. Esse controle permite que o usuário navegue para a direita e para a esquerda por cada página (chamado de item de pivô).

O aplicativo cliente do Outlook da Microsoft utiliza o padrão de guia de aplicativo porque o aplicativo exibe um único tipo de dado: listas de emails com tipos diferentes de filtragem aplicados a cada item de pivô. Quando você olha sua Caixa de Entrada de e-mail com o aplicativo Outlook, você vê três itens de pivô—todos, não lidos e urgentes. Isso facilita para você ver somente os emails urgentes, se é isso que você deseja. Desse modo, você não precisa fazer a rolagem pelos emails no item de pivô todos para encontrar os emails marcados como urgentes.

Aplicativo de cliente do Outlook

Outro aplicativo existente que utiliza o padrão de guia de aplicativo é o Netflix. Cada item de pivô mostra listas de filmes. A lista em cada item de pivô é diferente por causa da filtragem aplicada. Você pode comparar e ver como cada uma delas é única e útil. O item de pivô instante exibe filmes que você colocou naquela fila, para que pudessem ser assistidos via seu dispositivo de streaming no momento desejado. O item de pivô início mostra filmes nos quais o Netflix acredita que você pode se interessar. O item de pivô pesquisa mostra filmes que correspondem às palavras-chave utilizadas por você na pesquisa.

Itens de pivô são focados e eficientes. Seu foco primário é ação baseada em tarefas, como filtragem, classificação e exibição de itens relacionados. Hubs são expansivos, agregadores e exploradores. Sua melhor utilização é para promover e exibir conteúdo relevante recente. Há circunstâncias em que um controle é mais adequado do que outro.

Aplicativo Netflix

Função tipo guia

Cada item de pivô é na realidade uma guia, e as guias são listadas em toda a parte superior. Conforme você pode ver a partir da figura de aplicativo do Netflix, o aplicativo está atualmente no item de pivô início e você pode ver que o item de pivô gêneros está disponível à direita. Para ir até o item de pivô gêneros apenas toque nele, ou aplique a ele movimento panorâmico.

Os aplicativos devem minimizar o número de itens de pivô que têm. Os usuários podem se perder navegando de um item de pivô para outro. Tente manter o número de itens de pivô como cinco ou menos. Se você chegar à conclusão de que precisa de mais do que isso, faça com que um dos controles de pivô contenha um controle de lista com links para toque, levando o usuário a outras páginas ou outro nível de navegação que seja ele próprio um controle de pivô. Para saber se é disso que você precisa, consulte Lista com descrição detalhada de detalhes para Windows Phone.

Observação  Com o controle de pivô, você pode se mover de item a item tocando nos cabeçalhos de item. Isso é algo que o controle de hub não pode fazer.

Considerações para filtragem de dados

No começo desse tópico, dissemos que o melhor uso do controle de pivô era fazer com que cada item de pivô contenha o mesmo tipo de dado, mas apenas apresente uma filtragem diferente desses dados. Também dissemos que o controle de hub pode ser utilizado para mostrar seções com dados não relacionados contidos nelas. Você pode utilizar o controle de pivô desse modo também se os dados forem essencialmente diferentes, mas ainda assim todos associados a um tipo de assunto. Por exemplo, se você tinha alguma informação para apresentar sobre a cidade de Nova Iorque em um aplicativo para turistas, você pode ter um controle de pivô que contém estatísticas interessantes como localização, população e receita anual com impostos. Em seguida, você pode ter itens adicionais de pivô para informações como atrações para ver e um outro item de pivô para hotéis onde ficar.

O aplicativo ESPN ScoreCenter é um exemplo do padrão de guia de aplicativo em que cada item de pivô contém dados heterogêneos, baseados em um tema central.

Aplicativo ESPN ScoreCenter

Combinando o controle de pivô com um controle de hub

A partir da página início de um controle de hub, como aquela no aplicativo Facebook, você pode tocar em um item de navegação na lista e navegar para um controle de pivô. É isso que acontece com a seleção perfil da seção de hub início do Facebook. Quando o usuário toca na seleção perfil, ele é levado a um controle de pivô que apresenta itens de pivô como mural, informações, fotos minhas, e outros. Desse modo, você pode navegar de um controle para o outro.

Navegando de um controle de hub principal para um controle de pivô dentro do aplicativo Facebook

Você pode ficar na tentação de navegar da seção início de um hub para outro hub. Isso não é uma boa ideia—você pode confundir os usuários, porque é fácil para eles esquecer em que aplicativo estão atualmente. Algumas vezes o hub tem uma imagem grande esticada em plano de fundo para manter o usuário ancorado assim como quando está no nível superior, e se o usuário navega para uma subárea que é um hub com um plano de fundo diferente, existirá a tendência de se confundir.

Aplique a barra a um controle de pivô

Como todos os outros dados são dos mesmo tipo, você pode, em muitos casos, fornecer uma barra inferior de aplicativo, com botões relacionados ao que está sendo exibido. O aplicativo Outlook, conforme exibido na figura a seguir, tem uma barra de aplicativo sempre visível porque contém ações que o usuário precisa que, de algum modo, afetem aquilo que está sendo exibido.

Aplicativo de cliente do Outlook

No aplicativo Outlook, a barra de aplicativo pode permitir as mesmas ações, independentemente do item de pivô em que você está. Você pode ver pela figura anterior que há botões para criar um novo email, revelar as caixas de seleção, trocar de pasta e ressincronizar o seu email. Isso, portanto, é outra diferença entre o controle de pivô e o controle de hub, porque você provavelmente nunca colocaria uma barra de aplicativo juntamente com a parte inferior.

Não presuma poder manter os mesmos botões na parte inferior todo o tempo, a menos que você considere cuidadosamente o que está em cada item de pivô e isso faça sentido. Alguns usos do controle de pivô podem não manter exatamente o mesmo tipo de dado em cada item de pivô.

Item de pivô "Início"

Você pode utilizar o primeiro item de pivô para apresentar uma lista de todo o resto dos itens de pivô. Desse modo, o usuário pode tocar em um deles e navegar diretamente para aquele item de pivô, em vez de deslizar o dedo até ele. A lista também pode conter entradas que inicializam outros aplicativos.

Você não precisa fazer com que o usuário comece o uso do aplicativo no item de pivô início se não desejar. Em um aplicativo para listar filmes, por exemplo, em vez de fazer com que o usuário comece a usar o aplicativo no item de pivô início, você pode fazer com que comece a usar em um item de pivô que mostre gráficos dos últimos e mais populares filmes. Desse modo, o usuário entra no aplicativo em contato com algo mais chamativo.

Tópicos relacionados

Hub

Pivô