Recommandations pour la conception d’interface utilisateur d’instruction

Applies to Windows and Windows Phone

Concevez une interface utilisateur d’instruction qui enseigne à vos utilisateurs comment utiliser votre application du Windows Store.

Pratiques conseillées et déconseillées

  • Utilisez l’interface utilisateur d’instruction pour présenter les fonctionnalités de votre application à un nouvel utilisateur.
  • Procurez des conseils sur les nouvelles fonctionnalités ou des détails spécifiques sur les modifications qui ont été apportées à votre application après une mise à jour.
  • Intégrez l’interface utilisateur d’instruction aux tâches spécifiques.
  • Préservez l’interaction avec l’interface utilisateur de l’application.

Indications d’utilisation supplémentaires

Dans certains cas, la meilleure façon d’aider les utilisateurs à interagir avec votre application du Windows Store consiste à leur montrer comment faire directement depuis l’interface utilisateur de l’application. Nous utilisons le terme Interface utilisateur d’instruction pour faire référence à ce type d’aide. Vous pouvez par exemple utiliser un élément d’interface utilisateur, comme un menu volant ou du texte inséré, pour signaler aux utilisateurs quand ils doivent utiliser une interaction tactile pour effectuer une tâche.

Sachez toutefois qu’une interface utilisateur d’instruction ne doit pas remplacer une conception bien pensée. Si vous l’utilisez trop souvent ou hors contexte, vous risquez de perturber le flux de votre application et de réduire son efficacité. Avant d’ajouter une interface utilisateur d’instruction, explorez les autres méthodes disponibles qui permettent de présenter votre application aux utilisateurs. Pour plus d’informations sur les dispositions, la navigation et les contrôles, voir Rubriques connexes.

Voici quelques exemples pour lesquels une interface utilisateur d’instruction peut aider vos utilisateurs :

  • Aidez les utilisateurs à découvrir les interactions tactiles. L’écran suivant montre une interface utilisateur d’instruction qui apprend à un joueur à utiliser les interactions tactiles dans le jeu, Cut the Rope.

    Capture d’écran d’un jeu montrant un message d’interface utilisateur d’instruction, "Effectuer un balayage transversal pour couper la corde"

  • Faites une bonne première impression. Utilisez l’interface utilisateur d’instruction pour présenter les fonctionnalités de votre application à un nouvel utilisateur. Par exemple, quand l’application Instants vidéos est lancée pour la première fois, l’interface utilisateur d’instruction invite l’utilisateur à créer des films.

    Écran de démarrage de l’application Instants vidéos

  • Guidez les utilisateurs pour effectuer une tâche compliquée. Dans l’application Courrier de Windows, un texte en bas de la Boîte de réception les invite à utiliser les Paramètres pour accéder à des messages plus anciens.

    Partie d’une capture d’écran de l’application Courrier de Windows qui montre un message d’interface utilisateur d’instruction

    Quand l’utilisateur clique sur le message, le menu volant Paramètres de l’application s’affiche sur le côté droit de l’écran, ce qui permet à l’utilisateur d’effectuer la tâche. Les captures d’écran suivantes montrent l’application Courrier avant et après le clic de l’utilisateur sur le message d’interface utilisateur d’instruction.

    AvantAprès
    Capture d’écran de l’application Courrier de WindowsCapture d’écran de l’application Courrier de Windows avec un menu volant Paramètres étendu

     

  • Présentation des changements apportés à l’interface utilisateur. Si vous avez apporté des changements significatifs à l’interface utilisateur dans la dernière version de votre application, les utilisateurs apprécieront peut-être de recevoir des conseils sur les nouvelles fonctionnalités ou des détails spécifiques sur les changements apportés.

Principes de la conception d’une interface utilisateur d’instruction

  • La simplicité avant tout. Présentez un seul concept de base à la fois et utilisez des images dans la mesure du possible. Pensez à ajouter une section Aide à un menu volant Paramètres dans une application du Windows Store pour expliquer les fonctionnalités les plus complexes.
  • Donner des instructions en contexte. Intégrez l’interface utilisateur d’instruction dans la tâche pour aider l’utilisateur à l’exécuter. Un utilisateur sera plus à même de retenir un concept s’il est présenté au moment où il en a le plus besoin.
  • Ne pas bloquer l’interaction. Assurez-vous que les utilisateurs peuvent toujours interagir avec votre application pendant que l’interface utilisateur d’instruction est affichée. Celle-ci doit aider les utilisateurs, et non les gêner.
  • Enseigner, puis disparaître. Supprimez l’interface utilisateur d’instruction dès qu’elle n’est plus pertinente ou donnez à l’utilisateur la possibilité de la faire disparaître. De plus, dans la plupart des cas, les utilisateurs n’en auront besoin qu’une seule fois. Évitez d’afficher la même interface utilisateur d’instruction à plusieurs reprises.
  • À utiliser avec parcimonie. Une conception bien pensée et une section Aide suffisent souvent à enseigner aux utilisateurs tout ce qu’ils doivent savoir pour profiter de votre application. Pensez à toutes les options de conception dont vous disposez avant d’ajouter une interface utilisateur d’instruction à votre application.

Rubriques associées

Pour les concepteurs
Principes de conception de Microsoft
Disposition
Contrôles
Recommandations en matière d’aide de l’application
Pour les développeurs (HTML)
Création d’une interface utilisateur (JavaScript)
Pour les développeurs (XAML)
Création d’une interface utilisateur (C#/C++/VB)

 

 

Afficher:
© 2014 Microsoft