Instructions pour les noms d’utilisateur et les avatars de compte

Applies to Windows and Windows Phone

Description

Dans Windows 8, les applications peuvent extraire le nom et l’image (appelée avatar de compte) de l’utilisateur en cours pour identifier et créer les expériences personnalisées de l’utilisateur. Par exemple, une application de messagerie peut utiliser le nom et l’avatar de compte pour identifier l’utilisateur comme participant dans une conversation. Une application de jeu peut utiliser ces informations pour identifier l’utilisateur comme joueur dans la page de la liste de classement d’un jeu, etc.

Pratiques conseillées et déconseillées

  • Utilisez des tailles d’image appropriées pour l’interface utilisateur de l’application.
  • Affichez l’état à l’aide d’une barre d’état légèrement superposée à l’avatar de compte.
  • N’utilisez pas d’icône d’état de compte si elle risque de ne pas être visible dans l’avatar de compte affiché en arrière-plan.

Indications d’utilisation supplémentaires

Si votre application peut prendre des photos, vous pouvez envisager de la déclarer comme fournisseur d’avatar de compte. De cette manière, votre application sera répertoriée dans la page Avatar de compte sous Personnaliser dans Paramètres du PC. À partir de cet emplacement, l’utilisateur peut la sélectionner pour créer un nouvel avatar de compte.

Pour en savoir plus, voir Contrats et extensions d’application et UserInformation. Vous pouvez également consulter notre exemple de nom d’avatar de compte.

Tailles d’avatar de compte

Une application peut extraire l’avatar de compte sous la forme d’une petite image, d’une grande image ou d’une vidéo (image dynamique). Les images sont dimensionnées au plus grand plateau d’échelle DPI (1.8x) pour offrir un excellent rendu :

Petites et grandes tailles d’avatar de compte

Un avatar de compte ou une vidéo a une taille de trame de 448x448. Cela représente une durée d’affichage maximale de cinq secondes et une taille de cinq mégaoctets au maximum.

Utilisez une petite image lorsque l’avatar de compte n’est pas un élément central d’une expérience particulière, comme l’affichage d’une longue liste d’utilisateurs. Utilisez de grandes images pour identifier un nombre restreint de personnes dans une zone d’application ou pour identifier clairement chaque utilisateur. Par exemple, les grandes images sont utiles pour les participants d’une conversation dans une application de messagerie ou pour afficher l’image d’un appelant lors d’un appel téléphonique entrant.

Nom d’utilisateur

Les applications peuvent extraire le nom d’utilisateur en utilisant les membres de la classe UserInformation. Le nom et prénom de l’utilisateur sont disponibles indépendamment ainsi que le nom d’affichage de l’utilisateur. Windows met en forme le nom d’affichage pour qu’il corresponde à l’ordre correct des paramètres régionaux.

Affichage simultané d’un avatar de compte et du nom d’utilisateur

Nous recommandons un des formats suivants pour afficher un avatar de compte en même temps que le nom d’utilisateur correspondant :

  • Côte à côte—Si vous disposez de suffisamment d’espace, vous pouvez afficher l’avatar de compte et le nom d’utilisateur côte à côte car ce format offre le format de lecture le plus simple pour l’utilisateur. L’exemple suivant indique l’alignement et l’organisation de prédilection des éléments. Notez que le nom d’utilisateur s’aligne avec le bord supérieur de l’avatar de compte et que les informations secondaires sont affichées dans un format de police plus petit que celui du nom d’utilisateur.

    Nom d’utilisateur et avatar de compte au format côte à côte

  • Au-dessus et en dessous—Lorsque l’espace est restreint, affichez le nom d’utilisateur sous l’avatar de compte. Cependant, n’oubliez pas que le nom entier de l’utilisateur peut ne pas tenir sur une seule ligne. Notez que le nom d’utilisateur s’aligne avec le bord gauche de l’avatar de compte et les informations secondaires sont affichées dans un format de police plus petit que celui du nom d’utilisateur.

    Nom d’utilisateur et avatar du compte au format au-dessus et en dessous

État d’affichage

Si votre application doit associer des informations d’état à un avatar de compte, nous vous recommandons d’utiliser une barre d’état ou une superposition d’image sur une icône. Nous préférons une barre d’état car elle ne masque pas l’image et se reconnaît plus facilement. Une barre d’état doit être suffisamment large pour ne pas être confondue avec l’image de l’avatar de compte. Voici quelques exemples de barres d’état :

Exemples de barres d’état

Vous pouvez utiliser des superpositions d’image sur une icône pour communiquer des types d’état plus complexes. Les superpositions d’image peuvent se perdre dans les détails de l’image, il faut donc veiller à utiliser des icônes qui se détachent nettement de divers arrière-plans. Voici quelques exemples de superpositions d’image sur une icône :

Exemples de superpositions d’image sur une icône

Rubriques associées

Pour les concepteurs
Contrats et extensions d’application
Pour les développeurs
Exemple de nom d’avatar de compte
UserInformation

 

 

Afficher:
© 2014 Microsoft