Vamos a analizar, con la ayuda de la agencia de diseño web Leovel los factores de UX más importantes que su sitio web necesita para ser un sitio web realmente excelente.
- Centrarse en un público principal
- Planificar múltiples caminos a través del sitio
- Colocar los menús en lugares lógicos
- Sea juicioso con las opciones del menú
- Sea juicioso con todas las opciones
- Asegúrese de que la redacción de los menús y los botones CTA sea clara
- Aproveche el poder de su menú de pie de página
- Sepa cuándo hacer clic y cuándo desplazarse
- Permita que los detalles complejos se oculten tras los clics
- Permita que su sitio web inicie una conversación
- Coloque la prueba social cerca de los CTA a las páginas de conversión
- Sea estratégico con el contenido relacionado
- Sea más estratégico con las llamadas de atención y los CTA a pie de página
- El flujo de su página debe contar una historia
- Dé a sus páginas ocultas un poco de amor
Table of Contents
Centrarse en un público principal
Aunque la mayoría de las empresas tienen dos o tres públicos en su sitio web, no es posible planificar contenidos que atraigan a todos ellos por igual. Un sitio web sólido tiene una estructura de contenidos, una navegación y unos mensajes que se centran principalmente en ayudar a un público principal a alcanzar sus objetivos.
De este modo, se obtendrán señales de interacción más fuertes en la página (las que hablan con los motores de búsqueda) y se obtendrán más conversiones.
Esto no quiere decir que debas ignorar a todos los demás. Puedes tener herramientas de navegación como CTAs y opciones de menú que guíen al público secundario y terciario a páginas con sus propios mensajes y flujos de usuario.
Planifique múltiples caminos a través del sitio
Su sitio web no es una simple línea de A a B. Hay muchas maneras en que sus clientes pueden pasar de una entrada a una conversión. Con las audiencias B2B, también sabemos que tienen que visitar nuestros sitios varias veces antes de convertir.
Un gran diseño de UX pensará en tantos pequeños caminos como sea posible, y planificará una arquitectura de información lógica para mantener a esos visitantes fluyendo hacia los objetivos finales.
Colocar los menús en lugares lógicos
Ya sea en un portátil, en una tableta, en un ordenador de sobremesa o en un teléfono, quieres que el descubrimiento del contenido de tu sitio web sea muy fácil. La gente espera utilizar los menús, y espera encontrarlos en lugares «normales».
Los menús de hamburguesas oscuros en un sitio de escritorio son «como poner las puertas del coche en el techo porque los lados del coche parecen más bonitos sin líneas.
Deje las hamburguesas para el móvil y asegúrese de tener menús muy visibles y fáciles de pulsar. Esto se aplica a su menú principal y al menú de pie de página, incluyendo barras de búsqueda o menús de filtrado para ayudar a los visitantes a encontrar ese contenido.
Sea juicioso con la elección de los menús
Este es un punto que planteamos en todos los artículos que escribimos sobre diseño UX: demasiadas opciones pueden hacer que el visitante no elija nada. Un buen menú debe tener una selección clara de opciones, ordenadas en grupos lógicos.
Si tiene un gran número de páginas, considere la posibilidad de dividir su contenido en dos menús, en los que el contenido más importante para el público principal aparezca de forma más destacada y en el menú principal.
Sea juicioso con todas las opciones
Al igual que con las opciones del menú, debe elegir todas las opciones centrándose en lo que va a crear un flujo lógico para el usuario. Los obstáculos que impiden a los visitantes alcanzar sus objetivos son:
- Demasiadas llamadas a diferentes tipos de contenido
- Demasiadas intrusiones (ventanas emergentes, otras solicitudes de generación de contactos)
- Demasiados menús
Si su sitio web tiene un buen diseño de UX, su contenido seguirá siendo altamente descubrible sin abrumar al visitante.
Asegúrese de que la redacción de los menús y los botones CTA sea clara
Cada vez que le pedimos a un visitante que haga clic en otra página, le estamos pidiendo que confíe en que vale la pena. Es una gran petición.
La mejor manera de mantener a una persona en movimiento en su sitio web es tener un microcopy claro: las palabras que aparecen en los menús y los botones. Aunque estas herramientas de navegación a menudo sólo tienen una o dos palabras, esas palabras tienen un impacto ENORME en su tasa de conversión.
Puede utilizar un lenguaje sencillo como «ver todo» o «registrarse», pero no tenga miedo de darle más personalidad si eso le conviene a su público. Sólo asegúrese de que sigue estando claro lo que sucederá cuando hagan clic.
Aproveche el poder de su menú de pie de página
Hemos pasado los últimos 10 años construyendo sitios web útiles. En ese tiempo, hemos tenido acceso a poderosas herramientas de UX como los mapas de calor, que capturan dónde se producen los clics y los toques en una página. Lo que hemos visto es que hay mucha acción en los menús de pie de página.
Algunas empresas incluso utilizan el menú de pie de página para ofrecer opciones no visibles en el menú principal, para mantenerlo despejado. Esto podría incluir una lista de ubicaciones, categorías de blogs o sectores relacionados con proyectos y estudios de casos.
Saber cuándo hacer clic y cuándo desplazarse
Es un gran mito de la UX que los clics son malos y que hay que reducirlos. Lo ideal es que se requiera una cantidad mínima de clics para completar una tarea, pero un equilibrio saludable entre clics y desplazamiento sigue siendo una buena UX.
Asegúrese de que los clics valen la pena. El tipo de contenido que se encuentra en las páginas interiores del sitio web es un lugar aceptable para los clics, porque el visitante ya está más metido en el sitio web y más comprometido. Por ejemplo: productos, páginas de aterrizaje del blog y llamadas para moverse entre contenidos relacionados.
Las páginas principales, en cambio, deberían utilizar el desplazamiento.
Permita que los detalles complejos se escondan detrás de los clics
Hay contenidos que son demasiado molestos para la vista. El desplazamiento es agradable si hay mucho que ver en el camino. Pero si tiene especificaciones técnicas complejas que transmitir, puede beneficiarse de colocarlas detrás de los clics.
Los clics para ver más detalles en una subpágina están perfectamente bien en este caso. Una persona que quiere esa información técnica va a hacer clic. Otro gran método es utilizar el contenido en acordeón, donde los detalles están ocultos a menos que se haga clic para ampliarlos. De este modo, el lector controla cuánto ve en la página. Esto es especialmente bueno para las páginas de preguntas frecuentes.
Permita que su sitio web inicie una conversación
En este sentido, siempre es conveniente preguntarse si toda esa información compleja debe estar en esa página.
Los sitios web ya no son folletos de todo lo que hace su empresa. Es habitual que un sitio web B2B ofrezca una buena visión general de su producto, servicio o proceso, y anime al visitante a ponerse en contacto para obtener más detalles.
Coloque la prueba social cerca de los CTA a las páginas de conversión
La prueba social es una herramienta poderosa. Las estadísticas demuestran que una gran mayoría de personas leen varias reseñas antes de realizar una compra. ¿Por qué crees que el marketing de influencers tiene tanto éxito? Ver a un humano como tú disfrutando de un producto lo hace mucho más atractivo.
El mejor lugar para colocar este contenido súper convincente es justo cerca de los botones CTA que llevan a las páginas de conversión.
Sea estratégico con el contenido relacionado
Hay que repetirlo: la forma en que los visitantes se relacionan con su sitio envía señales de clasificación a los motores de búsqueda. Mantener a una persona en movimiento, viendo más contenido, es bueno para su embudo de ventas y bueno para su SEO.
Recomendamos encarecidamente el uso de llamadas atractivas al contenido relacionado, en las páginas de la parte superior y media del embudo. La ubicación más obvia es en los productos o en las publicaciones del blog. También es beneficioso mostrar estudios de casos o proyectos relacionados con un servicio que ofrezcas, y los estudios de casos son un gran contenido que impulsa la conversión.
Sea más estratégico con las llamadas de atención y los CTA a pie de página
Otra característica del sitio web que ayuda a la experiencia del usuario -cuando se utiliza eficazmente- es una llamada de atención. Este bloque suele incluir un texto, una imagen y al menos un botón de CTA que lleva a otra parte de su sitio. Cuando se colocan al final de una página, se denominan comúnmente «CTA a pie de página».
El problema de las llamadas de atención y los CTA a pie de página es que tienen que ofrecer un siguiente paso natural. Si la llamada no tiene sentido para esa etapa del viaje del comprador, no se hará clic en ella.
El flujo de tu página debe contar una historia
Sigo lanzando palabras como «flujo del usuario» y «viaje del comprador» – aquí es cómo entenderlo. Imagina que eres el protagonista de una historia, el héroe. Su búsqueda está determinada por lo que encuentra en cada página del sitio web.
Lee cada página de arriba a abajo. Un gran sitio web se desarrollará como una historia. Si se siente inconexo porque el contenido no fluye en un orden lógico, o porque se mencionan temas y páginas al azar, necesita revisar su historia.
Cuide sus páginas ocultas
Cuando una empresa pone atención en los detalles que casi se espera que pasen por alto, crea una experiencia de usuario fantástica. Esperamos que todas las páginas principales de un sitio web sean utilizables, eso es un hecho. Pero ¿qué experimenta un visitante cuando encuentra una de las páginas ocultas de su sitio web?
- Página de agradecimiento, que sólo se ve después de rellenar un formulario
- Confirmación de la suscripción al boletín de noticias
- Confirmación de descarga de contenidos
- Página de error 404
- Página de resultado 0, que se ve cuando no hay resultados que coincidan con su búsqueda
Estas páginas suelen tener un texto corto y genérico que ni siquiera parece estar dentro de la marca. Tienes la oportunidad de hacer algo divertido o gratificante, como presentar un contenido que no se encuentra en ninguna otra parte de tu sitio, mostrar un pequeño juego o un meme, incluso ofrecer un código de cupón.