Applications sportives
Le livre de conception de l’application sportive décrit une application sportive fictive pour Windows 8. Pour la conception de votre propre application sportive, inspirez-vous des scénarios de cette rubrique et de la manière dont le langage de conception de Windows 8 est utilisé dans l’application.
Scénarios d’application sportive
L’application sportive décrite dans cette rubrique utilise les fonctionnalités de conception Microsoft pour créer une expérience sportive attrayante pour les utilisateurs.
| Attirer | Partager | Attirer d’autres personnes |
|
|
|
|
Susciter l’intérêt des utilisateurs dans le contenu de votre application
Utilisez le langage de conception Microsoft pour créer une expérience de navigation informelle, amusante, simple et performante. Servez-vous également des vignettes dynamiques de votre application pour susciter l’intérêt des utilisateurs. Poursuivez ce scénario pour découvrir comment rendre votre application sportive attrayante.
|
Tout en regardant les actualités à la télévision, John Rodman se sert de sa tablette Windows 8 comme « deuxième écran ».
|
|
L’application Contoso Sports attire son attention avec une vignette dynamique répertoriant les titres des sports.
|
|
La vue est disposée horizontalement avec toutes les options sur le même canevas capable de défiler en panoramique. John peut faire une recherche sans naviguer sur une hiérarchie de pages.
|
|
John effectue un pincement pour activer le zoom sémantique, ce qui lui permet d’accéder rapidement à son sport préféré.
|
Résumé du contenu de l’application
Nous avons vu dans ce premier scénario...
- Que votre contenu ressort sans chrome ni de multiples hiérarchies de navigation.
- Que les vignettes dynamiques font revenir les utilisateurs vers l’application en affichant des informations qui leur sont pertinentes.
Pour plus d’informations sur les vignettes dynamiques, le mouvement panoramique et le zoom sémantique, voir :
- Recommandations concernant les vignettes dynamiques
- Exemple de vignette dynamique
- Instructions relatives au mouvement panoramique
- Exemple de mouvement panoramique (HTML)
- Exemple de mouvement panoramique (XAML)
- Recommandations concernant le zoom sémantique
- Exemple de zoom sémantique (C#/VB/C++)
- Exemple de zoom sémantique (JavaScript)
Partager localement et sur des réseaux
Vous pouvez utiliser la fonctionnalité Lire sur pour partager votre expérience PC sur une télévision. Vous pouvez utiliser le contrat de partage pour partager votre contenu sur d’autres applications.
|
John remarque un article intéressant et l’ouvre pour l’afficher dans une vue d’article en plein écran.
|
|
John lit la vidéo sélectionnée de l’article sur sa télévision activée avec Lire sur.
|
|
John sait que le joueur blessé fait partie de l’équipe de rêve de son ami Ben Martens. Il effectue un balayage pour ouvrir l’icône Partager d’où il utilise l’application sociale Contoso pour alerter son ami.
|
Résumé du partage
Nous avons vu dans ce deuxième scénario...
- Que vous pouvez développer le contenu à partir de l’application sur tout appareil activé pour la fonctionnalité Lire sur.
- Que vous pouvez transformer votre contenu en source partagée et Windows 8 vous connecte à d’autres applications, messageries et réseaux sociaux.
- Vous pouvez transformer votre application en cible de partage et recevoir du contenu, des liens ou tout autre type de données structurées.
Pour plus d’informations sur la fonctionnalité Lire sur et le partage, voir :
- Instructions relatives à la fonctionnalité Lire sur
- Exemple de la fonctionnalité Lire sur
- Recommandations concernant le partage
- Exemple de source de partage
- Exemple de cible de partage
Entraîner les utilisateurs en dehors de votre application
Vous pouvez faire revenir les utilisateurs sur l’application par des notifications toast en temps voulu et par le contrat de recherche.
|
Ben Martens travaille sur un rapport. Il découvre la notification toast de l’application sociale Contoso provenant de John Rodman signalant que son joueur est blessé.
|
|
Il clique sur la notification toast qui le redirige vers l’application du réseau social Contoso. Il y découvre qu’un lien vers la page web de l’histoire a été publié.
|
|
Ben a besoin d’un nouveau joueur de champ extérieur pour son équipe de rêve. Il utilise l’icône Rechercher sur tout le système pour rechercher un nouveau joueur.
|
|
Ben fait une recherche dans l’application Contoso Sports et trouve des joueurs de champ extérieur appropriés. Il sélectionne Ben Smith qui lui semble pouvoir faire un bon remplaçant.
|
|
Après avoir sélectionné son nouveau joueur de champ extérieur, Ben sélectionne la barre d’application pour ajouter le nouveau joueur à l’équipe de rêve. La barre d’application est utile pour la navigation (affichée en tant que barre d’application supérieure) et les commandes (affichée en tant que barre d’application inférieure), ce qui permet de faire ressortir votre contenu.
|
|
Ben souhaite suivre son nouveau joueur et accède donc au tableau de suivi des scores.
|
|
Ben veut surveiller le tableau de suivi des scores tout en continuant à travailler sur son rapport, il met donc l’application Contoso Sports en mode ancré.
|
Résumé de l’entraînement des utilisateurs en dehors de votre application
Nous avons vu dans ce troisième scénario...
- Que les notifications toast créent un lien profond dans votre application et permettent d’attirer à nouveau l’attention de l’utilisateur sur votre contenu.
- Un affichage ancré riche en fonctionnalités permet aux utilisateurs de renforcer leur engagement avec votre application.
- La recherche place votre application dans la liste cible potentielle quand vos utilisateurs ont besoin d’informations.
Pour plus d’informations sur les notifications toast, la vue ancrée, la recherche et la barre d’application, voir :
- Recommandations et liste de vérification sur les notifications toast
- Exemple de toast
- Recommandations concernant l’affichage ancré
- Exemple d’affichage ancré
- Recommandations concernant la recherche
- Exemple de recherche
- Instructions concernant la barre d’application (AppBar)
- Exemple de barre d’application (HTML)
- Exemple de barre d’application (XAML)
Explorer les possibilités
Windows 8 dispose d’un arsenal de nouvelles fonctionnalités qui permettent de faire ressortir votre application. Pour plus d’informations, lisez le Guide du produit Windows 8 pour développeurs.
Rubriques associées
- Création d’applications du Windows Store réussies
- Modèles de conception de l’expérience d’utilisateur pour les applications du Windows Store
- Recommandations en matière d’expérience utilisateur pour les applications du Windows Store
- Exemples et recommandations
- Recommandations concernant les vignettes dynamiques
- Exemple de vignette dynamique
- Instructions relatives au mouvement panoramique
- Exemple de mouvement panoramique (HTML)
- Exemple de mouvement panoramique (XAML)
- Instructions concernant la barre d’application (AppBar)
- Exemple de barre d’application (HTML)
- Exemple de barre d’application (XAML)
- Recommandations et liste de vérification sur les notifications toast
- Exemple de toast
- Recommandations concernant l’affichage ancré
- Exemple d’affichage ancré
- Recommandations concernant le partage
- Exemple de source de partage
- Exemple de cible de partage
- Recommandations concernant la recherche
- Exemple de recherche
- Instructions relatives à la fonctionnalité Lire sur
- Exemple de la fonctionnalité Lire sur
- Recommandations concernant le zoom sémantique
- Exemple de zoom sémantique (C#/VB/C++)
- Exemple de zoom sémantique (JavaScript)




















