Gauge

La gauge est un composant visuel permettant de représenter une valeur numérique comprise entre un minimum et un maximum.

Description

La gauge est un composant visuel permettant de représenter une valeur numérique comprise entre un minimum et un maximum. Elle facilite la lecture rapide d’un niveau, d’un état ou d’une progression.

Plateformes

Anatomie

  1. Valeur affichée : indique la valeur actuelle sur l’échelle, souvent accompagnée de l’unité ou de la valeur maximale.

  2. Repère de position : marque visuellement la position atteinte sur la gauge.

  3. Valeur minimale : point de départ de l’échelle. 

  4. Valeur maximale : point final de l’échelle, représente la valeur la plus haute possible.

Usage

Quand l'utiliser ?

La gauge est utilisée :

  • Pour donner une lecture rapide d’un niveau, d’un score ou d’une progression.
  • Pour renforcer la perception de progrès ou de complétion dans un parcours utilisateur.

Anatomie

  1. Valeur affichée : indique la valeur actuelle sur l’échelle, souvent accompagnée de l’unité ou de la valeur maximale.

  2. Repère de position : marque visuellement la position atteinte sur la gauge.

  3. Valeur minimale : point de départ de l’échelle. 

  4. Valeur maximale : point final de l’échelle, représente la valeur la plus haute possible.

Usage

Quand l'utiliser ?

La gauge est utilisée :

  • Pour donner une lecture rapide d’un niveau, d’un score ou d’une progression.
  • Pour renforcer la perception de progrès ou de complétion dans un parcours utilisateur.

Des questions ou un feedback ?

N’hésitez pas à contacter la team Design System par mail.