Applications d’actualités

Applies to Windows and Windows Phone

Cette rubrique décrit comment créer des applications d’actualités réussies pour Windows 8.1.

Vue d’ensemble

Windows 8.1 s’adapte comme jamais à une large gamme d’appareils, des tablettes tactiles aux ordinateurs portables et de bureau haute résolution. Ces différents facteurs de forme représentent une opportunité unique pour les éditeurs d’actualités de proposer de fabuleuses expériences dans une grande variété de scénarios et de cas d’utilisation et ainsi d’atteindre une large audience avec une seule application. 

Le nouveau Windows Store offre également de nouvelles opportunités de distribution, de promotion et de vente de vos applications tout en vous laissant la possibilité d’utiliser votre propre moteur de commerce pour les abonnements.  

Cette rubrique présente les nouvelles fonctionnalités de Windows 8.1 qui revêtent une importance particulière pour les applications d’actualités, notamment :

  • Le contenu avant le chrome—Avec Windows 8.1, le système d’exploitation s’efface pour laisser la vedette au contenu. Les lecteurs seront davantage attirés et moins distraits.
  • Laissez votre marque briller—Avec Windows 8.1, votre application peut incarner le prestige et la reconnaissance de votre marque grâce aux vignettes dynamiques, à un écran de démarrage, à votre logo et plus encore.
  • Contrats de partage et contrats de périphériques—Ces nouvelles fonctionnalités de premier niveau du système d’exploitation rendent le contenu plus social et permettent d’utiliser des périphériques voisins.
  • Notifications—Utilisez les vignettes dynamiques et les notifications toast pour alerter l’utilisateur d’un nouveau contenu et ainsi renforcer son engagement et le fidéliser.

Disposition et navigation dans les applications d’actualités

Les applications d’actualités présentent les actualités dans différentes catégories. Grâce au modèle de navigation hiérarchique pour les applications du Windows Store, vous pouvez rendre votre application rapide et fluide à utiliser tout en conservant au premier plan le contenu qui intéresse les utilisateurs.

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.

Modèle hiérarchique

Une application d’actualités contient souvent une grande quantité de contenu que l’utilisateur peut découvrir et consommer. Pour faire face à cette densité d’informations, les applications et sites Web d’actualités ont tendance à distinguer de nombreuses catégories. Ainsi, ils contiennent bien souvent une section « Alerte de dernière minute » ou « À la une » affichée de manière évidente sur la page de premier niveau. Vous y trouverez aussi probablement d’autres catégories comme politique internationale, technologies, sports, finance et divertissement avec certains articles extraits et affichés au niveau supérieur de l’application. L’utilisation du modèle hiérarchique de Windows 8.1 pour la disposition et l’interaction permet à votre application de faire ressortir le contenu au niveau supérieur, au lieu de l’enfouir dans des onglets et des menus. Cette page de démarrage de premier niveau, ou « Hub », peut être variée sur le plan visuel, séduire les utilisateurs et les amener vers différentes parties de l’application.

Lorsque vous réfléchissez à la disposition de votre application, donnez la priorité aux scénarios et aux catégories en fonction de leur importance relative et de leur intérêt pour le plus grand nombre d’utilisateurs. Par exemple, les catégories À la une ou Alerte de dernière minute sont importantes pour la plupart des utilisateurs d’applications d’actualités et doivent doit apparaître de manière évidente sur la page Hub de votre application.

Ce diagramme illustre un modèle hiérarchique pour un exemple d’application d’actualités.

Exemple de modèle hiérarchique pour une application d’actualités

Page Hub de votre application

La page Hub de votre application peut afficher les actualités à la une, les actualités de dernière minute, le contenu recommandé pour l’utilisateur ainsi que des articles pour chacune des différentes catégories sur une seule surface de mouvement panoramique. Chaque groupe de catégories peut faire ressortir du contenu engageant sur le Hub. L’utilisateur peut explorer une section particulière et voir plus de contenu en cliquant sur l’en-tête d’un groupe.

Catégories d’actualités

Disposez à plat toutes les catégories de votre application dans la page Hub de votre application et présentez quelques articles de chaque catégorie afin de susciter l’intérêt de l’utilisateur pour cette catégorie particulière. Vous pouvez indiquer qu’une catégorie contient d’autres articles en affichant un compteur en regard de l’en-tête du groupe, comme illustré ici.

Exemple illustrant comment vous pouvez indiquer la présence d’autres articles d’actualités

Alertes de dernière minute

Les alertes de dernière minute constituent un scénario clé pour les applications d’actualités car les utilisateurs sont généralement intéressés par les sujets d’actualités les plus récents et les plus importants. Vous pouvez mettre en évidence les alertes de dernière minute et les sujets en cours sur le devant de la page Hub en les rendant plus gros que le reste du contenu de votre page Hub et en utilisant des variations d’épaisseur et de couleur en fonction de la priorité de l’actualité.

L’exemple suivant différencie les événements en direct à l’aide du placement du contenu et de la taille, et en indiquant « En direct » en rouge avant le titre pour attirer l’œil de l’utilisateur sur ce contenu.

Exemple de manière d’indiquer la présence de contenu en direct

Signets/Enregistrer pour plus tard

Les utilisateurs enregistrent et mettent des signets aux articles en vue de les lire plus tard. Si votre application prend en charge ces fonctionnalités de façon rapide et fluide, les utilisateurs reviendront dans votre application car retourner aux articles qu’ils ont enregistrés est pour eux une expérience transparente. Ajoutez à votre page Hub une section appelée « Signets » ou « Favoris » pour stocker tous les articles enregistrés de l’utilisateur. Voici un exemple :

Exemple de signets

Les utilisateurs peuvent ajouter des articles à la section « Signets » ou « Favoris » et les supprimer une fois qu’ils en ont terminé la lecture.

Zoom sémantique

Le zoom sémantique permet aux utilisateurs de naviguer rapidement au sein d’une vue unique. Par exemple, l’utilisateur peut rapidement passer d’un sujet à la une sur leur Hub à la catégorie dernières actualités grâce à un mouvement de pincement suivi d’un mouvement panoramique. L’exemple suivant montre comment utiliser le zoom sémantique pour se déplacer rapidement entre les différentes catégories d’actualités.

Exemple de la manière dont le zoom sémantique permet une navigation rapide

Voici quelques exemples de zoom sémantique dans une application d’actualités.

Autres exemples de zoom sémantique :

Lorsque vous utilisez le zoom sémantique, donnez la possibilité à l’utilisateur de réorganiser les catégories sur la page Hub en sélectionnant un groupe et en le déplaçant à l’emplacement de leur choix. Les utilisateurs peuvent ainsi personnaliser la page Hub de l’application et leur faire apprécier encore plus votre application. Par exemple, un utilisateur peut préférer la catégorie « Technologie » de votre application et vouloir la placer avant la catégorie « Politique ». En offrant cette possibilité aux utilisateurs, vous personnalisez l’apparence de votre application en fonction de leurs préférences.

Exemple de catégories réorganisées

Le zoom sémantique peut également être utilisé sur une page de catégorie spécifique pour naviguer parmi les différents articles de cette catégorie. Il permet à vos utilisateurs de passer rapidement d’un article à l’autre.

Vue d’article de votre application

La vue d’article de votre application est l’endroit où est affiché votre contenu. C’est en proposant une expérience agréable dans cette vue que votre application se démarquera des autres car c’est là que les utilisateurs passent le plus clair de leur temps dans votre application. Il est important que vous affichiez votre contenu de façon intuitive et que vous rendiez cette vue visuellement plaisante. Il est également important que la navigation dans cette vue soit efficace.

Dans une application d’actualités, la vue d’article doit pouvoir défiler horizontalement afin que les utilisateurs puissent utiliser leur pouce pour se déplacer facilement et de manière ergonomique dans le contenu. Envisagez par ailleurs de diviser les articles en pages. Dans un article, les sauts de page donnent une idée aux utilisateurs de ce qu’ils ont déjà lu et leur permet de facilement accéder à la partie de l’article qu’ils souhaitent.

Illustration du défilement horizontal dans des articles

Toutefois, pour que la disposition et l’expérience utilisateur soient vraiment réussies, lors de la rédaction d’un article d’actualité, considérez que les utilisateurs le liront :

  • Sur une tablette numérique
  • Sur un ordinateur portable
  • Sur un ordinateur de bureau

Chacun de ces scénarios tire parti de dispositions différentes prenant en compte les modèles d’utilisation des utilisateurs. Par exemple, lorsque les utilisateurs lisent des articles d’actualités sur une tablette, ils utilisent les affichages portrait et paysage, tandis que sur un ordinateur portable ou un ordinateur de bureau, ils les lisent très probablement en mode paysage. Par conséquent, concevez les vues d’articles en ayant les deux orientations à l’esprit. Par ailleurs, la disposition conçue pour une tablette doit toujours être optimisée pour la navigation tactile. Comme suggéré précédemment, il est conseillé de diviser le contenu en pages. Pour ajouter des pages de façon tactile, vous pouvez utiliser des points d’ancrage dans votre article afin de créer des « intervalles ». Les utilisateurs savent ainsi à quel endroit de l’article ils se trouvent lorsqu’ils le parcourent rapidement.

Dans la mesure où l’orientation paysage est plus courante sur les ordinateurs portables et de bureau, réfléchissez à la disposition de votre article afin d’éviter un jeu ennuyeux de colonne. Une technique de disposition consiste à utiliser des incrustations de contenu, des images et d’autres éléments multimédias qui s’étendent sur plusieurs colonnes. Vous pouvez ajouter des citations ou utiliser des titres qui s’étendent sur toute la page pour varier un peu la disposition. Par ailleurs, sur les ordinateurs portables et de bureau, les utilisateurs se servent principalement du clavier et de la souris pour naviguer. Il est donc important de s’assurer que la disposition répond aux entrées au clavier et à la souris.

Vous pouvez afficher des articles connexes et des commentaires dans la vue d’article afin que les utilisateurs poursuivent leur expérience de lecture et restent plus longtemps dans votre application. Voici à quoi cela peut ressembler.

Utilisateur affichant des articles connexes et des commentaires

Navigation dans les articles

Les utilisateurs s’intéressent généralement à une rubrique ou à une catégorie d’articles particulière et peuvent consommer plusieurs articles s’y rapportant. Si le contenu de votre application est relativement court, laissez l’utilisateur défiler à droite après la fin de l’article pour accéder à l’article suivant et défiler à gauche avant le début de l’article pour revenir à l’article précédent. Vous pouvez également proposer le zoom sémantique dans cette vue pour permettre aux utilisateurs de basculer rapidement vers des articles différents.

Exemple de disposition d’un article

Si le contenu de chaque publication ou article tend à être long, envisagez de placer des boutons « article précédent » et « article suivant » dans la barre d’application du haut afin que l’utilisateur puisse facilement basculer vers d’autres articles. Vous pouvez proposer ces boutons en plus de laisser les utilisateurs avancer et reculer dans les articles par balayage. Vous pouvez vous amuser avec des styles visuels différents pour ces boutons ; par exemple le fait d’afficher des miniatures des articles précédents et suivants donne à l’utilisateur un aperçu sympathique du contenu vers lequel ils va basculer. Vous avez également la possibilité d’utiliser les glyphes « précédent » et « suivant » standard, mais amusez-vous en rendant la barre d’application du haut translucide ou transparente afin qu’elle ne distrait pas du contenu. Voici un exemple de ces boutons dans la barre d’application du haut.

Exemple d’interface utilisateur  avec la barre de l’application du haut montrant suivant et précédent

Commandes

Les commandes des tâches courantes, comme « Ajouter aux signets », « Ajouter de nouveaux flux » et « Épingler à l’écran d’accueil » doivent toutes se trouver dans la barre de l’application du bas car cette dernière regroupe toutes ces commandes à un même endroit où les utilisateurs peuvent les trouver de façon certaine.

Pour plus d’informations sur les commandes, voir Conception des commandes des applications du Windows Store.

Signets

Les utilisateurs marquent généralement les articles d’un signet depuis la page Hub lorsqu’ils enregistrent des articles à lire plus tard ou lorsqu’ils lisent des articles qu’ils n’auront pas le temps de finir et souhaitent finir plus tard. Une application d’actualités réussie doit prendre en charge ces deux cas de figure, en permettant aux utilisateurs de marquer d’un signet des articles sélectionnés à l’aide de la barre de l’application du bas à partir des pages Hub ou de catégorie et pendant la lecture d’un article. Le bouton de signet doit être une bascule — un bouton unique qui ajoute ou supprime un signet.

Rendez toujours vos signets itinérants de sorte que les utilisateurs puissent continuer à lire leurs articles avec signet quel que soit le périphérique qu’ils utilisent. Assurez-vous que le bouton reste du côté gauche de la barre de l’application par souci de cohérence, comme dans l’exemple suivant, même si la fonction du bouton est contextuelle sur la page Hub mais globale dans la vue d’article.

Exemple montrant le bouton de signet sur le côté gauche de la barre de l’application

Pour plus d’informations sur la hiérarchie de navigation de l’application, voir Conception de la navigation pour les applications du Windows Store.

Sélection de texte

Autorisez la sélection de contenu dans votre application, tout particulièrement pour le texte dans la vue d’article car les utilisateurs ont tendance à sélectionner des extraits dans les articles. Le système montre automatiquement le menu contextuel permettant de copier le contenu sélectionné.

Contrats

Votre application d’actualités doit faire usage des contrats Windows 8.1 lorsqu’ils permettent d’enrichir les expériences des utilisateurs et de connecter l’application avec le reste de leur expérience Windows. Pour en savoir plus sur les contrats, voir Contrats et extensions d’application.

Le contrat de partage

Le contrat de partage propose aux utilisateurs un moyen familier et naturel de partager du contenu entre deux applications. Il existe de nombreux scénarios de partage de contenu à partir et à destination de votre application qui peuvent clairement et positivement démarquer votre application d’actualités des autres. Avec le partage dans Windows 8.1, vous obtenez tous ces scénarios sans avoir à coder d’intégration supplémentaire dans votre application. Pour permettre aux utilisateurs de partager du contenu à partir de l’application, cette dernière doit être une source de partage. Pour permettre à votre application de consommer des données provenant d’autres applications, l’application doit être une cible de partage.

Partage à partir d’une application d’actualités

Une majorité d’applications dans la catégorie d’articles concerne l’exploitation de contenu d’actualités. L’une des principales fonctionnalités des applications d’actualités est aujourd’hui le partage d’articles et de sujets d’actualités intéressants, raison pour laquelle nous pensons que chacune d’entre elles doit être une source pour le contrat de partage.

Le fait d’être une source de partage signifie que le contenu de votre application d’actualités, qu’il soit sous la forme d’URI, d’images bitmap, de code HTML, de texte, d’éléments de stockage ou de types de données personnalisés, est mis à la disposition d’autres applications qui peuvent exploiter ces formats. Cette fonctionnalité ouvre la voie à de nombreux scénarios intéressants. Il est facile d’imaginer l’aspect du partage social avec un tel contrat. Vous pouvez rendre votre application capable de partager instantanément vers des réseaux sociaux et des applications de blogs et de messagerie.

Exemple de partage à partir d’une application d’actualités.

Outre le partage social, le contrat permet aux utilisateurs d’effectuer des tâches de recherche, de planification et d’archivage en partageant des sujets d’actualités à l’aide d’applications de prise de notes, d’agrégateurs d’actualités et autres cibles de partage. Admettons par exemple que je veuille enregistrer sur mon bloc-notes un extrait sélectionné dans un article d’actualités avec un lien vers l’article pour s’y référer ultérieurement. Je peux y parvenir si la source de partage fournit les types de données corrects représentant ces informations.

En prenant en charge le contrat de partage source, vous permettez également à votre application de partager directement du contenu vers des appareils situés dans un rayon de communication en champ proche, comme le permet la technologie Approcher pour envoyer.

En tant qu’application source, il est important de prendre en charge tous les types de données significatifs pour le contenu que vous voulez que les utilisateurs partagent. Cela permet aux utilisateurs de partager le contenu de votre application avec un large éventail d’applications cibles de partage. Dans l’exemple qui suit, Contoso News représente l’application source. Il s’agit de partager du texte, une miniature et un lien pour l’article en surbrillance. Le volet Partager contient une liste d’applications de liens rapides et de partage cibles qui sont en mesure de partager ces types de contenu.

Exemple d’options de partage du volet Partager à partir d’une application d’actualités.

Partage vers une application d’actualités

Certaines applications d’actualités seront très utiles pour l’agrégation d’articles provenant d’autres applications, offrant ainsi à l’utilisateur un moyen d’organiser et d’exploiter les informations d’un ensemble important de sources de manière familière et conservatrice. Ces applications doivent se consacrer à la prise en charge du contrat de partage cible.

Le statut de cible de partage signifie que votre application est autorisée à exploiter les données fournies par les applications sources de partage de manière intéressante et significative. Dans l’exemple ci-dessous, vous pouvez partager un article depuis une application d’actualités vers un agrégateur d’actualités afin de le lire ultérieurement.

Exemple de partage vers une application d’agrégation d’actualités.

Pour en savoir plus sur le contrat de partage, voir Partage et réception de contenu.

Commentaires et intégration avec d’autres applications sociales

Les applications d’actualités peuvent être sources de valeur ajoutée en permettant aux utilisateurs de poster des commentaires ou de discuter sur des articles et de les marquer en utilisant des applications qui sont intégrées à l’icône Partager. En vous basant sur les applications qui intègrent l’icône Partager, vous adaptez le partage de votre application aux applications que vos utilisateurs utilisent pour le partage, ce qui leur permet de concentrer leur partage dans une expérience centralisée. Par ailleurs, vous n’avez pas besoin de passer du temps à coder pour des réseaux sociaux spécifiques car lorsque de nouveaux réseaux sociaux sont lancés, votre application est automatiquement intégrée.

Typographie dans les applications d’actualités

Utilisez la grille typographique et l’échelle de taille dans les applications d’actualités pour créer une hiérarchie visuelle qui permet aux utilisateurs d’analyser et de consommer beaucoup d’informations rapidement et facilement. Même si la police d’interface utilisateur Segoe proposée dans la gamme de types convient pour le contenu des applications d’actualités, envisagez plutôt d’utiliser Calibri, la police recommandée pour les documents dans les applications du Windows Store ou de style Cambria, la police recommandée pour les « documents traditionnels ». La police Georgia est largement utilisée pour les sites d’actualités sur le Web et peut donc être un bon choix pour vos applications d’actualités.

Si vous décidez de spécifier d’autres polices système, vérifiez qu’elles sont installées avec Windows 8.1 et qu’elles ne nécessitent pas l’installation d’une application distincte comme Microsoft Office. Si vous utilisez votre propres polices personnalisées ou sous licence, assurez-vous de disposer des droits légaux suffisants pour les inclure dans votre application. Quelles que soient les polices que vous utilisez, la gamme de types Windows 8.1 fournit une bonne indication du nombre maximal de tailles et de styles que vous devez utiliser.

L’utilisation d’un jeu restreint de tailles de police dans l’ensemble de l’application, comme indiqué dans les recommandations relatives à la gamme de types, structure et rythme le contenu. Si plusieurs éléments de votre application utilisent la même taille de police dans la gamme de types pour véhiculer des types d’informations différents, pensez à jouer sur la couleur, l’épaisseur et le style de police pour hiérarchiser les informations. L’exemple suivant montre comment vous pouvez utiliser la taille, la couleur et l’épaisseur de police pour créer une hiérarchie.

Exemple de tailles de polices et de hiérarchie des informations

Pour plus d’informations sur les meilleures pratiques en matière de taille, couleur et épaisseur, voir Recommandations et liste de vérification pour le texte et la typographie.

Actualisation du contenu

Dans les scénarios d’actualités, il est essentiel que le contenu de votre application soit à jour et actualisé. Regardons de plus près les éléments indiquant l’actualisation à vos utilisateurs.

Heure de la dernière mise à jour du contenu

L’affichage de l’information « dernière mise à jour » rassure l’utilisateur quant à la fiabilité de votre application d’actualités. Affichez les informations relatives à la dernière mise à jour sur le Canvas de façon non obstructive. Cette information doit être affichée dans le style infos tertiaires (9 points) dans la gamme de types. Voici un exemple :

Exemple montrant l’actualisation du contenu

Heure de publication d’un article

Un autre moyen de garder les utilisateurs informés de l’actualisation du contenu qu’ils lisent est d’afficher quand un article a été publié. Pour ces types d’horodatages, utilisez le style infos tertiaires dans la gamme de types et appliquez une couleur et une épaisseur pour les distinguer d’autre contenu de votre disposition utilisant le même rampe de types.

Actualisation du contenu

Les applications d’actualités doivent toujours afficher le contenu le plus récent. Pour vous assurer que le contenu de votre application est à jour, téléchargez les données de façon opportuniste. Par exemple, lorsque l’utilisateur est en train de lire un article, téléchargez le nouveau contenu pour la page Hub de sorte que lorsque l’utilisateur revient à cette page elle soit à jour. Toutefois, ne téléchargez pas de données en arrière-plan lorsque l’utilisateur utilise une connexion mobile sans fil car les applications doivent réduire au maximum l’utilisation de données en arrière-plan lors de l’itinérance ou de l’utilisation du haut débit mobile.

Par ailleurs, assurez-vous que votre application peut prendre en charge les scénarios hors connexion en notifiant les utilisateurs lorsque le contenu n’est pas disponible hors connexion.

Si votre application a besoin de mettre à jour le contenu d’une page sur laquelle l’utilisateur se trouve, indiquez la progression en haut de la zone du Canvas qui est mise à jour comme décrit dans Recommandations et liste de vérification sur les contrôles de progression. Utilisez également des animations pour insérer du nouveau contenu et supprimer du contenu plus ancien du Canvas, comme décrit dans Recommandations et liste de vérification sur les animations de liste. L’image ci-dessous montre un exemple avec une barre de progression en haut de l’image.

Exemple de barre de progression.

Si votre application d’actualités n’a pas mis à jour son contenu depuis un certain temps et que l’utilisateur bascule dessus, prévoyez d’obscurcir l’ancien contenu et d’afficher une barre de progression sur le Canvas pour indiquer qu’une grande quantité de contenu est en cours de mise à jour.

Assurez-vous que l’application répond toujours, même quand le contenu est en cours de mise à jour. Par ailleurs, si la connexion est faible, définissez une valeur de dépassement de délai et affichez l’interface utilisateur hors connexion de votre application. L’image suivante montre le contenu d’une page Hub qui est obscurci au cours d’une mise à jour.

Exemple montrant que le contenu est en cours de mise à jour

Connecté et dynamique

Les vignettes dynamiques et les notifications permettent d’afficher du contenu actualisé lorsque les utilisateurs se trouvent dans l’écran d’accueil. Grâce à ces fonctionnalités, vous pouvez créer une connexion avec l’utilisateur et faire en sorte que votre application soit sans cesse en activité.

Vignettes et notifications

L’affichage des derniers sujets d’actualité et des alertes de dernière minute sur des vignettes renouvelle l’engagement des utilisateurs et maintient leur implication dans votre application lorsqu’ils notent des sujets d’actualités intéressants sur la vignette de l’application. Voici un exemple de vignette d’application qui affiche un grand titre d’actualité.

Exemple de différentes manières dont votre vignette d’application peut attirer l’utilisateur

En permettant aux utilisateurs d’épingler différentes vignettes de catégorie d’actualités dans l’écran d’accueil leur permet de voir des notifications adaptées à ces catégories et de rapidement accéder au type d’actualités particulier qui les intéresse. Il s’agit là d’un autre moyen de renouveler l’intérêt des utilisateurs pour votre application.

Si vous autorisez les utilisateurs à décider d’envoyer des notifications toast pour les alertes de dernière minute, qui seront affichées même lorsque votre application ne fonctionne pas, l’application peut garder les utilisateurs informés sur les dernières actualités et renouveler l’intérêt pour votre application. Il doit s’agir d’un paramètre de choix que l’utilisateur peut activer via les paramètres de l’application accessible par l’icône Paramètres car les notifications non sollicitées peuvent gêner les utilisateurs qui n’ont pas exprimé explicitement de l’intérêt pour afficher les notifications toast pour les alertes de dernière minute. Voici un exemple de notification toast.

Exemple de notification toast

Itinérance

La plupart des gens ayant plus d’un PC Microsoft Windows, votre application d’actualités peut offrir aux utilisateurs l’expérience qu’ils attendent en leur proposant une expérience utilisateur homogène sur tous leurs PC Windows. Vous pouvez rendre itinérants les paramètres de votre application, les signets, les catégories d’actualités favorites, les préférences de lecture et toutes autres données de votre application qui peuvent être utiles sur tous les PC. Pour plus d’informations sur les meilleures pratiques pour l’itinérance, voir Recommandations en matière de données d’application itinérantes.

Redimensionnement de fenêtre

Grâce à Windows 8.1 les utilisateurs peuvent effectuer plusieurs tâches en même temps en redimensionnant les fenêtres à la taille souhaitée (jusqu’à la largeur minimale) et en organisant les applications côte à côte à l’écran. La conception de votre application pour des largeurs étroites permet à l’application de rester à l’écran et à l’utilisateur de s’y attarder. Cela permet aux utilisateurs d’effectuer plusieurs tâches tout en utilisant votre application. Ils la conservent ainsi plus longtemps à l’écran, même quand ils effectuent d’autres opérations.

L’utilisateur peut vouloir redimensionner votre application pour de nombreuses raisons. Il peut y avoir des liens sortants au sein de l’article d’actualités et l’utilisateur souhaite lancer un nouveau lien dans son navigateur sans quitter cet article. L’utilisateur souhaite peut-être simplement agrandir l’application voisine. Quelle que soit la raison pour redimensionner votre application, il est important que le redimensionnement ne provoque pas une navigation ni la perte de l’article que l’utilisateur était en train de lire.

Quand un utilisateur redimensionne votre application afin qu’elle soit plus haute que large, modifiez le flux des pages pour permettre un mouvement panoramique vertical. Pour plus d’informations sur le redimensionnement de fenêtre, voir Recommandations sur les tailles de fenêtre et l’adaptation à la taille des écrans.

Exemples d’applications d’actualités à largeur étroite

Écran de démarrage

Comme mentionné précédemment, les applications d’actualités doivent fréquemment télécharger du contenu actualisé à partir du Web. Pour que votre application soit rapide et réactive, n’attendez pas que toutes les images de chaque catégorie aient été téléchargées avant d’afficher la page de démarrage car l’attente peut être source d’impatience chez les utilisateurs. Montrez à l’utilisateur le page Hub de l’application dès que les titres des articles ont été téléchargés, puis chargez les images et les autres données de façon asynchrone.

Durant le bref laps de temps avant l’affichage de la page Hub, affichez votre écran de démarrage avec un message informant les utilisateurs que votre application est en train de télécharger du contenu. Voici un exemple :

Exemple d’écran de démarrage

Rubriques associées

Conception des commandes des applications du Windows Store
Découvrir les applications du Windows Store
Conception de la navigation pour les applications du Windows Store
Conception de l’interaction tactile
Recommandations en matière d’expérience utilisateur pour les applications du Windows Store

 

 

Afficher:
© 2014 Microsoft