it-swarm-fr.com

Quelle icône pourrait être utilisée pour signifier «notifications»?

Dans le cadre d'une application Web, nous avons une barre d'outils en haut de la page. La barre d'outils contient des boutons qui consistent en de petites icônes (30x30) avec un seul mot en dessous (par exemple, un bouton de recherche se compose d'une icône d'une loupe avec le mot "recherche" en dessous).

Nous avons ajouté un nouveau bouton qui permet aux utilisateurs de recevoir des notifications sur les articles pour lesquels ils ont précédemment enregistré un intérêt (s'ils ont depuis changé).

Quelle serait une bonne image à utiliser pour que cette icône donne le sens de "notifications"?


Merci pour les réponses, mais permettez-moi de jeter une clé dans les travaux:

Nous utilisons déjà à la fois des points d'exclamation et des icônes "i" ailleurs dans l'application à d'autres fins, donc la réutilisation de l'un d'entre eux risque de créer de la confusion. De plus, la fonctionnalité de notifications n'est pas passive (comme recevoir un nouvel e-mail), mais nécessite que l'utilisateur les charge activement, donc elle a vraiment besoin d'une icône statique.

Les options que nous avons envisagées jusqu'à présent, mais ne pensent pas sont particulièrement évidentes dans leur signification:

  • point d'exclamation
  • un "triangle d'avertissement" (par exemple quelque chose comme this )
  • une bulle de dialogue (par exemple quelque chose comme this )
  • une icône de haut-parleur (par exemple quelque chose comme this )
  • quelque chose comme une icône de flux RSS

Avez-vous d'autres idées?

7
adrianbanks

J'ai vu beaucoup de points d'exclamation et de "i" comme icônes efficaces. Si vous rendez l'icône blanche sur rouge et circulaire, vous invoquerez une association avec la convention iOS de montrer les nombres dans des cercles rouges pour indiquer les "nouveaux" éléments dans les applications. Vous pouvez donc essayer de mettre un point d'exclamation en un, ou un "i". Testez ensuite les deux pour voir quel type d'effet cela a sur votre base d'utilisateurs.

Le jaune est une autre couleur utilisée pour les notifications en général, ainsi qu'une couleur qui se démarque généralement assez bien (bien que le jaune implique parfois un avertissement). Le bleu est fréquemment utilisé comme couleur indicative neutre en combinaison avec des points d'interrogation (pour les boutons d'aide, etc.).

Voici à quoi ressemblent les icônes dans iOS:

Notification icons in iOS

Cette icône invoque une association avec la messagerie, qui fait sûrement partie du concept de notification, à travers sa métaphore de bulle de chat:

Notification icon within a chat bubble

Essayez de combiner ce qui précède pour créer quelque chose qui convient à votre application et à votre public.

10
Rahul

J'utiliserais un point d'exclamation et lui donnerais une sorte d'état pour les nouvelles notifications.

Gris ! pour aucune notification. Rouge ! pour les notifications.

1
MushinNoShin

Je pense que l'icône ne dépend pas tant du fait qu'il s'agit d'une notification que de la nature du type de l'avis.

Si vous montrez qu'il y a trois avertissements, l'icône d'avertissement est appropriée. Mais il semble que vous ne connaissiez pas ou ne puissiez pas connaître le type d'avis lorsque vous le montrez, donc le haut-parleur ou comme l'a suggéré Rahul, juste un nombre est plus approprié à mon humble avis.

Je n'aime pas le blanc sur le rouge, car il me semble que c'est une erreur, bien que vous puissiez dire que c'est du blanc sur le rouge parce que c'est urgent. Si vous ne connaissez pas le nombre avant de consulter les avis, vous pouvez utiliser une étoile/éclat pour indiquer qu'il y a quelque chose de nouveau dans les notifications.

1
Bernhard Hofmann

Voici quelques directives de notification simples à utiliser:

  1. Apple a un excellent moyen d'afficher les notifications. Ils n'utilisent pas de point d'exclamation. Le cercle neutre fonctionne car un point d'exclamation est trop lourd. Parfois, l'utilisateur peut avoir plus de 200 notifications pour certaines applications, et si "tout est urgent, alors rien n'est urgent".

  2. Les carrés, les bulles et autres formes neutres fonctionnent. Essayez également différentes combinaisons de couleurs. La couleur doit ressortir par rapport à l'arrière-plan, mais ne doit pas être si écrasante que l'utilisateur peut l'ignorer et poursuivre son activité.

  3. Réservez en utilisant des points d'exclamation, des bulles et d'autres icônes plus littérales avec parcimonie. Utilisez-les pour les avis qui crient "Regardez-moi, je suis là !!!" et d'autres questions urgentes qui nécessitent une action de l'utilisateur avant de continuer.

0
squeezemylime

En ce qui concerne les notifications, je pense que Apple a eu une bonne visibilité et la plupart des gens qui ont entendu parler de Apple ou possèdent un iPhone connaissent leur système de notification).

S'il s'agit d'une notification d'un élément particulier, vous avez peut-être besoin d'une icône qui reflète la disposition de vos éléments.

Quelque chose de similaire à ci-dessous avec une notification de style Apple en superposition en haut à droite.

http://www.iconfinder.com/icondetails/42270/48/bullets_list_icon

http://www.iconfinder.com/icondetails/42139/48/2_3x3_grid_icon

http://www.iconfinder.com/icondetails/42258/48/image_text_icon

Si vous n'êtes pas satisfait d'une nouvelle notification de style Apple Apple), vous pouvez peut-être ajouter une couleur d'icône plus vibrante lorsqu'une nouvelle notification apparaît. Des lueurs, des impulsions ou similaires sont également d'excellents moyens d'obtenir l'utilisateur attention.

J'espère que cela t'aides.

0
Michael Henley

Donc, vous voulez que les utilisateurs remarquent la mise à jour et vous voulez qu'ils agissent en téléchargeant les nouvelles notifications?

Je suggérerais un cercle rouge (qui, comme l'explique bien la publication de Rahul, est une couleur courante pour les nouvelles alertes de mise à jour) avec une flèche blanche vers le bas. Ceci, bien sûr, étant un symbole largement reconnu pour quelque chose devant être téléchargé ou "récupéré". Si la micro-copie qui accompagne l'icône doit être "Notifications", je pense qu'il est raisonnable de supposer que les utilisateurs comprendront.

Cela dit, la clé de toutes ces choses est bien sûr de tester l'une des alternatives que vous envisagez.

0
theothermatt

Si vous envisagez des synonymes de "notifications" telles que "alerte" ou "alarme", alors peut-être quelque chose comme une sonnerie.

0
DJClayworth