La forma en que los visitantes del sitio experimentan su sitio web, más conocido como la experiencia del usuario o UX, es algo que debe considerar absolutamente. Sin un buen UX, nadie podrá apreciar sus ideas innovadoras, gráficos geniales o productos de primera categoría. Y no es porque no lo intenten. Más bien, se debe a que una disposición y un diseño incorrectos dificultan la navegación y es posible que la información más importante no sea visible o fácil de encontrar.
Y eso es realmente desafortunado. Demasiadas empresas decentes se ven perjudicadas irremediablemente por malas decisiones de diseño web y UX. Sin embargo, la buena noticia es que dentro de WordPress es bastante simple evitar el daño y presentar una UX que sirva bien a su público objetivo . Solo necesita saber qué priorizar y algunas de las cosas que definitivamente debe evitar hacer si quiere ver el éxito.
Bien, sin más preámbulos, aquí están las principales reglas de UX de WordPress que creo que todo sitio debería seguir:
Nunca puede usar la excusa de que los visitantes simplemente no buscaron en el lugar correcto para encontrar su información de contacto. O que simplemente no buscaron lo suficiente los detalles pertinentes del producto. Es su responsabilidad como propietario del sitio asegurarse de que todo sea fácil de encontrar y donde los visitantes del sitio esperan que estén. Algunas cosas a las que debe prestar especial atención incluyen:
Por lo general, ubicados en el encabezado o a lo largo del lado izquierdo de su sitio, sus menús deben ser fáciles de encontrar y usar. ¡Eso significa hacer clic fácilmente aquí, amigos! Los menús desplegables rebeldes y las barras de herramientas secundarias que desaparecen tan pronto como se aleja un milímetro de ellos son molestos, sí, pero también inhiben seriamente la capacidad de los visitantes para interactuar con su sitio. ¿Puedes decir una mayor tasa de rebote? Sé que me he saltado la ciudad en varios sitios cuando no pude entender sus menús difíciles de manejar.
Sin embargo , si está lidiando con este problema en su sitio, WPMU Dev en realidad ofrece un tutorial útil para solucionar este problema. Y no es tan complicado, ¡lo prometo!
Otra cosa que debe tener en cuenta es evitar poner demasiadas opciones en sus menús. Los menús desplegables están bien y son elegantes, pero ¿cuándo se despliegan para revelar veinte enlaces que prácticamente ocupan toda la pantalla del navegador? Sí, eso no es tan fácil de usar y puede hacer que su sitio se vea realmente desorganizado y desordenado. Limite la navegación principal a sus páginas más importantes y use menús secundarios para enumerar su contenido menos importante.
Una parte importante de la experiencia del usuario de un sitio web moderno es la integración social. Eso significa que es vital que coloques esos íconos de perfil social en un lugar donde las personas puedan verlos fácilmente y donde se los espere. En el espacio del encabezado al lado de la navegación es una buena opción. Aún mejor es colocarlos en tu barra lateral. Solo asegúrese de que los usuarios no tengan que desplazarse para verlos. Mantenga esos íconos arriba del pliegue.
Lo mismo ocurre con los íconos para compartir en redes sociales. Póngalos donde la gente los espera: la parte superior o inferior de las publicaciones generalmente funciona, los botones Compartir que superponen su contenido de alguna manera también funcionan. Una barra flotante para compartir puede ser efectiva como la barra social flotante o AddThis . Estos aparecen (generalmente) a lo largo del lado izquierdo de su sitio y «flotan» sobre su contenido a medida que el usuario se desplaza.
O puede usar un complemento para agregar botones para compartir en redes sociales más elegantes que los que vienen estándar como Shareaholic . No tenga miedo de explorar sus opciones . Y es posible que desee controlar el estado de desarrollo de nuestro propio complemento para compartir en redes sociales, Monarch , mientras lo hace.
Llamadas a la acción claras
Ya sea que esté tratando de vender un producto o lograr que las personas se suscriban a su boletín informativo, asegurarse de que su llamada a la acción sea muy visible significa una gran diferencia en lo que respecta a las conversiones. Pero recuerda, una parte importante de UX también es la funcionalidad. Por ejemplo, no haga que su formulario de suscripción al boletín sea demasiado complicado. Cuantos menos pasos tenga que completar un visitante para realizar la tarea que usted desea, mejor. A menudo, solo una dirección de correo electrónico será suficiente.
Si necesita ayuda para implementar una llamada a la acción convincente en su sitio, existen bastantes soluciones de complementos. Puede incrustarlos dentro de su contenido o incluso presentarlos como un cuadro de desplazamiento activado. Algo como WordPress Calls to Action o Hello Bar funcionan muy bien.
Y si no tiene ganas de pagar por este último, siempre está Attention Grabber para agregar una barra elegante en la parte superior de su sitio que aparece cuando el usuario se desplaza hacia abajo.
Contacto destacado y sobre información
A pesar de que una página acerca de y una página de contacto son elementos básicos del sitio web, se sorprendería de la cantidad de propietarios de sitios que piensan que existe una excepción a la regla y las dejan por completo. Este es un mal movimiento. Si desea infundir confianza en sus visitantes, lo cual es especialmente importante cuando intenta alentarlos a abrir sus billeteras, debe brindar tanta información sobre usted por adelantado.
No hagas que la gente haga clic en varias páginas para llegar a tu biografía. No haga que se desplacen hacia abajo hasta el pie de página y entrecierren los ojos en la letra pequeña para encontrar su información de contacto. Coloque estas cosas en sus propias páginas en su menú de navegación principal para aumentar la confianza de los visitantes en su sitio. Quiero decir, ¿a quién sería más probable que compre, una empresa con información establecida sobre los miembros de su equipo principal o una empresa dirigida por figuras oscuras y desconocidas? No es tan difícil de averiguar, ¿verdad?
Regla n.º 2: use la regla «Above the Fold»
Este término proviene de los viejos tiempos de los periódicos. Cuando un periódico está doblado y tirado en la papelera a la espera de ser recogido, generalmente hay un titular principal que está a la vista. Presumiblemente, esta es la historia más importante del día. Ese espacio se llama «sobre el pliegue» porque está literalmente sobre el pliegue del papel. Sin embargo, desde entonces se ha aplicado a sitios web y se refiere al espacio que se puede ver inmediatamente después de que se carga un sitio.
Antes de que el usuario se desplace o haga algo, ¿qué se ve en su sitio? Debe ser su información más importante, de lo contrario, no está utilizando el espacio de manera efectiva y no está dando a los visitantes la dirección adecuada sobre lo que quiere que hagan. Si vende artículos de cocina, asegúrese de que quede muy claro a primera vista. Una imagen llamativa, enlaces a su mejor contenido y su navegación principal deben estar visibles en la ventana del navegador.
Regla #3: Menos es más
Esta puede ser una regla difícil de seguir, pero confía en mí: menos es más. No necesitas todas las campanas y silbatos que existen. Sí, hay toneladas de complementos ingeniosos y solo tienes que probarlos todos. Lo entiendo. Pero una vez que lo haga, asegúrese de implementar solo aquellos que realmente agreguen algo sustancial a su sitio. Apéguese a las características sofisticadas que son más efectivas, se adaptan a su diseño e industria y hacen algo por usted. Las funciones por el bien de las funciones son inútiles.
Además, demasiadas características pueden distraer. Piense en los días de diseño web de la vieja escuela. ¡Gifs animados por todas partes! Y no me refiero a esas representaciones de alta calidad de tus películas favoritas que puedes encontrar en Tumblr hoy en día. No, me refiero a bananas danzantes, símbolos «@» giratorios y fondos brillantes. Eran una pesadilla de UI y UX. Así que no sacuda su sitio web como si fuera 1997. Manténgalo actualizado y mínimo.
¿Sufres del síndrome del pergamino interminable? El hecho de que su página de inicio o el índice de su blog sea largo no significa que su barra lateral deba estar repleta de información y extender toda la longitud de sus publicaciones. No es necesario que contenga todas las API de redes sociales. ¡Y ciertamente no necesita sus categorías, publicaciones recientes, publicaciones destacadas y una nube de etiquetas! Elija los elementos más importantes para presentar aquí y quédese con ellos. Los visitantes de su sitio se lo agradecerán quedándose más tiempo. Básicamente, no haga que sus visitantes se sientan inundados con información.
Regla n.º 5: aumentar la velocidad del sitio
Si bien UX a menudo se combina con la presentación visual, también incluye la velocidad de un sitio. La rapidez con la que se carga su contenido puede marcar la diferencia entre los usuarios comprometidos que quieren quedarse por un tiempo y aquellos que prefieren abandonar el barco.
Puede aumentar la velocidad de su sitio de varias maneras . Por ejemplo, puedes:
- Utilice un CDN. Una red de entrega de contenido puede acelerar drásticamente su sitio, haciendo que su contenido sea más accesible para un mayor número de personas a la vez.
- Limitar complementos. Si bien los complementos pueden ofrecer una gran cantidad de funcionalidades a su sitio de WordPress, demasiados pueden hacer que los tiempos de carga se retrasen seriamente. Sea selectivo en los complementos que utiliza. Solo instale aquellos que agreguen características significativas a su sitio. Y recuerda: incluso los complementos que no están activos pueden atascar tu sitio. ¡Elimina todo lo que no estés usando!
- Utilice el almacenamiento en caché. Ahora, aquí voy recomendando un complemento tan pronto como le dije que limitara el uso del complemento. Pero estos son importantes, lo prometo. El uso de un complemento de almacenamiento en caché puede aumentar drásticamente la velocidad del sitio. W3 Total Cache y WP Super Cache son dos de las opciones más populares en este momento porque son efectivas.
- Usa extractos. En lugar de usar publicaciones completas en su página de inicio, use extractos. El contenido se cargará mucho más rápido de esta manera.
- Condensar imágenes . Las imágenes más pequeñas se cargan más rápido, simple y llanamente. Si usa muchas capturas de pantalla en sus publicaciones o PNG, debe usar algo como TinyPNG para condensar sus imágenes al tamaño más pequeño posible. Esto también le ahorrará espacio de almacenamiento.
Si necesita más consejos, asegúrese de consultar el extenso tutorial que escribimos hace un tiempo sobre cómo mejorar las velocidades de carga del sitio.
Regla n.º 6: no tenga miedo de evitar las tendencias
Las tendencias pueden ser asesinas de UX. ¿No me crees? Aquí, te daré un ejemplo actual. ¿Cuántas veces has oído que los controles deslizantes no funcionan? Lo he escuchado al menos una docena de veces, todas de diferentes fuentes. Estudio tras estudio muestra que no funcionan. De hecho, se ha descubierto que tienen una tasa de clics de solo el 1%. Esto se puede atribuir en gran medida al hecho de que las personas simplemente ignoran los controles deslizantes por completo. La simple vista de ellos desencadena la ceguera de las pancartas .
Y, sin embargo, ¿cuántos temas ves por ahí que todavía los incluyen? Definitivamente puedo ver que los controles deslizantes tienen su lugar, tal vez como una forma de resaltar el contenido de su blog más reciente o mejor. ¿Pero aparece en la parte superior de su sitio justo debajo del encabezado? Sí, eso simplemente no convierte. Y la ciencia lo respalda. ¡ Los controles deslizantes son malos para el SEO , incluso!
Mi punto aquí es que la gente tiende a evitar este consejo porque los controles deslizantes son muy populares en este momento. La gente busca temas que los incluyan por esta misma razón. Pero UX no se trata de popularidad. Es posible que deba ir contra la corriente y resistir las tendencias para mantener su sitio en última instancia usable, funcional y fácil de convertir. Hacer lo contrario es anteponer las tendencias a sus visitantes y clientes. Y cuando lo piensas, eso no tiene mucho sentido, ¿verdad?
Lo que sí tiene sentido es crear un sitio que facilite la vida de su visitante objetivo. Y si los controles deslizantes u otros accesorios de moda no encajan en esa ecuación, que así sea.
Terminando
Priorizar la experiencia del usuario puede parecer inicialmente como si tuviera que sacrificar decisiones de diseño divertidas. Pero ese no es el caso en absoluto. Una buena experiencia de usuario se ve muy bien y funciona muy bien. Es intuitivo y fácil de usar para sus visitantes y se ve bien mientras lo hace. Sí, eso podría significar trabajar un poco más para que todo quede perfecto, pero ¿no vale la pena el esfuerzo extra por la perspectiva de construir un sitio que realmente funcione a su favor?
¿Qué cosas has hecho para mejorar la UX de tu sitio de WordPress? ¿Me perdí algo aquí? ¡Me encantaría escuchar tus ideas!
Imagen en miniatura del artículo por venimo / shutterstock.com