Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Fondamentaux pour le design

Pensez à prendre en compte les principes suivants dans votre application pour optimiser l'expérience utilisateur. Merci de noter que ceci n'est qu'un sous-ensemble des principes de design pour vous lancer et que cela n'est pas exhaustif.

Soyez cohérent

Soyez cohérent dans votre langage. Utilisez toujours le même terme dans votre application lorsque vous vous référez à une action ou un élément, et utilisez chaque terme pour une action ou élément.

Soyez cohérent dans votre interface utilisateur. Par exemple, si vous placez votre bouton retour dans le coin haut gauche, il ne devrait pas apparaître en bas à gauche dans d'autres écrans de votre application.

Soyez cohérent dans vos éléments visuels. Si deux éléments se ressemblent, ils devraient avoir le même comportement. Si deux éléments ont des fonctionnalités différentes, ils devraient être facilement distincts.

Soyez concis et utilisez un registre de langue adapté

Le texte que vous utilisez doit exprimer l'information importante de la manière la plus concise. La plupart des utilisateurs lisent peu avant de décider s'ils continuent ou abandonnent une tâche.

Donnez toujours des indices et un retour immédiat

Donnez des indices indiquant les étapes correctes. Par exemple, un gros bouton « + » pour indiquer l'ajout d'éléments si c'est la bonne prochaine étape.

Donnez toujours un retour immédiat quand l'utilisateur fait une action. Par exemple, si les utilisateurs cliquent sur un bouton « nouveau message », envoyez-les directement vers l'écran de rédaction d'un nouveau message. Vous pouvez également temporairement changer la couleur du bouton qui a été activé et donner un retour haptique pour indiquer la prise en compte de la commande.

Si une action nécessite plusieurs secondes, donnez un état du statut. Par exemple, si votre application télécharge les nouveaux messages, vous pouvez afficher l'avancement avec une icône de chargement.

Limitez la frappe

Utilisez des sélecteurs, des boites à cocher, des boutons radios, etc., dès que vous le pouvez. Entrer du texte sur des appareils mobiles est souvent lent et peu pratique.

Visez une première expérience agréable

Les gens ne passent souvent qu'une minute ou deux à décider s'ils continuent ou laissent tomber une application. Voici certains des facteurs que vous devriez prendre en considération :

  • fournir une rapide introduction à votre application (et donner un moyen rapide de passer outre)
  • fournir un accès instantané aux fonctionnalités et suggestions
  • minimiser les entrées utilisateurs initiales
  • exprimer l'information importante de manière concise

Présentez les choix d'actions si possible

Si votre alerte indique « Supprimer tous les contacts ? », vous devriez avoir des labels d'actions tels que « Supprimer » au lieu de « OK ».

De plus, évitez d'utiliser les alertes uniquement pour notifier à propos de l'état. Laissez le choix des actions pour remédier à la situation à vos utilisateurs.

Concentrez-vous sur la tâche principale

Décidez quelle est la tâche principale de chaque écran et placez les fonctionnalités liés à celle-ci dans les endroits les plus proéminents.

Préparez-vous aux interruptions

Les gens peuvent utiliser votre application n'importe où. Préparez-vous aux interruptions en sauvegardant le travail de l'utilisateur automatiquement si possible. Idéalement, informations et tâches devraient se comporter normalement même sans accès Internet.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : teoli, tregagnon
 Dernière mise à jour par : teoli,