Répertoire des recommandations en matière d’expérience utilisateur pour les applications du Windows Store

Utilisez ce répertoire pour une recherche rapide des recommandations en matière d’expérience utilisateur qui vous aideront à créer une application du Windows Store réussie. Si ce n’est déjà fait, commencez par lire les documents Création d’applications du Windows Store réussies et Planification d’applications du Windows Store.

Conception Microsoft

Dans Windows 8, les applications du Windows Store sont le point focal de l’expérience utilisateur. Les applications du Windows Store réussies ont en commun un ensemble de caractéristiques qui offrent à l’utilisateur une expérience cohérente, engageante et convaincante.

• Disposition et navigation : réfléchissez à la manière dont la disposition de l’interface utilisateur affecte la navigation des utilisateurs dans votre application. Voir Modèles de conception de navigation.
• Disposition et commandes : placez les commandes de façon cohérente pour donner confiance et faciliter l’interaction utilisateur. Voir Modèles de conception des commandes et Disposition de l’interface utilisateur.
• Disposition et conception des pages :  utilisez la grille pour élaborer la disposition des pages de l’application de manière à respecter la silhouette Windows 8.
  • Disposition d’une page d’application
  • Choix d’une disposition pour les applications JavaScript
• Animations : avec des animations utiles et bien faites, vos applications prennent vie et donnent l’impression d’un travail soigné. Aidez les utilisateurs à comprendre les changements de contexte et liez les expériences avec des transitions visuelles. Pour plus d’informations, voir nos recommandations sur les animations suivantes :
  • Glisser-déplacer
  • Animations latérales
  • Animations de liste
  • Animations de transition
  • Animations de transition de l’interface utilisateur
  • Animations de l’interface utilisateur
• Typographie : Voir Recommandations en matière de texte et de typographie.

Interaction tactile

Utilisez des interactions tactiles qui laissent le contrôle à l’utilisateur et le mettent en confiance et exploitez le bord de l’écran ou de l’appareil pour que l’utilisateur puisse aisément trouver les commandes. Voir Conception de l’interaction tactile.

• Directives générales en matière d’interaction utilisateur : proposez un ensemble cohérent et performant d’interactions utilisateur. Voir Recommandations en matière d’interaction utilisateur.
• Ciblage tactile : réfléchissez à la taille et à l’emplacement de vos cibles tactiles.  Voir Recommandations en matière de ciblage tactile.
• Retour visuel : proposez un retour visuel clair pour les actions utilisateur.  Voir Recommandations en matière de retour visuel.
• Zoom sémantique : aidez vos utilisateurs à naviguer dans un contenu très riche en leur montrant visuellement comment se présente le contenu en fonction du niveau de zoom. Voir Recommandations en matière de zoom sémantique pour l’interaction utilisateur et voir plus loin pour le contrôle SemanticZoom.
• Balayage et balayage latéral : utilisez cette interaction standard pour sélectionner des éléments dans une liste ou une grille. Voir Recommandations en matière de balayage latéral.
• Zoom optique et redimensionnement : donnez la possibilité aux utilisateurs d’effectuer des zooms avant et arrière afin de mieux voir leur contenu. Voir Recommandations en matière de zoom optique et de redimensionnement
• Panoramique : facilitez la navigation des utilisateurs dans vos applications grâce au panoramique. Voir Recommandations en matière de panoramique.
• Rotation : fournissez un retour réactif lorsque les utilisateurs utilisent les interactions tactiles pour faire pivoter le contenu pouvant être déplacé à l’écran. Voir Recommandations en matière de rotation.
• Sélection de texte et d’images :  donnez confiance à vos utilisateurs lors de la sélection de texte et d’images. Voir Recommandations en matière de sélection de texte et d’images.
• Interactions avec la souris :  Créez une expérience de souris attrayante pour les utilisateurs dépourvus d’écrans tactiles. Voir Recommandations en matière d’interactions avec la souris.
• Interaction du clavier :  Offrez une expérience d’interaction complète aux utilisateurs qui préfèrent se servir d’un clavier ou dont le handicap impose son utilisation. Voir Réponse aux interactions du clavier.
• Interaction du stylo et du stylet :  Proposez la meilleure expérience d’écriture manuscrite possible aux utilisateurs à l’aide du stylo et du stylet. Voir Réponse aux interactions du stylo et du stylet.

Ancrage et mise à l’échelle

Ces fonctionnalités vous permettent de créer de formidables expériences pour tous les facteurs de forme et toutes les options d’affichage disponibles :

• Dispositions flexibles : prévoyez une conception pour différents facteurs de forme et offrez la possibilité aux utilisateurs de manipuler le contenu pour l’adapter à leurs besoins et préférences. Réfléchissez d’abord au mode paysage en faisant en sorte que votre application puisse être exécutée quel que soit le facteur de forme. Mais n’oubliez pas que certains écrans pivotent, donc optimisez la disposition de votre contenu pour un affichage plus haut que large qui conserve l’ensemble des fonctionnalités. Voir Recommandations en matière de dispositions.
• Affichages ancrés et de remplissage : concevez l’expérience utilisateur en prenant en compte les besoins multitâches des utilisateurs. Les utilisateurs veulent utiliser votre application tout en discutant sur le net, en naviguant sur le Web, en regardant un film, etc. Vous devez donc concevoir un affichage ancré utile et conserver le contexte lors du passage entre les affichages ancrés et non ancrés. Voir Recommandations en matière d’affichages ancrés et de remplissage.
• Mise à l’échelle en fonction des écrans :  concevez une interface utilisateur qui s’affiche correctement sur des appareils de différentes tailles—du petit écran d’une tablette à un grand écran de bureau en passant par l’écran moyen d’un ordinateur portable. Voir Recommandations en matière de mise à l’échelle en fonction des écrans.
• Mise à l’échelle en fonction de la densité des pixels : assurez-vous que les images de votre application sont de bonne qualité une fois mises à l’échelle. Windows adapte l’échelle de votre application pour assurer la cohérence de la taille de l’affichage quel que soit le nombre de pixels par pouce. Voir Recommandations en matière de mise à l’échelle en fonction de la densité de pixels.
• Redimensionnement : Assurez-vous de la qualité de l’apparence de votre application lorsque Windows doit la redimensionner. Windows redimensionne automatiquement votre application lorsque l’utilisateur modifie l’état d’affichage ou sollicite le clavier logiciel. Voir Recommandations en matière de redimensionnement.

Contrats, icônes et fonctionnalités

Les contrats sont le ciment qui lie les applications du Windows Store entre elles et à l’interface utilisateur du système. Deux applications ayant implémenté le même contrat peuvent fonctionner ensemble pour mener à bien un scénario important ou complexe. Certains contrats sont représentés par des icônes. Voir la liste complète des contrats d’application. Les fonctionnalités identifient les fonctions de l’appareil que votre application utilise.

• Rechercher : permet aux utilisateurs d’effectuer des recherches dans le contenu de votre application, rapidement et partout à partir de n’importe quel point du système. Voir les Recommandations en matière de recherche.
• Partage et échange de données : donnez la possibilité aux utilisateurs de partager le contenu de votre application avec d’autres personnes, de recevoir du contenu partagé depuis d’autres applications et de l’afficher à vos utilisateurs. Voir Recommandations en matière de partage de contenu, Recommandations en matière de commandes du Presse-papiers et Recommandations en matière de création de formats de données.
• Sélecteurs de fichiers : donnez la possibilité à vos utilisateurs de charger leurs fichiers dans votre application depuis et vers un ordinateur local, des périphériques de stockage connectés, le groupe résidentiel et d’autres applications. Vous pouvez également fournir une extension du sélecteur de fichiers pour que d’autres applications puissent charger le contenu de votre application. Voir Recommandations en matière de sélecteurs de fichiers et Recommandations en matière de contrats du sélecteur de fichiers.
• Géolocalisation :  garantissez une expérience simple, non perturbante et respectueuse de la vie privée avec la géolocalisation. Voir Recommandations en matière d’applications prenant en charge la géolocalisation.
• Détection de périphérique : les micros, appareils photo, services de localisation et services de messagerie texte peuvent accéder aux données personnelles de l’utilisateur ou lui coûter de l’argent. De ce fait, les applications du Windows Store proposent des fonctionnalités assurant à l’utilisateur le contrôle sur les périphériques sensibles. Si votre application accède à des périphériques sensibles, concevez-la en prenant en compte la manière dont un utilisateur peut activer et désactiver l’accès aux périphériques. Voir Recommandations en matière d’utilisation de périphériques sensibles et Recommandations en matière de création d’un sélecteur de périphériques.
• Boîte de dialogue d’impression : créez une interface utilisateur personnalisée pour l’impression de contenu depuis votre application. Voir Recommandations pour une interface utilisateur d’impression personnalisée.
• Mouvements de proximité : permet aux utilisateurs de connecter ensemble deux terminaux ou plus par un simple « appui ». Ce mouvement facilite les expériences où plusieurs utilisateurs se trouvent à proximité les uns des autres, comme c’est le cas avec les jeux multijoueurs. Voir Recommandations en matière d’appui.
• Multimédia : vous garantit un fonctionnement correct de votre application avec le contenu multimédia. Voir Recommandations en matière de développement d’applications avec fonctions audio et Recommandations en matière d’interface utilisateur pour appareil photo.

Vignettes et notifications

Une vignette est la vitrine d’une application. Présente sur l’écran d’accueil, elle constitue une extension de l’application et peut fournir des informations plus personnelles et plus engageantes qu’une icône traditionnelle. Réfléchissez bien à l’apparence de la vignette de votre application pour susciter l’intérêt des utilisateurs. Fournissez du contenu actualisé par le biais de vignettes dynamiques et de notifications pour que les utilisateurs se sentent concernés par votre application. Veillez à aider les utilisateurs à se connecter avec les personnes et les appareils qu’ils souhaitent

• Vignettes d’application et vignettes secondaires : utilisez la vignette de votre application pour inviter les utilisateurs, les encourager à utiliser votre application et pour maintenir votre application à jour et d’actualité. Vous pouvez mettre en avant le contenu intéressant et les liens profonds tirés de votre application sur l’écran d’accueil et laisser vos utilisateurs lancer votre application directement sur une expérience spécifique de votre application. Voir Recommandations en matière de vignettes et de badges et Recommandations en matière de vignettes secondaires.
• Notifications : aidez vos utilisateurs à identifier le contenu intéressant pour eux ou pour lequel le temps est important grâce à des notifications toast, et invitez-les à revenir dans votre application lorsqu’elle n’est pas au premier plan. Voir Recommandations en matière de notifications toast, Recommandations en matière de notifications Push, Recommandations en matière de notifications périodiques et Recommandations en matière de notifications planifiées.

Contrôles

Vous devez concevoir l’interface utilisateur de votre application de manière à mettre à valeur son contenu. Minimisez les distractions et favorisez l’immersion des utilisateurs dans le contenu en affichant uniquement les éléments les plus appropriés à l’écran. Le respect de ces instructions vous permettra d’offrir une expérience utilisateur cohérente, engageante et convaincante.

Itinérance dans le nuage

Créez une expérience continue sur plusieurs appareils en rendant les données et paramètres itinérants. De cette façon, les utilisateurs peuvent reprendre une tâche à l’endroit précis où ils se sont arrêtés et leur expérience utilisateur privilégiée est préservée quel que soit l’appareil utilisé.

• Itinérance : votre application doit être facile à utiliser partout, sur l’ordinateur familial dans la cuisine jusqu’à l’ordinateur professionnel, en passant par la tablette tactile personnelle, tout en conservant les paramètres et les états en itinérance. Pour obtenir de l’aide supplémentaire sur l’itinérance, voir Gestion des données d’application et Recommandations en matière de données d’application itinérantes. Pour découvrir comment stocker et récupérer des paramètres et des fichiers à partir du magasin de données d’application itinérantes, voir Démarrage rapide : données d’application itinérantes.
• Paramètres : regroupez tous les paramètres de votre application sur une même interface utilisateur et donnez la possibilité aux utilisateurs de configurer votre application via un mécanisme commun qu’ils connaissent déjà. Voir Recommandations en matière de paramètres de l’application.
• Authentification unique :  Assurez-vous que les utilisateurs peuvent se connecter avec leur compte Microsoft et bénéficier d’une expérience cohérente sur tous les appareils Windows 8 qu’ils utilisent. Voir Démarrage rapide : connexion à un fournisseur d’identité en ligne.

Principes de base

Chaque application devrait toujours avoir un socle solide afin de pouvoir atteindre le maximum de personnes.

• Écran de démarrage :  utilisez l’écran de démarrage pour rendre moins abrupte la transition entre le lancement de votre application et le moment où elle est prête à être utilisée. L’écran de démarrage doit subtilement conforter votre marque auprès des utilisateurs, sans les distraire ni faire de la publicité. Voir Recommandations en matière d’écrans de démarrage.
• État de suspension et de reprise de l’application :  les utilisateurs affichent et masquent votre application, et Windows y met fin en arrière-plan lorsqu’elle est inutilisée. Enregistrez et reprenez dans la mesure du possible l’état de l’application pour conserver le contexte. Voir Recommandations pour la suspension et la reprise d’une application
• Lancement automatique et « Ouvrir avec » : lancez l’application par défaut pour un type de fichier ou un protocole à partir de votre application. Voir Recommandations en matière de types de fichiers et de protocoles
• Globalisation, localisation et ressources de l’application : Windows est utilisé dans le monde entier. Vous devez donc concevoir votre application de sorte que les ressources, comme les chaînes et les images, soient distinctes de leur code afin de faciliter la localisation. Voir Recommandations en matière de globalisation de votre application et Recommandations en matière de ressources d’application.
• Accessibilité :  rendez votre application accessible à tous les utilisateurs, quels que soient leurs aptitudes, leurs handicaps ou leurs préférences. Si vous utilisez les contrôles d’interface utilisateur intégrés, votre application dispose gratuitement de l’accessibilité. Si vous avez besoin de créer des contrôles personnalisés, voir Planifier l’accessibilité.
• Aide de l’application : proposez une aide ou des conseils de dépannage à vos utilisateurs. Voir Recommandations en matière d’aide de l’application.
• Catégories du Windows Store : découvrez comment créer des applications séduisantes pour certaines catégories du Windows Store, comme les jeux ou le divertissement. Voir Conseils sur les catégories.