la facilité d'utilisation du Web: Alerte / notification - comment attirer l'attention?

Question

Je construis une application web où l'une des caractéristiques provoque les utilisateurs à notifier en temps réel en cas d'alerte qui les concernent se produit, semblable à la grande barre orange en débordement de la pile.

J'ai quelques options, et je me demandais s'il y avait une ligne directrice de la facilité d'utilisation sur la meilleure façon d'aller à ce sujet. Une option est d'avoir une petite boîte de notifications sur l'écran qui clignote couleurs quand une alerte apparaît, mais je suis inquiet qu'un simple changement de couleur répété ne sera pas suffisante pour attirer l'attention de l'utilisateur.

Une autre option est d'avoir une fenêtre se flottant sur l'écran, exigeant l'attention de l'utilisateur, mais je l'ai toujours trouvé ceux d'être importun. Peut-être une autre forme d'animation pourrait être moins ennuyeux, mais tout aussi susceptible d'attirer l'attention de l'utilisateur?

Je ne cherche pas vraiment d'avis autant que je suis à la recherche d'une discussion d'utilisation / ressources qui pourraient couvrir ce genre de décision.

Answer 1

La réponse dépend un peu de combien il est important que l'attention de l'utilisateur payeur et combien il est important qu'ils prennent des mesures? Par exemple. est l'alerte du type « votre serveur vient de s'écraser » genre ou « vous avez un nouveau e-mail de tante Zelda »?

Pour le premier type, quelque chose importune est le meilleur - soit votre option de flotter une fenêtre, ou peut-être changer l'arrière-plan de la page à la couleur flashy (et clignote ??? Ne me frappe pas s'il vous plaît!). Une autre belle façon d'attirer l'attention que je voyais était de changer la page (et donc une fenêtre de navigateur) titre à un clignotantes de « * * * * * *. » - ça suffit non habitude d'attirer parfois l'attention

Pour quelque chose de moins importune moins critiques trop de notification rapide, barre de notification de SO est l'une des meilleures solutions très du point de vue de la facilité d'utilisation (sinon le meilleur), en passant par les principaux paramètres (la quantité de travail l'utilisateur fait besoin de faire pour faire face à cela et de le regarder, et comment son comportement est intuitif):

• yeux de l'utilisateur se rendre à haut de l'écran plus souvent et plus susceptibles que d'autres

• Il est très facile de se débarrasser d'une fois que vous le remarquez - la barre est large (facile de frapper avec la souris, aucun ajustement Horisontal nécessaire) et au sommet (pas trop beau travail de la souris pour obtenir le pointeur là-bas).

Answer 2

à mon humble avis, le niveau de gêne devrait refléter le niveau d'erreur ... Pour une erreur, une couche avec le message d'erreur, ce qui empêche l'utilisateur de faire quoi que ce soit d'autre devrait être mieux. Pour une notification, une boîte qui apparaît en haut de la page (comme un navigateur vous demandant d'enregistrer un mot de passe) est agréable.

Je ne pense pas qu'il y ait une meilleure solution ... Cela dépend du type de l'alerte ...:)

Answer 3

Consultez JGrowl , c'est un cadre agréable pour les notifications discrètes, vous pouvez trouver quelques captures d'écran exemples .

Answer 4

Si vous êtes à la recherche de ressources, je suggère Ne pas me font penser par Steve Krug . Son site, avancée Common Sense , est aussi une grande source.

Un autre site pour obtenir des conseils et des directives utilisabilité est useit.com

J'étais à un site l'autre jour qui avait un bouton de téléchargement du produit. Je cliqué dessus, il semblait rien était arrivé. Je clique à nouveau, et le lien de téléchargement que le premier bouton créé a fait une petite secousse me. Très efficace et il a un rire:

http://haanstra.eu/putty/

Answer 5

Mon système a trois types de notifications. Chaque type de notification est de style avec une couleur de bordure et le fond:

• Succès: vert
• Attention: Jaune
• Erreur: Rouge

Alertes, comme « Vous n'avez pas remplir ce champ correctement! » sont traitées en ligne, donc pas de popups pour irriter l'utilisateur.

Je l'ai conçu mon système pour faire disparaître les notifications quelques secondes - cela signifie que les utilisateurs sont habitués à voir la boîte verte qui disparaît après quelques secondes. Toutefois, en cas d'erreur ou d'avertissement de la boîte reste à l'écran juste en face de l'utilisateur, demandant l'attention.

Je crois que les avertissements et les erreurs doivent être utilisées que lorsque cela est absolument nécessaire - de cette façon quand ils sont utilisés, ils maintiennent un niveau significatif d'impact. Dans mon système, les avertissements et les erreurs ne se décolorent pas - ils restent là pour vous rappeler quelque chose est ne va pas.

Dans mon expérience, si vous allez interagir avec un utilisateur, faire grand et dans leur visage, mais ne font pas tellement pour qu'il obstrue le reste de la page. Donc, pas de messages, ou des superpositions de style lightbox (à mon avis).

Answer 6

Je trouve la fonction d'effet fort jQuery UI () est bon pour alerter les utilisateurs que quelque chose discrètement a changé; Cependant, comme d'autres l'ont dit, cela dépend de l'importance du message - parfois vous avez juste besoin d'être importun