it-swarm-eu.dev

Quanto tempo deve trascorrere il ritardo prima che venga visualizzata una descrizione comandi?

Sto lavorando su un sito Web in cui viene visualizzato un sottomenu "barra multifunzione" non appena il mouse tocca una delle voci del menu principale. Sto cercando di spiegare al designer che dovrebbe attendere fino a quando il cursore si è posato sulla voce di menu e non apparire quando il mouse gli passa semplicemente sopra. Non sono sicuro di quanto dovrebbe durare (in millisecondi) l'attesa.

Non riesco a collegarmi al sito Web in questione, ma immagino che lo stesso principio si applichi ai suggerimenti standard. Quanto tempo occorre per visualizzare una descrizione comandi?

21

Se qualcuno è ancora alla ricerca di risposte aggiornate su questo argomento, Nielsen Norman ha un ottimo articolo sull'argomento: https://www.nngroup.com/articles/timing-exposing-content/

  1. Il cursore del mouse entra nell'area di destinazione: visualizza il feedback visivo entro 0,1 secondi.
  2. Attendere 0,3-0,5 secondi.
  3. Se il cursore rimane fermo nell'area di destinazione, visualizzare il contenuto nascosto corrispondente entro 0,1 secondi.
  4. Continuare a visualizzare l'elemento di contenuto esposto fino a quando il cursore non ha lasciato l'area di destinazione attiva o il contenuto esposto per più di 0,5 secondi.

La pausa di 300-500 millisecondi è garantire che l'intenzione dell'utente sia vedere cosa c'è dietro il menu o la descrizione del comando e non fare il mouse sulla strada per qualcos'altro.

13
bentheben

Non sono riuscito a trovare alcuna convenzione su questo argomento, ma ho trovato un paio di librerie in cui la descrizione dei comandi sembra essere impostata su un valore predefinito di 500 ms , che sembra abbastanza ragionevole.

Comunque, penso che dovresti andare da lì e modificarlo fino a quando non ti sembra giusto. Puoi provarlo con alcuni utenti e valutare il loro feedback.

http://msdn.Microsoft.com/en-us/library/ms531435%28VS.85%29.aspx

http://www.jinsight.com/jetchart/api/com/jinsight/jetchart/ToolTip.html

https://www.Adobe.com/livedocs/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Parts&file=tooltips_074_10.html

13
Nacho

Se si dissolve lentamente la punta dell'utensile, è possibile iniziare non appena il mouse si posiziona sul punto attivo. Ricorda solo di annullare l'animazione quando il mouse si sposta in quel modo se il mouse scorre solo per un secondo, la descrizione non verrà visualizzata e se l'utente si ferma ma poi si sposta su di te, la descrizione non viene visualizzata in modo errato parte della pagina.

5
Sruly

Dipende davvero da cosa servono i suggerimenti.

Abbiamo molti controlli e pulsanti della barra degli strumenti che usano semplicemente Material Design Icon set senza testo. La maggior parte di questi sono autoesplicativi, ma abbiamo aggiunto suggerimenti con descrizioni che mostrano anche le scorciatoie da tastiera, ove disponibili.

Quando non abbiamo avuto alcun ritardo, è stato molto fastidioso per gli utenti che avevano imparato il software e non avevano più bisogno dei tooltip. Spostare il mouse su alcuni pulsanti per visualizzare immediatamente le descrizioni comandi.

Abbiamo optato per un ritardo di 1 secondo in quanto è abbastanza lento da non apparire nell'uso normale e quando vuoi vedere cosa fa il pulsante aspetti un po '.

4
Tim

Se la decisione di utilizzare una descrizione comandi è ben ponderata e la descrizione è utile e importante. Non ritardare.

Un ritardo può aggiungere confusione, non vuoi che l'utente faccia la stessa domanda che stai ponendo qui mentre usano il tuo sito o la tua app.

Se ritieni che le informazioni sulla descrizione comandi non siano obbligatorie ma potrebbero aiutare un utente a rimanere bloccato, utilizza un'icona con un piccolo punto interrogativo e lascia che faccia clic su di essa se necessita di ulteriori informazioni.

2
Jason

Naturalmente c'è sempre un'opzione per farlo in base al clic. Penso che funzionerebbe davvero meglio e rendere l'applicazione universalmente utilizzabile (cellulari e tablet).

C'è anche un progetto in JavaScript che potresti prendere come ispirazione in questo campo, il progetto hoverIntent

http://cherne.net/brian/resources/jquery.hoverIntent.html

HTH

2
mare

Aggiungendo alla risposta di @Nacho, ho citato un motivo per cui ritardi molto brevi o aspetto istantaneo dovrebbero essere evitati per i suggerimenti:

Descrizioni comandi, espansione di annunci e inviti all'azione o caselle informative che compaiono sugli elementi dell'elenco (come caselle di visualizzazione rapida sulle anteprime dalle pagine di elenco dei prodotti) sono altri esempi di elementi comuni con interazioni al passaggio del mouse che possono rivelarsi fastidiosi per gli utenti se attivati ​​anche sensibilmente.

La risposta istantanea è indesiderabile per quelle che dovrebbero essere informazioni facoltative, se una descrizione comandi è considerata il contesto di visualizzazione appropriato. L'articolo fornisce anche linee guida per la tempistica:

l'intenzione dell'utente di esporre qualsiasi contenuto nascosto corrispondente può essere assunta immediatamente dopo aver cliccato o toccato, oppure dopo che il cursore del mouse ha messo in pausa il movimento ed è rimasto nell'area di destinazione per circa 0,3-0,5 secondi, momento in cui il contenuto nascosto può essere tranquillamente animato su la pagina

Fonte: NNGroup

1
Remy