Directives générales sur l'expérience utilisateur

Introduction

Si vous commencez tout juste à concevoir votre première application et que vous n'avez aucune expérience en conception, vous aurez peut-être besoin d'aide et de conseils sur la façon de concevoir des applications. Cette page fournit des informations pratiques que vous pouvez utiliser pour créer vos applications.

Exemple de fichier

Vous pouvez télécharger un exemple de fichier prédéfini qui contient des éléments que vous pouvez utiliser dans votre conception pour créer des applications Web utiles, utilisables et simples d'utilisation. Ouvrez l'exemple de fichier dans Apps Studio et copiez-collez les éléments nécessaires à votre conception.

Commencer votre première conception

Avant de commencer à créer votre première application, il est recommandé de planifier votre travail à l'avance. Pensez d'abord aux choses suivantes :

• Quel est le contexte de votre application ?
• Qui sont vos utilisateurs ? Quel est leur objectif, leur métier ou leur spécialisation ?
• Quelle est une situation typique ou un cas le plus fréquent ?
• Comment mesurerez-vous le succès de l'application ?
• Quels sont les effets positifs attendus de votre application ?

Une fois que vous avez créé votre plan, vous pouvez facilement l'examiner avec vos pairs et y apporter des modifications. Après cela, vous pouvez passer en toute sécurité aux étapes suivantes :

1. Évaluez d'autres cas en analysant des scénarios moins fréquents et des cas particuliers. Notez-les et hiérarchisez-les.
2. Définissez le meilleur support ou format pour obtenir le meilleur résultat. À cette étape, vous pouvez déjà déterminer si vous avez besoin d'une page, d'un site Web ou de quelques assistants à partir d'une seule page.
3. Recherchez et identifiez vos concurrents pour évaluer leurs forces et leurs faiblesses. Évaluez comment aborder des problèmes similaires.
4. Créez un prototype approximatif de votre application. Vous pouvez discuter du prototype avec vos pairs pour trouver la meilleure solution.
5. Testez le prototype et recueillez des commentaires. Il est recommandé de partager le prototype avec les utilisateurs potentiels pour de meilleurs retours et suggestions d'amélioration.
6. Commencez à concevoir la version finale de votre application.

Principes de conception

De nombreux principes de conception doivent être suivis pour créer des applications utilisables et simples d'utilisation. Pour la meilleure expérience utilisateur, suivez au moins les deux principes ci-dessous.

Cohérence

• Utilisez autant que possible la même police et la même mise en page.
• Soyez cohérent dans votre conception tout au long des pages de l'application pour améliorer l'expérience utilisateur.

Simplicité

• Utilisez uniquement les éléments nécessaires pour faire le travail.
• Essayez d'éviter d'avoir plus d'éléments que nécessaire dans votre conception.
• Assurez-vous que tout est clair et que vous n'oubliez aucune information importante que l'utilisateur sera amené à rechercher.

Couleurs

L'utilisation de la couleur est très importante dans la création du design de votre application. Pour une expérience utilisateur optimale, suivez les instructions ci-dessous :

• Utilisez des couleurs de manière cohérente dans toute l'application pour les éléments du même type.
• Essayez d'éviter les couleurs de feux de circulation, sauf si nécessaire. Vous pouvez utiliser le rouge pour les erreurs, le jaune ou l'orange pour les avertissements et le vert pour communiquer les progrès positifs.

• Essayez de ne pas vous fier uniquement aux couleurs pour présenter les informations. Ajoutez toujours des informations au format textuel à côté de l'objet coloré.

Remarque : trouvez des couleurs qui offrent un contraste maximal, y compris un contraste suffisant entre le contenu et l'arrière-plan, afin que le texte et les images non décoratives soient lisibles pour toute personne ayant une basse vision ou des problèmes avec les couleurs.

Alignement

L'alignement des éléments est une étape importante dans la création d'une conception réussie. Assurez-vous que vos éléments sont systématiquement alignés.

Vous pouvez facilement aligner vos éléments horizontalement ou verticalement depuis l'onglet Style.

Exemple

Vous trouverez ci-dessous un exemple d'élément et la procédure pour le créer.

Étape	Action
1	Ouvrez votre application déjà existante ou lancez-en une nouvelle.
2	Ajoutez un nouveau conteneur à votre conception avec les propriétés suivantes : Disposition : horizontale, en haut, à gauche Taille : largeur - 100 %, hauteur - automatique ou vierge
3	Ajoutez un conteneur à l'intérieur du premier avec les propriétés suivantes : Disposition : horizontale, en bas, à gauche Taille : largeur - 40 %, hauteur - automatique ou vierge
4	Ajoutez un contrôle de libellé à l'intérieur du conteneur avec les propriétés suivantes : Texte : Libellé
5	Ajoutez un deuxième libellé à l'intérieur du conteneur avec les propriétés suivantes : Texte : * Style : couleur - #c2320c
6	Ajoutez un deuxième libellé à l'intérieur du conteneur avec les propriétés suivantes : Disposition : verticale, gauche, haut Taille : largeur - 60 %, hauteur : automatique ou vierge
7	Ajoutez un deuxième libellé à l'intérieur du conteneur avec les propriétés suivantes : Texte de l'indice : Texte de l'indice
8	Ajoutez un libellé à l'intérieur du même conteneur sous la zone de texte avec les propriétés suivantes : Texte : Ce champ est obligatoire Autres propriétés : caché Style : couleur - #c2320c

Remarque : assurez-vous que les messages d'erreur sont masqués et qu'ils ne sont visibles qu'en cas d'erreur.

Après avoir suivi la procédure ci-dessus, la structure et l'élément ressembleront aux images ci-dessous.