Un gato tumbado sobre un ordenador portátil amando la experiencia del usuario de un sitio web.

Experiencia del usuario en el diseño web 101: el qué, el porqué y el cómo

Índice de contenidos

Forbes solía ser una de las revistas más prestigiosas del mundo.

En la década de 2000, a medida que la gente se volcó en Internet para obtener sus noticias y revistas, Forbes pasó a convertirse en uno de los editores de medios de comunicación en línea más respetados. Era conocido por publicar artículos de calidad y con fuentes completas de periodistas reales.

Si avanzamos hasta hoy, Forbes es uno de los el mayor hazmerreír en el mundo de los medios de comunicación.

¿Qué ha pasado? ¿En qué se equivocaron?

  1. Han diluido su marca. Pasaron de publicar artículos de calidad sobre negocios y política a nauseabundos resúmenes de Juego de Tronos y Listicles de Fortnite.
  2. Priorizaron el beneficio sobre la experiencia del usuario. Han puesto una cantidad insana de anuncios de mierda por todo su sitio en busca de dinero rápido, y han llegado a bloquear su contenido de personas que se negaron a verlas.

Forbes destruido su experiencia de usuario, y sus usuarios huyeron en la otra dirección.

Profundicemos en por qué la experiencia del usuario en el diseño web es tan importante, y cómo puedes evitar convertirte en el próximo Forbes.

 

 

Qué significa la experiencia del usuario en el diseño web

La experiencia del usuario (o UX), en el sentido más amplio del término, se explica por sí misma. Es la experiencia que tiene un visitante/usuario/cliente cuando utiliza su producto/servicio/herramienta.

En lo que respecta al diseño web, hablaremos de la experiencia que tiene un usuario cuando navega por su sitio web.

La UX del diseño web puede desglosarse y dividirse en muchas categorías diferentes. Desde el diseño de páginas web hasta el diseño gráfico, pasando por el diseño de vídeos optimización del rendimientoLa experiencia del usuario debe estar en el vanguardia de cada sitio web que construyas.

Significa literalmente vida o muerte para su sitio web.

"Bien, Patrick. Lo entendemos. La UX es importante para el diseño web. ¿Puedes decirnos por qué ¿ahora?" - Tú, probablemente.

¡Claro! Ya que lo has pedido tan amablemente...

Por qué es tan importante la experiencia del usuario en el diseño web

Dar prioridad a la experiencia del usuario en su diseño web es importante porque...

Sus usuarios lo exigen

La gente está harta del estado actual de Internet.

Anuncios odiosos, captación agresiva de clientes potenciales, noticias falsas, clickbait, invasión de la privacidad, algoritmos maliciosos de las redes sociales y mucho más se suman a una experiencia online increíblemente frustrante.

Y cuando intentamos arreglar algunos aspectos de esta horrible experiencia crear inadvertidamente más.

¿Te has dado cuenta de cómo nos encontramos de repente en un pesadilla alimentada por las cookies? Sí, porque Europa trató de tomar medidas contra todos estos sitios web que roban privacidad, obligándolos a decirnos cuándo lo hacen.

Y ahora están tratando de averiguar cómo arreglar que Problema de UX...

Si realiza cualquier cosa que afecte negativamente a la experiencia de sus usuarios en su sitio web, perderá visitantes y dañará su marca. Posiblemente incluso de forma permanente.

Google lo dice

"Céntrate en el usuario y todo lo demás vendrá por añadidura". - Google

El algoritmo de búsqueda de Google está en constante evolución. Y con cada actualización, Google sigue dar mayor prioridad a la experiencia del usuario.

Google es mucho más inteligente hoy en día. Su capacidad para relacionar el contenido con la intención de búsqueda del usuario es asombrosamente buena.

Antes podías escribir una epopeya de 3.000 palabras, rellenarla con tu palabra clave favorita y ver cómo tu entrada en el blog se elevaba a la cima de la página #1 durante el siguiente par de meses.

No, ya no es así.

Si realmente quieres que tu contenido sea destacado por Google, tienes que diseñarlo de manera que satisfaga la intención del usuario. En otras palabras, respondiendo a su consulta de búsqueda.

Google hace un seguimiento de ciertas métricas para determinar si su sitio está cumpliendo con esto. Cosas como Tasa de rebote, Tiempo en la páginay Tasa de clics son importantes. Si Google ve que la mayoría de sus visitantes se echan atrás en los primeros 10 segundos, su clasificación en las búsquedas se verá afectada.

Así que vas a tener que diseñar un sitio que mantenga a la gente comprometida.

En los próximos dos años, vas a ver muchas más páginas que incorporan una mayor variedad de contenidos más atractivos. Cosas como vídeos, infografías, animaciones personalizadasy podcasts será la nueva norma.

Sus competidores son cada vez más fuertes

Los propietarios de sitios web por fin están empezando a darse cuenta de los dramáticos cambios en la industria del SEO. Las páginas mejor posicionadas se actualizan constantemente y se ajustan a la última actualización de Google.

Esto significa que es más difícil que nunca conseguir que su sitio web se sitúe en los primeros puestos.

Pero el hecho de que cada día haya más personas y empresas que se conectan a Internet significa también que la recompensa es mayor que nunca.

Como diseñador web, cuanto más se retrase en mejorar el diseño de su web y habilidades de ventaCuanto más te retrases, más te retrasarás.

No quieres ser que tipo... ¿lo haces?

Cómo mejorar la experiencia de usuario de su sitio web

Así es. Usted no quiere ser ese tipo. Así que aquí tienes algunas formas sencillas de mejorar la UX de tu sitio web ahora mismo:

Empezar con un objetivo claro en mente

Antes de diseñar un solo píxel, hay que saber exactamente cuál es el objetivo del sitio web. Incluso más que eso, es necesario entender el objetivo de cada página individual.

¿Diseñar una nueva página? ¿Cuál es el objetivo de esa página?

¿Escribir una entrada en el blog? ¿Cuál es el objetivo de esa entrada del blog?

¿Producir un nuevo vídeo? ¿Cuál es el objetivo de ese vídeo?

Si no tienes un objetivo claro en mente para producir tu contenido, estás pérdida de tiempo y dinero. Y sus visitantes se perderán y se irán.

Crear una llamada a la acción evidente

Una vez que tenga ese objetivo en mente, tiene que averiguar cómo puede llevar a sus visitantes a la acción para lograr ese objetivo. Y tiene que ser estúpido simple.

Las llamadas a la acción pueden incluir:

  • Suscribirse a una lista de correo electrónico
  • Enviar una solicitud de presupuesto
  • Seguir un canal de medios sociales
  • Comentar una entrada
  • Haga clic en otra página
  • Comprar un producto

Llevar a los visitantes a actuar sobre algo es dificil. Y precisamente por eso es tan rentable cuando tienes éxito.

Utilice más imágenes y vídeos, menos palabras

Nuestro cerebro procesa las imágenes 60.000 veces más rápido que el texto.

El estadounidense medio ve ahora en 5 horas de televisión todos los días.

Esos mismos americanos son todavía tan aburridos que en realidad pasan la mayor parte de ese tiempo de ver la televisión mirando sus teléfonos.

Todo esto es para decir... que nuestra capacidad de atención se reduce cada día más.

Para captar (y mantener) la atención de la gente, va a tener que ser realmente bueno en convertir su atractivo texto de ventas en una poderosa historia visual.

Menos palabras, más imágenes y vídeos únicos.

Sé un ser humano, por el amor de Dios

Todo el mundo está obsesionado con que la tecnología y la automatización se apoderen de nuestros trabajos, vidas y capacidades mentales.

Todo ello sin darse cuenta de que existe un movimiento creciente en contra.

Como el mundo está cada vez más conectado digitalmente y aislado físicamente, el deseo de una auténtica interacción humana sólo va a aumentar.

Los restaurantes son prohibición de los teléfonos inteligentes.

Las cafeterías son desconectando su wifi.

Y las empresas que tienen seres humanos reales como soporte al cliente son recibiendo a los clientes en masa.

En lugar de obsesionarse con la forma de implementar la automatización en cada aspecto de su negocio de diseño web, busque oportunidades para inyectar algo de humanidad en cosas tradicionalmente automatizadas.

Por ejemplo, no automatizo ninguna forma de comunicación con mis clientes. Cada persona que llama, envía un correo electrónico o envía un formulario en mi sitio web recibe un mensaje único de mí directamente.

¿Sabes cuánta gente se impresiona por este gesto aparentemente pequeño? A mí siempre me impresiona.

Nunca, bajo ninguna circunstancia, utilice anuncios

Oh hombre, podría escribir un artículo entero sobre cómo la publicidad por sí sola ha causado el colapso generalizado de la sociedad moderna.

Ni siquiera estoy bromeando. *Guarda la idea del artículo para más adelante*

Si estás tratando de monetizar algo, y me refiero a cualquier cosacon anuncios, lo estás haciendo mal.

Además de que los anuncios son universalmente odian, pagan apenas unos centavos en comparación con la venta de un producto o servicio real.

Todo el modelo de ingresos de los anuncios está (finalmente) empezando a colapsar, la quema de las gigantescas empresas de medios de comunicación al suelo y enviando a miles de "influencers" de las redes sociales en el pánico.

Pero hasta que no desaparezcan para siempre, no los uses.

Aléjate de las ventanas emergentes agresivas

He criticado la La temida ventana emergente del correo electrónico demasiadas veces para contarlas.

Son feos, sus visitantes piensan que apestan y Google los odia.

No los uses.

Reduzca el tamaño de todas sus imágenes y comprímalas

La velocidad de carga es una parte crucial de la experiencia de usuario de un sitio web. Y una de las cosas que más ralentiza los sitios web son las imágenes demasiado grandes.

Utilice una herramienta como Photoshop para reducir las dimensiones y comprimir las imágenes.

Agilice y simplifique la codificación de su sitio web

Otro aspecto de acelerar el tiempo de carga de su sitio web es racionalizar y simplificar el código.

Dependiendo de cómo se haya creado un sitio web, la codificación puede ser un error que afecte negativamente a la velocidad de carga.

Reorganizarlo y dar las prioridades adecuadas a las partes correctas puede hacer maravillas en términos de rendimiento.

Esto puede ser un poco más complicado. Así que si no sabes lo que estás haciendo, instala un plugin o contrata a un desarrollador real para que te ayude.

Utilizar un servicio de alojamiento web fantástico

Su sitio web está alojado en un servidor, y no todos los servidores fueron creados igual.

Entre la calidad de la parte técnica del servidor y los conocimientos y la experiencia de las personas que lo gestionan, el alojamiento web que elija puede suponer la diferencia entre deleitar o frustrar a sus usuarios.

Las empresas como Bluehost son estupendas para las personas que acaban de empezar, pero, una vez que adquieras algo de experiencia real y estés gestionando más clientes, querrás conseguir un alojamiento web que sea mucho más pequeño y con más fundamento.

Personalmente utilizo BigScoots para todas mis necesidades de alojamiento y no podría estar más contento.

No te pases con las "características" de lujo, slick

Sí, esa animación inicial del agujero negro que escupe su logotipo en el centro de la página es genial.

También está matando la velocidad de carga de su sitio web.

¿Y ese vídeo automático que se reproduce cuando la gente entra en tu página? Resulta que a la mayoría de tus visitantes no les gusta y se van antes de ver el resto de la página.

Esta es la parte en la que tienes que dejar de lado tu ego creativo por un bien mayor. La experiencia del usuario está por encima de todo, ¿recuerdas?

No siempre es fácil hacerlo. He tenido algunos proyectos creativos de los que estaba súper orgulloso, sólo para descubrir que estaba dañando la UX del sitio web de alguna manera. Y tuve que matarlo...

¿Estarás dispuesto a hacer lo mismo?

Hacer algo único

Como ya hemos comentado, Internet se disputa la atención de todos. La competencia es alta y la capacidad de atención es baja.

Si quieres destacar entre la multitud, tienes que idear algo único.

Ahora no es el momento de ser perezoso. Fotos de archivo de mala calidad y la escritura aburrida no va a ser suficiente.

Cuente una historia. Utilice ilustraciones. Cree imágenes personalizadas. Haz un vídeo o podcast de acompañamiento. Haga algo que hace que tu contenido merezca el tiempo de la gente.

La experiencia del usuario es el principio, el medio y el final del proceso de diseño web

Si todo esto le resulta demasiado abrumador, puede resumir todo lo que acabamos de comentar en una sencilla fórmula:

Si esto perjudica la experiencia del usuario de alguna manera, no lo hagas.

Al modificar el diseño de su sitio web de una manera u otra, debe asegurarse de que está siguiendo y midiendo los resultados de sus cambios. Sólo así podrá saber con seguridad si el cambio está teniendo un impacto positivo o negativo en su sitio web.

No necesitas un software caro para hacer esto. Basta con configurar Google Analytics y ya está.

Estamos a punto de entrar en una nueva era de contenidos de altísima calidad. La competencia está en marcha.

A medida que Internet se transforma, Google evoluciona y los sitios web se adaptan, va a ser cada vez más difícil que su sitio web sea conocido.

No te dejes llevar por la gente que está ganando el juego del SEO ahora mismo. Los que todavía están usando años trucos que les han llevado a donde están hoy.

El presente y el futuro del diseño web, y especialmente del SEO, es la experiencia del usuario por encima de todo.

Es hora de que prepare su sitio web para este glorioso futuro.

Patrick Antinozzi

Patrick Antinozzi

Este post lo ha escrito un ser orgánico con ayuda de la IA. Bastante salvaje que tenga que renunciar a eso, ¿eh? Sólo intento aportar valor. No siempre es lo más bonito o lo más sucinto.

¿Te ha gustado esto? Tengo más de donde vino: 🤓