web-dev-qa-db-fra.com

Affichage des notifications sur l'interface utilisateur sur la page principale du site Web

Je souhaite afficher les notifications en réponse à chaque action de l'utilisateur (par exemple, configuration ajoutée dans la base de données, ne peut pas charger les données pour la configuration sélectionnée, serveur déconnecté, etc.) sur la page principale de mon site Web.

Quel est le meilleur endroit sur la page pour afficher les messages d'état (c'est-à-dire peut-être de la page ou en dessous de la barre de navigation) et comment il doit être affiché car parfois à un seul moment, plus d'une notification peut arriver sur l'interface utilisateur . Donc, si je place la dernière notification dans la barre d'état, l'ancienne notification ne s'affichera pas avec une différence de quelques millisecondes seulement.

Quelle est également la meilleure approche pour masquer la barre d'état, c'est-à-dire ajouter une icône de fermeture dans la barre d'état pour la fermer manuellement ou pour appliquer un délai pour la fermer après un certain temps.

5
Omar Bahir

Cela dépend si votre intention est que l'utilisateur lise chaque notification. Si c'est une priorité, vous pouvez utiliser des notifications de fondu d'entrée/de sortie qui se cumulent sur le côté de l'écran:

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Cela peut inclure des boutons de fermeture sur chaque notification (le bouton peut être affiché en survol). Celles-ci pourraient disparaître après un certain temps et être ainsi rejetées.

Cependant, si vous voulez économiser de l'espace et qu'il n'est pas aussi important pour l'utilisateur de lire chaque notification (c'est-à-dire plus de messages "d'état" comme au bas d'un navigateur), vous pouvez utiliser une barre d'état qui affiche rapidement les messages tant qu'ils sont pertinents.

mockup

télécharger la source bmml

Un changement dans cette barre d'état permet à l'utilisateur de savoir que quelque chose s'est passé/se passe. Ces messages seraient rejetés dès qu'ils n'étaient plus pertinents - un message de "téléchargement" disparaîtrait lorsqu'il ne serait plus téléchargé. Cela suppose que vous ne devez dire à l'utilisateur qu'une chose à la fois. S'il existe plusieurs messages importants, l'autre méthode peut fonctionner mieux.

Enfin, je ne fermerais pas la barre d'état. Au lieu de cela, quand aucun message n'est affiché, faites savoir à l'utilisateur que le site Web est prêt pour qu'il prenne des mesures, avec un message comme "Prêt ...".

4
mginn