De todos modos, ¿qué es bueno el consejo del instrumento?6 opciones simples para WordPress

Cuando recientemente hablamos sobre consejos para el desorden de su sitio, nos centramos principalmente solo en escondite piezas de contenido que todavía valía la pena ser incluida en el sitio, pero no valía la pena un lugar al frente y en el centro. Debido a que la experiencia de sus visitantes siempre debe estar máxima al desarrollar un sitio web, es muy importante que sepa cómo ocultar estratégicamente cierta información hasta el momento adecuado. Es por eso que hoy hablaremos sobre el consejo de herramientas. Por qué su sitio de WordPress puede necesitar consejos para herramientas variará de un cliente a otro, pero hay una cosa que siempre permanece igual: puede hacer mucho más con menos. Por lo tanto, a menudo hablamos de desorden, minimalismo y temas fáciles.
Una de las herramientas menos comunes que he visto en las personas que usan para lograr esto es el consejo.

Cuando pasa con el mouse sobre el archivo en Chrome, hay consejos de herramientas que le permiten saber qué es en la página.
¿Qué es una información sobre herramientas? Hace unos 20 años, Microsoft nos presentó el “consejo” original. Cada vez que un usuario pasó el cursor sobre un elemento en la barra de herramientas de aplicación, salía un pequeño mensaje para proporcionar una pista o descripción de lo que hizo esa herramienta. Los programas de Microsoft han evolucionado bastante desde entonces, por lo que ahora tienen una funcionalidad de información sobre herramientas en todas las partes interactivas o haciendo clic en la interfaz (como en el ejemplo anterior).
Los programas de procesamiento de texto ya no son los únicos que usan consejos de herramientas. Ahora se usan en sitios web. Echemos un vistazo a algunos ejemplos. El globo de herramientas clásico si aún no usas consejos de herramientas, al menos los viste en acción antes. Una indicación clásica.

Usemos el ejemplo anterior de LinkedIn. Mientras corría hoy a través de mi flujo de noticias, vi la aparición de esta publicación patrocinada de Optimizely. Cuando pasé el mouse por el texto “patrocinado”, recibí ese mensaje de indicación. Luego, cuando moví mi cursor, desapareció.
Así es como funciona una información sobre herramientas clásico, aunque son posibles otros efectos de activación. Colocarse con el mouse es probablemente la forma menos inquietante de incluir un globo de instrumentos en su sitio, pero puede pedir a los usuarios que trabajen más tiempo antes de ver consejos de herramientas agregando clic, tirar o abrir. Técnicamente, el globo de herramientas de Popover, el ejemplo de Facebook anterior es una información sobre herramientas Popover. La funcionalidad es similar a una información sobre herramientas estándar en la que pasa el mouse sobre un texto con hipervínculo, un cuadro que se puede hacer clic o una imagen, y luego aparece un mensaje temporal al pasar con el mouse.
Un ejemplo de indicación pop-over.

Sin embargo, la diferencia entre un asesoramiento informativo y un PopOpover consiste en la cantidad de detalles incluidos en “Asesoramiento”. El consejo de la herramienta es exactamente lo que el nombre dice es: ofrecen consejos sobre cómo usar un determinado elemento (y generalmente son muy cortos). Peopover, sin embargo, tiende a usarse para proporcionar una descripción extendida. Estos pueden ser más largos, pueden incluir imágenes, enlaces y más … aunque más corto es mejor. El último tipo de globo de herramientas de tipo herramienta es un recorrido. Un ejemplo de explicación para el recorrido.
Si alguna vez se ha registrado para una cuenta de redes sociales o si ha utilizado un nuevo software de terceros, son grandes posibilidades o al menos una de estas visitas paso a paso. Algunos de estos comienzan automáticamente cuando ingresa a un sitio web, y otros son como el ejemplo anterior que debe iniciar el recorrido. Casi siempre le brinda la opción de rendirse si no desea hacer clic en todos los pasos.

En cualquier caso, esta es una versión más elaborada, en varios pasos, la indicación estándar, que está destinada a proporcionar orientación e información útiles sobre cómo usar un flujo de trabajo o interactuar con diferentes partes del sitio. El ejemplo anterior es de TurmyApp, que es un servicio que le permite crear recorridos haciendo clic en aplicaciones web. Entonces, ahora sabe cuál es el consejo de la herramienta, la pregunta sigue siendo: ¿Su sitio los necesitará? ¿Qué puedes hacer con el consejo de herramientas? Aquí está la cosa: su sitio web probablemente le irá bien sin consejos. No es como si la falta de consejos de herramientas hiciera que sus visitantes no sean desesperados, tratando de averiguar dónde continuar. ¡Al menos esa es nuestra esperanza! Sin embargo, el consejo de herramientas aún puede ser una buena ventaja para los sitios web por varias razones: hacer que el sitio sea más fácil de leer. Como siempre, cuanto menos coloque en la interfaz principal de su sitio, mejor. Si puede ocultar un consejo que los visitantes no desean o necesitan, puede mantener el sitio libre y sin ningún texto intrusivo potencial.
Guíe a sus visitantes a tomar medidas. Si alguna vez ha sentido la necesidad de tener más control sobre la determinación de los visitantes para tomar medidas, los consejos de herramientas pueden brindarle un nivel adicional de orientación sin tener que agregar otra necesidad de diseñar su sitio.
Reduce la ducha innecesaria. Aunque el diseño de su sitio ya debe ser intuitivo, puede haber algunos lugares para atraer a los visitantes. En lugar de dejarlos sentirse frustrados, confundidos o obligados a contactarlo para obtener aclaraciones, los consejos de herramientas pueden ser una guía incorporada para su sitio. Ofrezca información adicional para los visitantes. Supongamos que tiene un blog que presenta solo una imagen y el título del artículo en la página principal. En lugar de obligar a los visitantes a hacer clic para comenzar a leer, puede usar consejos de Tipo de Popover para proporcionar información descriptiva adicional, para que puedan decidir si realmente desean o no tomar esa acción.
Mejorar la accesibilidad. La accesibilidad siempre debe desempeñar un papel en las etapas de planificación e implementación durante el desarrollo del sitio web. Como resultado, el asesoramiento de herramientas puede ser realmente útil para proporcionar a los visitantes una dirección adicional.
Debido a la naturaleza misma de las herramientas, deberá tener cuidado con cómo las usa en su sitio web. Si ha decidido que puede usarlos correctamente, piense en los siguientes puntos antes de comenzar:
Los consejos de herramientas deben deshabilitarse para dispositivos móviles. Los visitantes móviles ya están trabajando con una vista comprometida de su sitio web, por lo que no desea deshacerse de él al incluir mensajes emergentes adicionales.
Úselos con moderación. Si su sitio está lleno de consejos, los visitantes se sentirán frustrados por perturbaciones constantes. Mientras que algunos “frotando” en el UX están bien, especialmente si intenta llamar la atención activamente, en este caso, deben reducirse al mínimo. Los instrumentos deben agregar valor a cualquier elemento que haya activado la ventana POP. Por ejemplo, si desea incluir consejos de herramientas en un formulario, no desea que la pelota repita el nombre del campo. En cambio, desea que indique información útil adicional, como proporcionar el número de teléfono requerido (es decir (xxx) xxx-xxxx).
Mantenga el mensaje con ToolTiP lo más corto posible. Los consejos y tours clásicos deben ser solo unas pocas palabras. Los popolars pueden ser un poco más largos, pero es mejor mantenerlos más cortos.
Intente mantener las imágenes alejadas de los consejos de herramientas. Si descubre que debe explicar más o compartir fotos, videos, etc., incluya un enlace en el consejo de la herramienta a una página que incluya toda la información relevante.
Como siempre, cada vez que agrega un nuevo elemento al diseño de su sitio web, A/B pruebe el elemento para asegurarse de que sea efectivamente efectivo para mantener el interés de los visitantes. Aunque puede pensar que el asesoramiento de la herramienta es una excelente ventaja para su sitio, sus visitantes pueden no ser útiles o necesarios. Las pruebas A/B pueden ayudarlo a tomar esta determinación.
3 formas de crear consejos de herramientas antes de agregar instrucciones en su sitio, considere qué tipo de estilo funcionará mejor no solo para los consejos de su herramienta, sino también cuando se coloca en el contexto del sitio, sus diferentes herramientas que lo ayudan a obtener el efecto deseado, por lo que Querrás saber lo que necesitas primero. Considere: El color de la fuente
Color de fondo/bloque
Talla
Opacidad
Posición

Acción de activación (pájaro con mouse, clic, etc.)
Encienda el cierre (mueva el cursor, haga clic en “X”, etc.)
Bloqueo de dispositivos móviles
Una vez que tenga una idea clara de lo que desea lograr, hay tres formas en que puede crear instrucciones:
ToolTip WordPress Los complementos son algunas opciones fantásticas para agregar funciones de ToolTipic a su sitio de WordPress.
Consejos simples
Para adiciones básicas con instrucciones, puede usar este complemento para agregar un botón súper conveniente a la publicación o barra de herramientas de su página de WordPress. Luego podrá crear su propio texto, actualizar el color del texto, actualizar el color de fondo y seleccionar qué elemento activará la indicación. Este complemento es gratuito. ¿Estás interesado en un consejo simple?
Detalles
Consejo mágico
Para usar este complemento, deberá tener formularios de gravedad instalados en WordPress. Una vez configurado y listo para operar, podrá comprar este complemento. Si tiene muchos formularios en su sitio o si los pocos que tiene son más elaborados, los consejos de herramientas pueden ser útiles para mejorar la experiencia del usuario, y este complemento le dará el control total sobre cómo estos consejos de trabajo. Intereses mágicos de herramientas ?
Detalles
Glosario CM ToolTiP

Si ejecuta un sitio que usa muchos términos técnicos, crear un glosario tiene sentido. Y, aunque puede mostrar un glosario en una página separada, en notas del sótano o puede conectar la clave a las páginas de definición, otra forma de ayudar a sus visitantes es mostrar el glosario. El glosario de información sobre herramientas de complemento CM le permite crear un glosario, luego mostrar definiciones en información sobre herramientas cada vez que un usuario pasa con el mouse sobre un término contenido en él. El índice de glosario creado también es receptivo y fácil de navegar. Este complemento es gratuito, pero hay una versión profesional disponible. ¿Estás interesado en la información sobre herramientas Glossary CM?
Detalles
CSS para información sobre herramientas Mientras que los complementos proporcionan una solución más rápida para agregar consejos de herramientas en un sitio web, no siempre son la opción más completa. Si desea obtener más control sobre cómo se ve el consejo de su herramienta y desea explorar más posibilidades, pruebe CSS.

Síntip
Realmente cavamos esta simple solución de tipo CSS de información sobre herramientas de Arash Manteghi. De hecho, puede probar muchas de las variantes incluso en el mensaje de la pantalla de bienvenida, lo cual es bastante bueno. Aunque esta no es la solución más completa con ToolTiP, ofrece más flexibilidad y control que las soluciones de complementos de WordPress. ¿Estás interesado en la simpatía? Detalles
Lección W3
Resulta que soy un gran admirador de las lecciones de W3. Son simples, fáciles de seguir y siempre te dan todo lo que necesitas. Esta lección le mostrará el CSS que necesitará crear instrucciones en su sitio. Asegúrese de leer hasta el final, ya que incluyen lecciones adicionales para crear herramientas más complicadas. ¿Estás interesado en la lección W3?

Detalles
JQuery para información sobre herramientas Si se siente cómodo trabajando con CSS y JavaScript, considere ir a la ruta de JQuey para obtener una forma simple de crear más opciones.
Consejo de herramientas
El sitio de ToolTipster es bastante genial. Puede probar algunas de las opciones de indicaciones explicativas allí, en la página inicial, que solo le da una idea de cuán complejo puede ser con ellas. Y, a medida que se desplaza hacia abajo, verá que han interrumpido el proceso para crear pasos claros, fácil de seguir. ¿Estás interesado en ToolTipster?

Detalles
La conclusión, como puede ver, el consejo de la herramienta es un complemento bastante interesante para los sitios de WordPress.Cuando se usa correctamente, puede mejorar el UX, puede aumentar la accesibilidad, puede inspirar a los visitantes a tomar una cierta acción y, por supuesto, puede mantener el diseño de su sitio lo más limpio posible.Recuerde que cualquier texto adicional agregado a su sitio puede aumentar la cantidad de fricción que los visitantes deben enfrentar, así que trate de usar los consejos de herramientas con moderación. Ahora voy a usted: si usó consejos de herramientas en su sitio web, díganos lo que finalmente inspiró que vayas de esta manera.
Etiquetas:

Instrumentos
experiencia de usuario