Hub de aplicativo central com seções de painel (controle de hub) (aplicativos da Windows Phone Store)

O modelo apresentado nesse tópico é similar ao modelo descrito em Hub central de aplicativo com menu de página inicial (controle de pivô ou hub) para Windows Phone. Exatamente como no caso anterior, você tem áreas diferentes de funcionalidade para expor ao usuário. A diferença aqui é que você pode apresentar toda a sua interface de usuário no nível máximo, sem necessidade de um menu de página inicial.

Interface de usuário de hub central de aplicativo para gerenciamento de time de futebol

Se o seu aplicativo não tem subáreas para as quais navegar, toda a sua interface de usuário pode permanecer em um único conjunto de seções acessíveis horizontalmente. Você ainda pode utilizar o controle de hub, mas nesse caso você não precisa ter uma seção inicial. É o caso do Hub de Pessoas no Windows Phone. A figura seguinte mostra que o layout básico do hub ainda é o mesmo.

O Hub de Pessoas

Com o Hub de Pessoas, cada seção mantém sua interface de usuário única e apresenta uma área de funcionalidade. A diferença entre esse modelo de design e o descrito no hub do aplicativo Central com o menu da página inicial (hub ou controle de pivô) para Windows Phone é que você não está apenas fazendo ressurgirem áreas mais baixas do aplicativo no hub. No modelo anterior, as seções à direita da seção inicial dão a você um olhar rápido sobre conteúdo que você acessaria via navegação pelo menu. Com o modelo descrito aqui, suas seções não fazem ressurgir áreas encontradas em outros lugares.

Uma seção para cada área

Para sua criação, você determina que seção deve ser selecionada quando o aplicativo é executado. Uma opção é selecionar a seção em que o usuário estava quando ele ou ela saíram do aplicativo pela última vez. Você também pode decidir selecionar sempre a primeira seção. A primeira seção é aquela com a imagem de plano de fundo empurrada para a esquerda, com a borda mais à esquerda do título do hub visível sobre ela.

Você pode decidir quantas seções ter para a direita, mas recomendamos que você não tenha mais de quatro seções no total. Se você tiver mais de quatro seções, os usuários terão dificuldade para saber onde estão.

Você pode colocar qualquer interface de usuário que desejar em cada uma das seções. Se você tem quatro áreas principais de recursos, você pode colocar uma área em cada uma das quatro seções. A primeira seção pode ser criada com o conteúdo que você acredita que usuários têm mais probabilidade de querer quando o aplicativo for iniciado. A figura anterior mostra esse tipo de uso do hub como um hub central de aplicativo.

Cada seção do hub contém itens nos quais clicar que levam você aos detalhes sobre aquele item. Por exemplo, o Hub de Pessoas tem uma seção novidades com itens nos quais é possível tocar. Os itens são apresentados em uma lista com rolagem vertical e podem representar publicações no Facebook. Clicar em um deles faz com que você navegue saindo do hub e indo para os detalhes daquela publicação. Há múltiplos alvos de toque para cada entrada na seção novidades. Um deles leva você à publicação para ver respostas à publicação. O outro alvo de toque é o nome da pessoa. Tocar nele faz com que você navegue para um controle de pivô para aquela pessoa, onde você pode ver diversos itens de pivô com informações sobre ela.

Outro exemplo

Cada seção pode ser sua própria área distinta e não necessariamente relacionar-se a outras seções. Navegar para fora do hub principal ainda ocorre quando os usuários tocam em conteúdo presente nas seções individuais. Essa navegação direciona-se para os detalhes do item no qual você tocou, não para uma subárea totalmente nova como ocorre a partir de um menu da seção inicial.

O aplicativo Samsung Now tem três seções em seu uso do controle de hub como hub central do aplicativo. O tema desse aplicativo é mostrar aos usuários informações que eles podem querer acessar rapidamente pela manhã e durante o dia—previsão do tempo, notícias e informações sobre a bolsa de valores.

Aplicativo Samsung Now

O usuário ainda pode navegar para fora do hub. Por exemplo, clicar em um símbolo de ação na seção de ações leva você a uma única página com detalhes sobre aquela empresa.

Orientações

Ambos o tópico hub central do aplicativo com menu de página inicial (hub ou controle de pivô) para Windows Phone e este tópico utilizam o controle de hub, e muitas das mesmas orientações e cuidados ali mencionados aplicam-se no uso feito aqui.

Tópicos relacionados

Hub

Pivô