Diseño UX 101: ¿Qué hace que un sitio web sea excelente?

Hace un tiempo escribí un artículo sobre los errores de diseño web, que incluía una lista de comprobación de sitios web malos. Pero, ¿por qué centrarse sólo en lo negativo? Ya hay bastante de eso hoy en día. Vamos a hablar de algo mejor: cómo hacer un gran sitio web.

Ahora bien, que el sitio web de tu empresa sea o no genial no depende de ti. No puedes obligar a los visitantes de tu sitio a pasarlo bien. Los sitios web son subjetivos de la misma manera que el arte. Lo que hace que un sitio web sea excelente va a ser un poco diferente para todos.

La buena noticia es que hay muchas funcionalidades del sitio web que son universalmente impresionantes, para cualquier audiencia, marca o diseño. Todo se reduce a la experiencia del usuario, señala la agencia de diseño web profesional Leovel.

En primer lugar, hay que entender qué significa la «experiencia del usuario» en relación con el sitio web de su empresa, y por qué es más importante este año que nunca. A continuación, nos adentraremos en los elementos clave del diseño de la experiencia del usuario que le ayudarán a crear un gran sitio web.

Diseño UX 101

No tienes que aprender a ser un diseñador de experiencia de usuario (UX) para tener un gran sitio web. Pero si no entiendes los fundamentos de la UX, no estás preparado para tomar las mejores decisiones sobre el diseño y el contenido de tu sitio.

  • Hecho: El diseño UX mueve a la gente a través del embudo de ventas
  • Hecho: el diseño UX tiene un impacto directo en sus resultados.
  • Hecho: el diseño UX afecta a su clasificación en las búsquedas

Esta sección le dará una introducción de alto nivel al diseño UX, desde una perspectiva empresarial.

¿Qué es el diseño UX?

El diseño de la experiencia del usuario, también conocido como «diseño de interacción», consiste en crear un sitio web basado en la usabilidad.

El diseño UX es como el plano de una casa. Un plano lo abarca todo, desde el número de habitaciones, la ubicación de las ventanas y la forma en que se abren las puertas hasta el lugar donde deben ir los electrodomésticos. Se asegura de que la casa sea habitable y tenga suficiente espacio para todas sus cosas.

El diseño UX hace lo mismo, pero para tu sitio web.

El proceso de diseño UX suele comenzar con una investigación sobre el público al que va dirigido el sitio web:

  • Sus puntos de dolor
  • Sus motivaciones
  • Sus objetivos
  • Lo que necesitan conseguir en el sitio
  • Incluso lo que probablemente estarán haciendo y en qué estado emocional cuando se encuentren con diferentes páginas

Ah, sí, el diseño UX va más allá.

También tiene en cuenta tu contenido: qué contenido tienes, si hay que podar alguno y si falta algún contenido importante para la experiencia de usuario ideal para tu negocio.

A continuación, se propone crear una arquitectura lógica para todo ese contenido. Al igual que un bibliotecario, archiva todo en el lugar en el que la persona a la que va dirigido el contenido espera encontrarlo, al tiempo que crea caminos laterales para viajes alternativos hacia el mismo objetivo final. Un buen diseño de UX tiene en cuenta los recorridos de las audiencias primarias, secundarias e incluso terciarias.

Todo ello se consigue mediante la colocación y la estructura decisiva de los menús, las llamadas de atención, los botones de llamada a la acción (CTA), las sugerencias de contenido destacado o relacionado y el orden del contenido en una página. El resultado es un prototipo interactivo de su sitio web, para que pueda probar su usabilidad antes de añadir color y contenido.

El objetivo general de un buen diseño de UX es ofrecer la información adecuada en el momento oportuno, para que el visitante siga avanzando por el sitio web hasta alcanzar su objetivo.

Esa es la versión resumida del diseño UX. Hay mucho más que eso, y también deberías entender la diferencia entre el diseño UI y UX, pero mientras te centres en la usabilidad, tomarás buenas decisiones y acabarás teniendo un gran sitio web.

Por qué es importante el diseño UX

Está bien que diga que el diseño UX es importante, pero ¿por qué? ¿Dónde está la prueba tangible de que el diseño UX debe ser una consideración comercial?

El diseño UX mueve a las personas a través del embudo de ventas. Hay muchas maneras en que una persona puede llegar a su sitio web.

  • A través de encontrar una de sus páginas en los resultados de búsqueda
  • Desde un anuncio de búsqueda
  • Desde las redes sociales
  • Desde un correo electrónico
  • Desde un enlace compartido en un mensaje de un amigo o familiar
  • Al escribir su URL después de verla en un anuncio impreso

La forma en que alguien te encuentra dice mucho sobre el lugar en el que se encuentra en el viaje del comprador (y recomiendo encarecidamente aprender sobre la intención de búsqueda).

El diseño UX tiene en cuenta todas estas opciones y más, y se asegura de que, dondequiera que una persona llegue, haya un mensaje, una navegación y un contenido claros que le ayuden a dar el siguiente paso.

Esto puede ser desde la parte superior del embudo hasta el centro, como la lectura de una entrada del blog y la guía para ver sus estudios de casos. También podría ser de la mitad a la parte inferior, como los mensajes y la funcionalidad que ayudan a una persona a entrar y completar el proceso de compra. También debe fomentar suavemente los movimientos laterales en la parte superior y en el medio, para generar más confianza entre los que no están preparados para la conversión.

El diseño de la UX tiene un impacto directo en los resultados de la empresa

Tanto si se trata de realizar una venta como de conseguir un cliente potencial, todo sitio web empresarial tiene un objetivo final rentable. Un gran sitio web tiene una experiencia tan sencilla y satisfactoria que es natural alcanzar ese objetivo.

Las consideraciones de UX que tienen un impacto directo en los clientes potenciales y las ventas incluyen:

  • Menús – tamaño, ubicación, opciones, copia
  • Botones CTA: contexto, ubicación, texto
  • Carrito: número de pasos para comprar, texto, mensajes de error
  • Formularios: ubicación, número de campos, texto dentro y alrededor de los campos
  • Contenido de confianza y credibilidad: ubicación, prominencia
  • Contenido cerrado: ubicación, consideraciones sobre el formulario
  • Fiabilidad: signos visibles de seguridad de los datos, mensajes
  • Facilidad para los móviles: facilidad para completar las tareas en cualquier dispositivo

Tener una debilidad en cualquiera de estos elementos de UX puede costarle ventas. Punto.

El diseño de la UX afecta a su clasificación en las búsquedas

Google se dedica a crear sus propias experiencias de usuario felices. Así es como dominan la cuota de mercado de los motores de búsqueda. Google y otros motores de búsqueda se esfuerzan por ofrecer resultados de búsqueda eficaces clasificados utilizando el aprendizaje automático, la IA y el procesamiento del lenguaje natural.

¿En qué se fija Google? Entre sus más de 200 factores de clasificación encontrarás varios que provienen de la interacción humana con tu sitio. Recuerda que el diseño UX también se conoce como diseño de interacción, por lo que se trata literalmente de planificar las interacciones positivas que notarán los motores de búsqueda.

Aunque el título y la meta descripción de una página pueden ser lo que hace que se haga clic en los resultados de la búsqueda, es la experiencia una vez que el lector aterriza la que le dice a Google si usted es un buen sitio y debe clasificarse más alto para esa búsqueda, o más bajo.

Algunos aspectos de una buena experiencia de usuario se controlan a nivel del sitio, mientras que otros forman parte del diseño de la página:

  • Rapidez de carga
  • Contenido adaptado a los móviles y con capacidad de respuesta
  • Sitio seguro (HTTPS)
  • Libre de intrusiones que impidan el flujo del usuario
  • Una presentación convincente del contenido que atraiga sesiones más largas
  • Mensajes correctos en el momento adecuado y rutas claras hacia los siguientes pasos, para fomentar que se vea más contenido por sesión (y reducir la tasa de rebote)
  • Diseñado para la accesibilidad