Interfaz de usuario - Superposición de ayuda en línea

Question

Tengo un cliente que busca un sistema de ayuda en línea similar al tipo de uso de Facebook y Google para resaltar los cambios de la interfaz.

Aquí se muestra un ejemplo de los patrones de interfaz de usuario: http://ui-patterns.com/users/1/collections/38/entry/5759

Antes lanzo una solución personalizada, que realmente necesita para averiguar si hay algún bibliotecas o servicios existentes para la prestación de este. He probado innumerables combinaciones de palabras clave en Stack Overflow y Google (entre otros).

Básicamente, el cliente desea seleccionar un elemento de la interfaz y proporcionar alguna ayuda adicional que el usuario pueda mostrar seleccionando, por ejemplo, un icono de ayuda al lado del elemento.

¿Alguien sabe de un servicio existente o de una biblioteca virtual?

Answer 1

Uso ClueTip, es muy similar y funciona con la semántica de HTML común. La página de documentación no es muy inspiradora, pero eso no limita el uso del plugin.

Lo que es realmente genial es que funciona bien con los temas de jQuery UI themeroller.

ClueTip - http://plugins.learningjquery.com/cluetip/

página de prueba aquí - http://plugins.learningjquery.com/cluetip/demo/

Answer 2

Yo uso SimpleTip. Está basado en JQuery y permite que el HTML arbitrario se muestre en la superposición (aunque las demostraciones en el sitio web del desarrollador no muestran imágenes o formateo sofisticado), y el código es lo suficientemente simple como para personalizarlo si necesita realizar cambios.

Answer 3

Esto es un poco de un tapón, pero he creado Overlay101 que nos lleva a un recubrimiento ayuda en línea que puede ser gestionado por los no desarrolladores. Creo que es mucho más fácil que mantener una extensión jquery.

Puede resaltar elementos en función de los selectores id o css. Una vez que el javascript ha sido agregado a su página, puede entregarlo a cualquiera que escriba el texto de ayuda.