Guía para mejorar la experiencia del usuario (UX) del sitio de WordPress

Optimizar un sitio web para una mejor experiencia de usuario no es una caminata simple, especialmente porque las herramientas necesarias y/o el conocimiento de codificación no vienen por una docena de dinero. Pero cuando el sitio se realiza en una plataforma que es prácticamente conocida y amada por la facilidad de uso, UXO (optimización de la experiencia del usuario) es significativamente menos dolorosa. Hay miles de herramientas disponibles en WordPress, muchas de ellas incluso gratis, que lo ayudan a comprender mejor su público (seguimiento y análisis), mejorar el rendimiento (complementos de caché y optimización de imágenes) y prueba (A /B). Pruebas de software como Nelio, Optimizpress, etc.). Esta guía no se trata de ellos.
Esta guía que detalla algunos de los aspectos más fáciles para pasar por alto la usabilidad en un sitio web de WordPress y las mejores formas de remediar estas negligencias. Comenzaremos con: los carruseles que cada departamento en cada negocio quiere los carruseles/deslizadores, simplemente porque es un hermoso medio dorado. Todos reciben su producto/campaña/mensaje colocado en un solo espacio más visible de la página: por encima del pliegue. Es por eso que los temas de WordPress más deseados incluyen al menos un tapón deslizante (generalmente el control deslizante de Revolution). Veamos las ventajas y desventajas de este enfoque:
Pro:
Muestra los mensajes más importantes en un solo lugar.
Se pueden priorizar los mensajes (lo más importante es recibir la primera diapositiva)
Deben atraer todos los segmentos de los visitantes (“algo para todos”)
Versus:
En general, los usuarios no esperan que las diapositivas gire y pasen sobre el carrusel después de un marco visible.
Hay formas de resolver estas desventajas y mejorar el carrusel UX:
Mantenga el número de diapositivas/marcos no más de 5.
Proporcionar usuarios al control de navegación de carrusel
No redirige automáticamente.
A veces, la solución más simple es la mejor. En lugar de confiar en complementos deslizantes premium, puede usar complementos de JavaScript ligeros, como Slick para crear carruseles fáciles de usar en WordPress.
Navegación avanzada
Un menú de encabezado principal combinado con una navegación secundaria en una barra lateral es una forma casi inofensiva de garantizar que la navegación sea completa y utilizable. Pero cuando se trata de grandes sitios web (especialmente comercio electrónico o blogs grandes, con contenido pesado) con miles de páginas, una navegación secundaria no lo reducirá. Por eso necesitamos mega menús. Pero hay dos caras de esta moneda. Pro: Visibilidad uniforme: el contenido/páginas en los niveles inferiores se incluye en el mega-alineación guarda un paso adicional: los usuarios pueden alcanzar el contenido más rápido/oscuro más rápido.

Versus:
Se sabe que causa problemas de rendimiento al agregar elementos de la interfaz de usuario, como gráficos/iconos.
Más o menos ineficiente en un sitio web con mala jerarquía de contenido
Hacer mega menús perfectamente receptivos puede ser un desafío
Antes de debatir los pros y los contras (y si necesita o no un mega menú en su sitio), debe clasificar a fondo su contenido. La taxonomía de WordPress existe por una razón. Úselo. Una vez que tenga la jerarquía de contenido bien tan bronceada y organizada, puede usar complementos de WordPress como el menú Max Mega, Ubermenu, etc. Para agregar un mega menú desplegable en el sitio. Las extensiones de WooCommerce, como la navegación de capas de Ajax, agrega una interfaz de filtro a la tienda.
No importa lo que le gustaría creer: no es exclusivo.
Los usuarios no quieren esperar el contenido, por lo que no los obligan a esperar el contenido o lo buscarán en otro lugar. Incluso sus líneas sufren de sitios web lentos. Esta es la cantidad total de la necesidad de optimizar el rendimiento en la experiencia del usuario. Optimice su sitio web de WordPress para su rendimiento con: CDN: una opción viable para sitios web que reciben una audiencia global y tienen tráfico medio a alto. Plugin MaxCDN y W3 Total Cache es una coincidencia hecha en el cielo de carga rápida. Cache: Como se mencionó anteriormente, W3 Total Cache es el único caché que necesita (incluso sin soporte de CDN). Pregunte también a sus desarrolladores sobre soluciones del lado del servidor, como Redis y Memcached

Optimización frontal: complementos como EWWW Image Optimizer comprimen las imágenes (sin comprometer la calidad). También asegúrese de que haya algunos CSS y JS en línea como sea posible en sus archivos de tarea. Comprimir y también reduzca las hojas de estilo y los archivos JavaScript. Reduzca las adicciones externas, use Sprits CSS y sea extremadamente exigente al descargar complementos (cuanto menos, mejor). Incluso puede comunicarse con su proveedor de alojamiento web y solicitar ayuda. A veces su host web crea problemas de rendimiento. Las ventanas emergentes modales no son detestables en nombre de la interactividad y las conversiones. Hay literalmente miles de complementos allí (la mayoría de los complementos de redes sociales tienen esta función ahora) que le permiten pegar un mensaje a los usuarios, recordándoles “corteses” que compartan/sigan/aprecien el contenido en las redes sociales, que suscriban o suscriban o se suscriban o a Está registrado, se beneficia de un descuento y colab. Hay tantas cosas mal con él … pero lo llegaremos en un momento. Pro:

Se ha demostrado que mejora las tasas de conversión
Versus:
Atención distinguida: el visitante está aquí por contenido y la ventana emergente está en el camino.
Las ventanas emergentes se tratan como un ruido blanco (como muchos anuncios), a menos que coincidan correctamente del viaje del usuario.
Malo para la accesibilidad
Hay ejemplos de ventanas emergentes utilizadas maravillosamente en contexto. Brainpickings.org comprende su público y promueve su enlace de “donar” solo cuando el usuario ha accedido al sitio repetidamente y cuando ha terminado de leer el contenido. La ventana emergente de Reebok CrossFit lo pasa mal, pero se compensa fácilmente con un descuento en la página del producto. Fuente: el tiempo de reebok y los retrasos del activador están bien, pero también es necesario enfocarse en la imagen general y atar una ventana emergente de una manera Eso es relevante para los usuarios que lo desean. Hasta ahora, el aumento en la conversión se debe a una fuerza simple, pero la calidad de las conversiones y los clientes potenciales se pueden aumentar cuando lo hace de manera inteligente. Pedirle a un visitante por primera vez para suscribirse a un sitio web no le brindará a los clientes potenciales de calidad 99/100 veces. Intente usar de manera inteligente los complementos de WordPress para ventanas emergentes. Hay algunos (como ventanas emergentes supsísticas) que son buenas. Trabaje con ellos en lugar de centrarse solo en una interacción de una sola página.
Nota final Para mejorar la experiencia del usuario, espero que se asegure de tomar este consejo con una semilla de sal y probar todo (use Google Analytics o Nelio A/B Pruebas, o cualquier otra herramienta: depende de usted). Y promete que continuarás mejorando. Leer más complementos de WordPress | 5 remedios rápidos para su sitio web de WordPress