web-dev-qa-db-fra.com

Éléments en direct / interactif dans les barres d'onglet Navigateur

J'ai vu un autre exemple intéressant d'un élément UI interactif/actif dans les barres d'onglets de navigateur récemment, cette fois-ci est une valeur défilée % pour une page.

enter image description here

Un exemple très populaire et courant que j'ai vu précédemment était le nombre d'emails non lus affichés pour les applications de messagerie exécutées dans un navigateur (par exemple Gmail).

enter image description here

Existe-t-il un terme utilisé pour ces éléments d'interface utilisateur spécialement conçus pour l'onglet Navigateur? Le terme Favicon a été utilisé spécifiquement pour les onglets de navigateur, donc je me demande si la même chose s'applique aux éléments de l'interface utilisateur de ce type.

5
Michael Lai

Onglet clignotant

Ces types de notifications sont généralement appelés notifications clignotantes ou dans les cas d'alerte de notification Favicon, .

Par extension, le cas des onglets peut être appelé des onglets clignotants

enter image description here

Image de Créez une onglet Notification clignotante

Ou notifications de l'onglet Navigateur

3
Danielillo

Le particulier que vous avez mentionné dans la question n'a pas de nom par définition à compter de maintenant. Quoi qu'il en soit, d'un côté technique, il ajoute des fonctions JS à document.title. Par conséquent, peut-être que nous pouvons appeler cela Titre de document dynamique . [d'aujourd'hui haha]

Veuillez poster vos réponses s'il a réellement un nom défini. Ensuite, je vais supprimer ma réponse :)

En outre, je pose ce favicon dynamique de Google Calendar qui pourrait être de votre intérêt. La date de Favicon passe à la date actuelle.

enter image description here

4
Kishan

Je suis surpris que je ne peux voir aucune description formelle UX ou tester pour ceux-ci nulle part. J'ai vu quelques articles sur les créer auxquels les apportés comme notifications de mise à jour.

https://webdesign.tutsplus.com/tatudials/how-to-display-update-notifications-in-thebrowser-tab--cms-23458

https://developer.mozilla.org/en-us/docs/mozilla/add-ons/webextensions/api/notifications/update

2
Steve O'Connor