Experiencia de información sobre herramientas como...

Syndicate_Admin · ‎01-15-2025

Así que no he sido muy activo en la creación de vistas móviles, pero en un proyecto reciente me pidieron que lo hiciera. Para mi sorpresa, noté que en la vista móvil, la información sobre herramientas (usando una página de información sobre herramientas) aparece como una ventana emergente completamente desplazable en lugar de la información sobre herramientas fimicky a la que estoy acostumbrado en Escritorio / Servicio. ¿Podría crear una opción en la que la información sobre herramientas pueda permanecer abierta para que el usuario interactúe con ella? A menudo utilizo la información sobre herramientas para proporcionar una vista rápida de lo que hay detrás de un número en un objeto visual. Es más simple y rápido que hacer clic con el botón derecho del ratón > explorar en profundidad e ir a una página y luego regresar. Pero la información sobre herramientas es extremadamente engañosa. Mueves un poco el ratón y cambia de posición, se cierra o salta para mostrar la siguiente información sobre herramientas. La información sobre herramientas de estilo emergente permitiría al usuario profundizar en los datos sin salir de la página.

Syndicate_Admin · ‎01-16-2025

Aquí hay algunas sugerencias para lograr esto:

Información sobre herramientas persistente: implemente una función en la que la información sobre herramientas se pueda anclar o bloquear en su lugar. De esta manera, los usuarios pueden interactuar con el contenido de la información sobre herramientas sin que desaparezca.

Ventanas emergentes modales: En lugar de la información sobre herramientas tradicional, use ventanas emergentes modales que se pueden activar tocando un elemento. Estas ventanas emergentes pueden permanecer abiertas hasta que el usuario las cierre, proporcionando una experiencia más estable e interactiva.

Implementación de información sobre herramientas personalizada: desarrolle información sobre herramientas personalizada utilizando JavaScript y CSS que se pueda controlar con mayor precisión. Puede agregar funcionalidad para mantenerlos abiertos hasta que el usuario decida cerrarlos.

Intención de desplazamiento: en el caso de las vistas de escritorio, considere la posibilidad de usar una biblioteca de intenciones de desplazamiento que retrase la aparición de la información sobre herramientas hasta que el usuario haya mantenido el puntero sobre un elemento durante un período determinado. Esto puede reducir el efecto de "parpadeo" de la información sobre herramientas.

Comentarios e iteración: recopile comentarios de los usuarios sobre cómo interactúan con la información sobre herramientas e itere en su diseño. Esto puede ayudarte a encontrar el mejor equilibrio entre usabilidad y funcionalidad.

Saludos
Saud Ansari
Si esta publicación ayuda, acéptala como una solución para ayudar a otros miembros a encontrarla. ¡Agradezco sus felicitaciones!

Syndicate_Admin · ‎01-16-2025

Para sugerir una idea, vaya aquí:
https://ideas.fabric.microsoft.com/

No es una solución perfecta, pero ¿has probado los marcadores?

Puede tener un icono en la parte superior derecha de su visual y al hacer clic en él aparece la "información sobre herramientas".

Dado que el marcador crea un rectángulo y aparecen elementos visuales en lugar de un marcador, es completamente interactivo.

Si el usuario hace clic en una fila/columna/sector en el objeto visual, éste interactuará de forma natural con la "información sobre herramientas".

https://www.youtube.com/watch?v=xCMqWEvSkAs

A continuación, se muestra un ejemplo de un informe con un panel de marcadores:
https://www.devon.gov.uk/roads-and-transport/safe-travel/road-safety/collision-data/

Cerrar marcador

Abrir marcador

Syndicate_Admin · ‎01-19-2025

Creo que el uso de marcadores es una buena solución, probablemente produciendo una experiencia de usuario aún mejor que la opción de información sobre herramientas incorporada. Dicho esto, lo que motivó la publicación en primer lugar es que ya tienen una solución que funciona con la información sobre herramientas nativa, pero solo está en vista móvil.