Rating

Una scala di valori grafica a stelline, utile per esprimere una valutazione su un servizio o un contenuto

Componenti

Metadati e link per approfondire

Utile per

Anteprima

Anteprima:
Inizio anteprima:Fine anteprima.

Quando usarlo

Il componente Rating può essere utilizzato in diverse situazioni, come ad esempio quando si desidera raccogliere il parere delle persone su un prodotto, un servizio digitale o la chiarezza informativa di una pagina. Consente alle persone di esprimere la loro opinione in modo semplice e intuitivo.

Come usarlo

  • Posiziona il rating in punti diversi dell’interfaccia a seconda dell'uso: per sapere l'opinione delle persone su un prodotto o servizio, deve essere vicino al nome o titolo; per valutare quanto è chiara una pagina, è meglio che sia in fondo alla pagina.
  • Le opzioni di valutazione devono essere chiare e comprensibili.
  • Fornisci un feedback immediato una volta che l'utente ha inviato la sua valutazione.
  • Considera l'opportunità di far lasciare anche un commento testuale oltre alla valutazione numerica per ricevere un feedback più dettagliato.

Attenzione a

  • Limitare il numero di opzioni di valutazione per evitare confusione (ad esempio, da 1 a 5).

Accessibilità

Lo stato delle verifiche di accessibilità effettuate sul componente Bootstrap Italia

CaratteristicaStatoDescrizione

Visivamente accessibile

Da verificare

Uso e contrasto dei colori, leggibilità

Amichevole con lettori di schermo

Da verificare

Struttura titolazioni, etichette e testi alternativi

Navigabile

Da verificare

Focus, struttura, navigazione da tastiera o altri device

Comprensibile

Da verificare

Comprensibile, prevedibile, gestione semplice dell’errore

Stato del componente

Lo stato del presente componente nelle diverse librerie di design e sviluppo del design system

Anatomia

Gli elementi che formano il rating

Il componente Rating è composto da:

  1. icona stella piena: identifica il giudizio espresso dall'utente dopo averlo selezionato;
  2. icona stella vuota: identifica il giudizio che l'utente può ancora esprimere, disponibile nello stile "linea" (outline) oppure "pieno" (full);
  3. etichetta (opzionale): indica, in forma testuale, il valore che è stato selezionato dalla selezione dell'utente.

Comportamento

  • Cliccando su un’icona del rating viene inviata la propria opinione al sito o servizio interessato.
  • Non è necessario confermare la valutazione espressa utilizzando un pulsante aggiuntivo.
  • In seguito al clic, è possibile mostrare un breve questionario (form) per approfondire l’esperienza d’uso o la valutazione.

Specifiche di design

Tutte le misure indicate sono espresse in px.

Specifiche di design del rating

Come iniziare

Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici

Anteprima

Anteprima:
Inizio anteprima:Fine anteprima.

Come iniziare

Scopri come utilizzare tutti gli strumenti pensati per progettare interfacce ed esperienze dei servizi pubblici