it-swarm-es.com

¿Cuánto tiempo debe transcurrir antes de que aparezca una información sobre herramientas?

Estoy trabajando en un sitio web en el que aparece un submenú "cinta" tan pronto como el mouse toca uno de los elementos del menú principal. Estoy tratando de explicarle al diseñador que debe esperar hasta que el cursor haya descansado en el elemento del menú, y no aparecer cuando el mouse pase sobre él. No estoy seguro de cuánto tiempo (en milisegundos) esa espera debería ser.

No puedo vincular al sitio web en cuestión, pero creo que el mismo principio se aplica a la información sobre herramientas estándar. ¿Cuánto tiempo debe tomar para que aparezca una información sobre herramientas?

21
Patrick McElhaney

Si alguien todavía está buscando respuestas actualizadas sobre este tema, Nielsen Norman tiene un excelente artículo sobre el tema: https://www.nngroup.com/articles/timing-exposing-content/

  1. El cursor del mouse ingresa al área objetivo: muestra la retroalimentación visual en 0.1 segundos.
  2. Espere 0.3 a 0.5 segundos.
  3. Si el cursor permanece detenido dentro del área objetivo, muestre el contenido oculto correspondiente dentro de 0.1 segundos.
  4. Siga mostrando el elemento de contenido expuesto hasta que el cursor haya abandonado el área objetivo de activación o el contenido expuesto durante más de 0,5 segundos.

La pausa de 300-500 milisegundos es para garantizar que la intención del usuario sea ver qué hay detrás del menú o la información sobre herramientas y no pasar el mouse en camino a otra cosa.

13
bentheben

No pude encontrar ninguna convención sobre este asunto, pero encontré un par de bibliotecas donde la información sobre herramientas parece estar configurada en un valor predeterminado de 500 ms , que Parece bastante razonable.

De todos modos, creo que deberías ir desde allí y ajustarlo hasta que se sienta bien. Puede probarlo con algunos usuarios y evaluar sus comentarios.

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

SI desvanece lentamente la punta de la herramienta, puede comenzar tan pronto como el mouse descanse en el punto caliente. Solo recuerde cancelar la animación cuando el mouse se mueva de esa manera si el mouse solo se desliza por un segundo, la punta de la herramienta no se mostrará y si el usuario se detiene pero luego se mueve, no tiene una punta de la herramienta que se muestra mal parte de la página.

5
Sruly

Realmente depende de para qué son sus sugerencias.

Tenemos muchos controles y botones de la barra de herramientas que simplemente usan Conjunto de iconos de diseño de materiales sin texto. La mayoría de estos se explican por sí mismos, pero hemos agregado información sobre herramientas con descripciones que también muestran los atajos de teclado cuando están disponibles.

Cuando no tuvimos demora, fue muy molesto para los usuarios que habían aprendido el software y ya no necesitaban información sobre herramientas. Mover el mouse sobre algunos botones mostraría inmediatamente la información sobre herramientas.

Nos decidimos por un retraso de 1 segundo, ya que es lo suficientemente lento como para no aparecer en el uso normal y cuando desea ver qué botón espera un poco.

4
Tim

Si la decisión de usar una información sobre herramientas está bien pensada y la información sobre herramientas es útil e importante. No lo retrases

Una demora puede generar confusión, no desea que el usuario haga la misma pregunta que hace aquí, ya que está utilizando su sitio o aplicación.

Si cree que la información de información sobre herramientas no es obligatoria pero podría ayudar a un usuario si se atasca, utilice un pequeño icono de signo de interrogación y permítale hacer clic si necesita más información.

2
Jason

Por supuesto, siempre hay una opción para hacer que se haga clic. Creo que en realidad funcionaría mejor y haría que la aplicación sea universalmente utilizable (móviles y tabletas).

También hay un proyecto en JavaScript que podría inspirarse en este campo, el proyecto hoverIntent

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

HTH

2
mare

Agregando a la respuesta de @Nacho, he citado una razón por la cual deben evitarse los retrasos muy cortos o la aparición instantánea de información sobre herramientas:

La información sobre herramientas, la expansión de anuncios y las llamadas a la acción o los cuadros de información que aparecen sobre los elementos de la lista (como los cuadros de vista rápida en las miniaturas de las páginas de listado de productos) son otros ejemplos de elementos comunes con interacciones de desplazamiento que pueden resultar molestos para los usuarios si se activan también con sensibilidad.

La respuesta instantánea no es deseable para lo que debería ser información opcional, si una información sobre herramientas se considera el contexto de visualización apropiado. El artículo también proporciona pautas de tiempo:

la intención del usuario de exponer cualquier contenido oculto correspondiente puede suponerse inmediatamente después de hacer clic o tocar, o después de que el cursor del mouse pausó el movimiento y permaneció en el área objetivo durante aproximadamente 0.3–0.5 segundos, momento en el cual el contenido oculto puede ser animado de forma segura la página

Fuente: NNGroup

1
Remy