Hub d’application central avec sections de panneau (contrôle Hub) (applications du Windows Phone Store)

Le modèle présenté dans cette rubrique est semblable à celui de la rubrique Hub d’application central avec menu de page d’accueil (contrôle Hub ou Pivot) pour Windows Phone. Comme dans l’autre scénario, vous avez différentes zones de fonctionnalités à exposer à l’utilisateur. La différence, c’est qu’ici vous pouvez présenter l’ensemble de votre interface utilisateur principale au niveau supérieur sans avoir besoin d’un menu de page d’accueil.

Interface utilisateur du hub d’application central pour gérer l’équipe de football

Si votre application n’a aucune zone secondaire vers laquelle naviguer, toute votre interface utilisateur peut figurer dans un seul ensemble de sections accessibles via un défilement horizontal. Vous pouvez toujours utiliser le contrôle hub, mais dans ce cas vous n’avez pas besoin de section d’accueil. Le hub Contacts sur Windows Phone en est un bon exemple. La figure ci-dessous montre que la disposition de base du hub est toujours la même.

Hub Contacts

Avec le hub Contacts, chaque section contient sa propre interface utilisateur unique et présente une zone de fonctionnalité. La différence entre ce modèle de conception et celui décrit dans Hub d’application central avec menu de page d’accueil (contrôle Hub ou Pivot) pour Windows Phone est que vous ne vous contentez pas de réexposer des zones inférieures de l’application dans le hub. Dans le modèle précédent, les sections situées à droite de la section d’accueil fournissent un aperçu rapide du contenu auquel vous accèderiez en navigant avec le menu. Avec le modèle décrit ici, vos sections ne réexposent pas de fonctionnalités exposées autre part.

Une section pour chaque zone

Pour votre conception, vous identifiez la section à sélectionner au démarrage de l’application. L’une des options consiste à sélectionner la section où se trouvait l’utilisateur la dernière fois qu’il a quitté l’application. Vous pouvez également décider de toujours sélectionner la première section. Il s’agit de celle où l’image d’arrière-plan est alignée à gauche, avec le bord gauche du titre du hub visible juste au-dessus.

Vous pouvez choisir le nombre de sections situées à droite, mais nous vous conseillons de ne pas présenter plus de quatre sections en tout. Au-delà de quatre, les utilisateurs ont des difficultés à se souvenir où ils se trouvent.

Vous pouvez mettre l’interface utilisateur de votre choix dans chacune des sections. Si vous avez quatre zones de fonctionnalités principales, vous pouvez placer une zone dans chacune des quatre sections. La première section peut être conçue avec le contenu que, selon vous, les utilisateurs voudront voir au démarrage de l’application. La figure ci-dessus montre ce type d’utilisation du hub comme hub d’application central.

Chaque section du hub contient des éléments sur lesquels l’utilisateur peut appuyer pour afficher des détails sur l’élément en question. Par exemple, le hub Contacts comporte une section quoi de neuf avec des éléments sur lesquels appuyer. Les éléments, qui peuvent représenter des messages publiés sur Facebook, sont présentés dans une liste avec défilement vertical. Un appui sur l’un d’eux vous permet de quitter le hub et d’accéder aux détails du message. Il existe plusieurs cibles pour chaque entrée de la section quoi de neuf. L’une mène au message et permet de voir les réponses au message. L’autre est le nom du contact. Un appui sur le nom permet d’accéder à un contrôle pivot qui contient plusieurs éléments pivot d’informations sur le contact.

Autre exemple

Chaque section peut être une zone distincte sans aucun rapport avec les autres sections. La navigation hors du hub principal a toujours lieu quand l’utilisateur appuie sur du contenu dans une section. Cette navigation permet d’accéder aux détails sur l’élément sur lequel vous avez cliqué, et non à une nouvelle zone secondaire comme c’est le cas à partir d’un menu de section d’accueil.

L’application Samsung Now comporte trois sections dans son utilisation du contrôle hub comme hub d’application central. Cette application a pour but de fournir à l’utilisateur des informations qu’il souhaite pouvoir consulter rapidement tout au long de la journée, telles que la météo, les actualités et les cotations boursières.

Application Samsung Now

L’utilisateur peut toujours naviguer hors du hub. Par exemple, un appui sur un code d’action dans la section sur la Bourse permet d’accéder à une page avec des détails sur la société en question.

Conseil

La rubrique Hub d’application central avec menu de page d’accueil (contrôle Hub ou Pivot) pour Windows Phone et la présente rubrique utilisent toutes deux le contrôle hub, et une grande partie des conseils et avertissements mentionnés dans cette autre rubrique s’appliquent aussi à son utilisation ici.

Rubriques connexes

Hub

Pivot