Come faccio a mostrare il tooltip durante la creazione delle guide??

1. Come si indica un tooltip??
2. I tooltip funzionano sui dispositivi mobili??
3. I pulsanti hanno bisogno di suggerimenti??
4. Che cos'è un'interfaccia utente con suggerimenti??
5. Quanto deve essere grande un tooltip?
6. Che cos'è un suggerimento nel codice HTML??
7. Come si fa a far funzionare il tooltip sui dispositivi mobili??
8. Come trovo il suggerimento sul mio telefono??
9. L'effetto hover funziona sui dispositivi mobili??
10. Dove posizioni il tooltip?
11. I lettori dello schermo possono leggere i suggerimenti??
12. Cosa posso usare al posto dei suggerimenti??

Come si indica un tooltip??

Le descrizioni comandi vengono solitamente avviate in due modi: tramite un gesto di passaggio del mouse o tramite un gesto di passaggio del mouse sulla tastiera. (Nel caso ti stia chiedendo cos'è il passaggio del mouse da tastiera: per accedere agli elementi attivi su una pagina, gli utenti di solito possono spostare il mouse su di essi o scorrere attraverso di essi utilizzando la tastiera.

I tooltip funzionano sui dispositivi mobili??

I tooltip non sono solo per il Web: sono anche uno dei modelli di interfaccia utente più popolari ed efficaci per le app mobili.

I pulsanti hanno bisogno di suggerimenti??

Le linee guida Microsoft UWP hanno una buona regola pratica per i suggerimenti: "se le informazioni sono disponibili altrove nella stessa esperienza, non è necessario un suggerimento." Ciò significa che un pulsante che contiene un'icona e del testo non dovrebbe avere un suggerimento, ma un pulsante con solo un'icona dovrebbe, come nell'esempio seguente.

Che cos'è un'interfaccia utente con suggerimenti??

Le descrizioni comandi sono piccoli elementi dell'interfaccia utente che aiutano gli utenti a intraprendere azioni specifiche. Si attivano quando un utente passa con il mouse su un elemento della pagina o quando fa clic su un hotspot. I suggerimenti forniscono agli utenti informazioni aggiuntive che aprono la strada al successo del prodotto.

Quanto deve essere grande un tooltip?

Il testo nel tooltip dovrebbe essere breve e ben formattato (sforzarsi di 20 caratteri per riga).

Che cos'è un tooltip nel codice HTML??

Introduzione al tooltip HTML. Tooltip è un concetto utilizzato in HTML per mostrare alcune informazioni extra sull'elemento specificamente selezionato. Questo puòessere fatto sull'effetto del passaggio del mouse ogni volta che l'utente sposta il mouse su un elemento che sta usando un suggerimento per visualizzare informazioni specificate su quell'elemento.

Come si fa a far funzionare il tooltip sui dispositivi mobili??

Nell'esempio sopra, puoi vedere che l'icona del tooltip è posizionata a destra dell'elenco a discesa ed ha le stesse dimensioni della sua altezza. Questo è così che non interferisce con l'etichetta dell'opzione ma è ancora visibile agli utenti. La forma visiva dell'elenco a discesa determina la dimensione e il posizionamento dell'icona del tooltip.

Come trovo il suggerimento sul mio telefono??

Viene visualizzato un suggerimento toccando e tenendo premuto un elemento o un componente dello schermo (su dispositivi mobili) o passandoci sopra con il mouse (desktop). Visualizza continuamente il suggerimento finché l'utente preme a lungo o passa il mouse sopra l'elemento.

L'effetto hover funziona sui dispositivi mobili??

Una tipica schermata dell'interfaccia ha molti elementi su di essa. Gli effetti al passaggio del mouse informano gli utenti con cosa possono interagire fornendo un feedback visivo sui pulsanti. Ma c'è un problema: gli effetti al passaggio del mouse sono per le app desktop, non per le app mobili. Non ci sono dispositivi mouse sui dispositivi mobili, quindi gli utenti non possono permettersi il lusso di utilizzare gli effetti al passaggio del mouse.

Dove posizioni il tooltip?

Descrizione comando di base

Il testo del tooltipèposto all'interno di un elemento in linea (come <span>) con . CSS: la classe tooltip usa position:relative , necessaria per posizionare il testo del tooltip ( position:absolute ).

I lettori dello schermo possono leggere i suggerimenti??

Innanzitutto, definisci il tooltip con role="tooltip" . Nascondi il tooltip per impostazione predefinita con aria-hidden="true" . Inoltre, aggiungi una regione live con aria-live="polite" , in modo che gli screen reader leggano automaticamente il suggerimento quando viene visualizzato.

Cosa posso usare al posto dei suggerimenti??

Un'alternativa migliore è mostrare semplicemente il contenuto in situ o, meglio ancora, progettare l'interfaccia in modo che gli utenti non abbiano bisogno di indicazioni aggiuntive in primo luogo. Se tutto il resto fallisce, usa un componente di commutazione in linea. Fornisce tutti i vantaggi della divulgazione progressiva senza le insidie ​​dei suggerimenti.