Applications de voyage

Le livre de conception de l’application de voyage décrit une application de voyage fictive pour Windows 8.1. Pour la conception de votre propre application de voyage, inspirez-vous des scénarios de cette rubrique et de la manière dont le langage de conception Microsoft est utilisé dans l’application.

Scénarios d’application de voyage

L’application de voyage décrite dans cette rubrique utilise les fonctionnalités de conception Microsoft pour créer une expérience de voyage attrayante pour les utilisateurs.

Inspirer Réserver S’enregistrer
image de vignettes dynamiques et de la navigation image d’une application de voyage image d’une notification toast

 

Inspirer les utilisateurs et les attirer

Les vignettes dynamiques vous permettent d’attirer les utilisateurs dans votre application et le contrat de partage simplifie la diffusion de votre contenu. Poursuivez ce scénario pour découvrir comment rendre votre application de voyage attrayante.

image de grande taille de vignettes et de navigation dynamiques

Benjamin a choisi la vignette dynamique de l’application Wigtip Destinations et l’offre d’un séjour en bord de mer retient son attention.

image du menu de démarrage avec vignettes dynamiques

Après avoir lancé l’application, Benjamin clique sur l’offre des vacances à la mer.

image d’une application de voyage avec des offres

Benjamin sélectionne l’offre Plages de Contoso pour y regarder de plus près.

Image d’offres de voyage

La présentation de l’offre lui plaît et il décide de la partager avec son ami.

image d’une offre de voyage et de l’icône Partager

 

Résumé des vignettes dynamiques et du partage

Nous avons vu dans ce premier scénario...

  • Que les vignettes dynamiques font revenir les utilisateurs vers l’application en affichant des informations qui sont pertinentes pour l’utilisateur, notamment la possibilité de répondre à une offre.
  • Vous pouvez transformer votre contenu en source partagée et Windows 8.1 vous connecte à d’autres applications, messageries et réseaux sociaux.

Pour plus d’informations sur les vignettes dynamiques et le partage, voir :

Réservation de voyage

Servez-vous de la barre de l’application et du zoom sémantique pour faire ressortir votre contenu tout en offrant aux utilisateurs un moyen cohérent de naviguer dans votre application.

image d’une réservation de voyage

Benjamin lance l’application Wingtip Destinations et tape la ville de destination de son voyage. L’application sait déjà où il se trouve actuellement.

image d’une carte avec des destinations

Le calendrier est simple à utiliser avec les doigts ou la souris.

image d’une page du calendrier

La barre de l’application propose à Benjamin plusieurs manières d’afficher, de filtrer et de trier ses options de vol.

image de la barre de l’application et des options de vol

Benjamin a un budget limité et décide d’afficher les résultats en fonction du prix.

image des options de vol et des prix

Benjamin utilise le zoom sémantique pour obtenir une autre vue des données.

image des prix d’option de vol en zoom arrière

Benjamin affiche son itinéraire, entre les informations concernant le passager, choisit les places et entre ses informations de paiement, le tout en une seule étape. De là, il peut enregistrer son voyage pour plus tard ou réserver son billet.

image d’un tableau de bord de voyage d’une application de voyage

Benjamin décide de réserver le voyage et termine son achat.

image d’une page d’itinéraire d’une application de voyage

 

Résumé d’une réservation de voyage

Nous avons vu dans ce deuxième scénario...

  • Que votre contenu se trouve au premier plan du fait que les commandes et la navigation sont placées dans la barre de l’application.
  • Que le zoom sémantique permet aux utilisateurs d’afficher les données de différentes façons.
  • Que vous pouvez transformer votre application en application prenant en charge la géolocalisation.

Pour vous aider à choisir le meilleur modèle de navigation pour votre application, voir Modèles de navigation.

Voir le Modèle de navigation plat en action dans le cadre de notre série Fonctionnalités d’application de A à Z.

Pour plus d’informations sur la barre de l’application, le zoom sémantique et les applications prenant en charge la géolocalisation, voir :

Notifications et impression

Vous pouvez utiliser l’écosystème Windows 8.1 pour communiquer avec les utilisateurs.

image d’une notification toast

Benjamin est à pied d’œuvre lorsqu’une notification toast provenant de Wingtip Destinations lui signale qu’il est temps de s’enregistrer.

image d’une notification toast

Il clique sur la notification toast qui le redirige vers la page d’enregistrement. Il s’enregistre et imprime sa carte d’embarquement.

image d’une page d’enregistrement d’une application de voyage

 

Résumé des notifications et de l’impression

Nous avons vu dans ce troisième scénario...

  • Que les notifications toast créent un lien ciblé dans votre application et permettent d’attirer à nouveau l’attention de l’utilisateur sur votre contenu.
  • Vous pouvez tirer parti de l’intégralité de l’écosystème Windows dans votre application, y compris les périphériques tels que les imprimantes.

Pour plus d’informations sur les notifications toast et l’impression, voir :

Explorer les possibilités

Windows 8.1 propose une multitude de nouvelles fonctionnalités qui permettent à votre application de se démarquer.

Par exemple, l’ajout d’une zone de recherche permet la recherche dans le contenu de votre application et l’ajout du contrat de recherche permet de rechercher dans le contenu de votre application à partir de n’importe quelle autre application. Pour plus d’informations, voir les Exemple de recherche et Recommandations en matière de recherche.

Image du fonctionnement de la recherche

Rubriques associées

Découvrir les applications du Windows Store

Recommandations en matière d’expérience utilisateur pour les applications du Windows Store

Recommandations et liste de vérification sur les notifications toast

Exemple de notification toast

Exemple de vignette dynamique

Recommandations en matière de vignettes dynamiques

Recommandations en matière de barre de l’application (AppBar)

Exemple de barre de l’application (HTML)

Exemple de barre de l’application (XAML)

Exemple de zoom sémantique (C#/VB/C++)

Exemple de zoom sémantique (JavaScript)

Recommandations en matière de zoom sémantique

Recommandations en matière d’impression

Exemple d’impression

Recommandations en matière d’applications prenant en charge la géolocalisation

Exemple de géolocalisation

Exemple de recherche

Recommandations en matière de recherche

Exemple de source de partage

Exemple de cible de partage

Recommandations en matière de partage