Experiencia del Usuario en Diseño Web 101: Qué, Por qué y Cómo

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

Durante los años 2000, a medida que las personas se volvían lentamente hacia internet para obtener noticias y revistas, Forbes hizo la transición para convertirse en uno de los editores de medios en línea más respetados. Eran conocidos por publicar artículos de calidad, con fuentes exhaustivas, escritos por periodistas reales.

Avancemos hasta hoy, y Forbes es uno de los más grandes objetos de burla en el mundo de los medios.
¿Qué pasó? ¿Dónde se equivocaron?

1. Desvirtuaron su marca. Pasaron de publicar artículos de calidad sobre negocios y política a atrocidades sobre Game of Thrones y listados de Fortnite.

2. Priorizaron el beneficio por encima de la experiencia del usuario. Llenaron su sitio de una cantidad absurda de anuncios de mala calidad en busca de unas pocas monedas, e incluso llegaron a bloquear su contenido para las personas que se negaban a verlos.

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

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é es la experiencia del usuario?

• ¿Por qué es tan importante la experiencia del usuario?

• ¿Cómo puedo mejorar la experiencia del usuario de mi sitio web?

Lo que la experiencia del usuario significa para el diseño web

La experiencia del usuario (o UX), en el sentido más amplio del término, es bastante autoexplicativa. Es la experiencia que un visitante/usuario/cliente tiene al usar tu producto/servicio/herramienta.

Cuando se trata de diseño web, estaremos hablando de la experiencia que un usuario tiene al navegar por tu sitio web.

La UX del diseño web puede desglosarse y dividirse en muchas categorías diferentes. Desde diseño de sitios web hasta diseño gráfico, diseño de video hasta optimización del rendimiento, la experiencia del usuario debería estar en el centro de cada sitio web que construyas.

Literalmente significa vida o muerte para tu sitio web.

“Está bien, Patrick. Lo entendemos. La UX es importante para el diseño web. ¿Puedes decirnos por qué ahora?” – Tú, probablemente.

¡Claro! Ya que preguntaste tan amablemente...

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

Priorizar la experiencia del usuario en tu diseño web es importante porque...

Tus usuarios lo exigen

La gente está harta del estado actual de internet.

Anuncios ofensivos, captura de leads agresiva, noticias falsas, clickbait, invasión de privacidad, algoritmos maliciosos de redes sociales y mucho más se suman a una experiencia en línea increíblemente frustrante.

Y cuando intentamos solucionar algunos aspectos de esta horrible experiencia, inadvertidamente creamos más.

¿Te has dado cuenta de cómo de repente nos encontramos en una pesadilla alimentada por notificaciones de cookies? Sí, eso es porque Europa intentó frenar todos estos sitios web que roban privacidad obligándolos a advertirnos cuando lo están haciendo.

Y ahora están intentando averiguar cómo arreglar ese problema de UX...

Si participas en algo que afecta negativamente la experiencia de tus usuarios en tu sitio web, perderás visitantes y dañarás tu marca. Posiblemente incluso de forma permanente.

Google lo dice

“Enfócate en el usuario y todo lo demás seguirá.” – Google

El algoritmo de búsqueda de Google está evolucionando constantemente. Y con cada actualización, Google continúa dando más prioridad a la experiencia del usuario.

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

Antes podías escribir una épica de 3,000 palabras, llenarla con tu palabra clave favorita y ver cómo tu publicación de blog ascendía a la parte superior de la página #1 en los próximos meses.

No, ya no es así.

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

Google rastrea ciertos métricas para determinar si tu sitio está logrando esto. Cosas como Tasa de Rebote, Tiempo en Página y Tasa de Clics son importantes. Si Google ve que la mayoría de tus visitantes se van en los primeros 10 segundos, tus clasificaciones de búsqueda van a sufrir.

Así que vas a tener que diseñar un sitio que mantenga a las personas comprometidas.

Durante los próximos años, verás muchas más páginas incorporando una variedad más amplia de contenido atractivo. Cosas como videos, infografías, animaciones personalizadas y podcasts serán la nueva norma.

Tus competidores se están volviendo más fuertes

Los propietarios de sitios web finalmente están comenzando a darse cuenta de los cambios drásticos en la industria del SEO. Las páginas mejor clasificadas se actualizan y ajustan constantemente para coincidir con la última actualización de Google.

Esto significa que es más difícil que nunca que tu sitio web se clasifique en la parte superior.

Pero con más personas y empresas conectándose en línea todos los días, también significa que la recompensa es mayor que nunca.

Como diseñador web, cuanto más tardes en mejorar tu diseño web y tus habilidades de ventas, más atrás quedas.

No quieres ser ese chico... ¿verdad?

Cómo mejorar la experiencia del usuario de tu sitio web

Así es. No quieres ser ese chico. Así que aquí tienes algunas formas simples en las que puedes mejorar la UX de tu sitio web ahora mismo:

Comienza con un objetivo claro en mente

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

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

¿Escribiendo una publicación de blog? ¿Cuál es el objetivo de esa publicación de blog?

¿Produciendo un nuevo video? ¿Cuál es el objetivo de ese video?

Si no tienes un objetivo claro en mente para producir tu contenido, estás perdiendo tiempo y dinero. Y tus visitantes se perderán y se irán.

Crea un llamado a la acción obvio

Una vez que tengas ese objetivo en mente, necesitas averiguar cómo puedes llevar a tus visitantes a la acción para lograr ese objetivo. Y debe ser ridículamente simple.

Los llamados a la acción pueden incluir:

• Suscribirse a una lista de correo

• Enviar una solicitud de cotización

• Seguir un canal de redes sociales

• Comentar en una publicación

• Hacer clic a otra página

• Comprar un producto

Llevar a los visitantes a actuar sobre algo es dificil. Y esa es exactamente la razón por la que es tan rentable cuando tienes éxito.

Usa más imágenes y video, menos palabras

Nuestro cerebro procesa visuales 60,000 veces más rápido que texto.

El estadounidense promedio ahora ve más de 5 horas de televisión cada día.

Esos mismos estadounidenses están todavía tan aburridos que de hecho pasan la mayor parte de ese tiempo viendo TV mirando sus teléfonos.

Todo esto es para decir que... nuestras capacidades de atención son cada vez más cortas.

Para captar (y mantener) la atención de las personas, tendrás que volverte realmente bueno en convertir tu atractiva copia de ventas escrita en una poderosa historia visual.

Menos palabrería, más imágenes y videos únicos.

Sé un ser humano por el amor de Dios

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

Todo sin darse cuenta de que hay un creciente movimiento en contra de esto.

A medida que el mundo se vuelve cada vez más digitalmente conectado y físicamente aislado, el anhelo de una interacción humana genuina solo va a aumentar.

Los restaurantes están prohibiendo teléfonos inteligentes.

Las cafeterías están desconectando su wifi.

Y las empresas que tienen seres humanos reales como su soporte al cliente están dando la bienvenida a los clientes en masa.

En lugar de obsesionarte con cómo puedes implementar la automatización en cada aspecto de tu negocio de diseño web, busca oportunidades para inyectar un poco de humanidad en cosas que tradicionalmente están automatizadas.

Por ejemplo, yo 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 recibe un mensaje único de mí directamente.

¿Sabes cuántas personas quedan impresionadas por este gesto aparentemente pequeño? Me impresiona cada vez.

Nunca, bajo ninguna circunstancia, uses anuncios

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

No estoy bromeando. *guarda idea de artículo para más tarde*

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

Además de que los anuncios son universalmente detestados, apenas pagan centavos comparado con la venta de un producto o servicio real.

El modelo de ingresos entero de los anuncios está (finalmente) comenzando a colapsar, quemando a las gigantes compañías de medios y enviando a miles de "influencers" de redes sociales a la desesperación.

Pero hasta que desaparezcan para siempre, no los uses.

Mantente alejado de las ventanas emergentes agresivas

He criticado el temido popup de correo electrónico tantas veces que ya he perdido la cuenta.

Son feas, a tus visitantes les parecen horribles, y a Google no le gustan.
No los uses.

Reduce el tamaño y comprime todas tus imágenes

Una parte crucial de una gran UX de sitio web es la velocidad de carga. Y una de las cosas que más ralentiza los sitios son las imágenes que son demasiado grandes.

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

Optimiza y simplifica el código de tu sitio web

Otro aspecto para acelerar el tiempo de carga de tu sitio web es optimizar y simplificar el código.

Dependiendo de cómo esté ensamblado un sitio web, el código puede enredarse de una manera que impacte negativamente en la velocidad de carga.

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

Este 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.

Usa un servicio de hosting web fantástico

Tu sitio web se aloja en un servidor, y no todos los servidores fueron creados iguales.

Entre la calidad del lado técnico del servidor y el conocimiento y la experiencia de las personas que lo gestionan, el proveedor de hosting que elijas puede significar la diferencia entre deleitar o frustrar a tus usuarios.

Compañías como Bluehost son geniales para las personas que recién están comenzando, pero, una vez que adquieras algo de experiencia real y estés gestionando más clientes, querrás conseguir un proveedor de hosting que sea mucho más pequeño y más accesible.

Personalmente uso BigScoots para todas mis necesidades de hosting y no podría estar más feliz.

No exageres con las "características" elegantes

Sí, esa animación de apertura del agujero negro escupiendo tu logotipo en medio de la página es genial.

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

¿Y ese video automático que se reproduce cuando las personas llegan a 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 donde tienes que dejar de lado tu ego creativo por el bien mayor. Tu experiencia de usuario es lo más importante, ¿recuerdas?

No siempre es fácil hacerlo. He tenido algunos proyectos creativos de los que estaba muy orgulloso, solo para descubrir que estaban perjudicando de alguna manera la UX del sitio web. Y tuve que cancelarlo...

¿Estarás dispuesto a hacer lo mismo?

Haz algo único

Como discutimos anteriormente, internet está luchando por la atención de todos. La competencia es alta y las capacidades de atención son bajas.

Si vas a destacarte entre la multitud, necesitas inventar algo único.

Ahora no es el momento de ser perezoso. Las fotos de stock malas y la escritura aburrida no van a cortar.

Cuenta una historia. Usa ilustraciones. Crea algunas imágenes personalizadas. Haz un video o podcast acompañante.

Haz algo que haga que tu contenido valga el tiempo de las personas.

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

Si todo esto te resulta un poco abrumador, puedes destilar todo lo que acabamos de discutir en una fórmula simple:

Si resta de tu experiencia de usuario de CUALQUIER manera, no lo hagas.

Al ajustar el diseño de tu sitio web de esta manera o aquella, necesitas asegurarte de que estás rastreando y midiendo los resultados de tus cambios. Esa es la única manera de saber con certeza si el cambio está impactando positiva o negativamente tu sitio web.

No necesitas software caro para hacer esto. Solo configura Google Analytics y estarás listo.

Estamos a punto de entrar en una nueva era de contenido de ultra alta calidad. La competencia está en marcha.

A medida que internet se transforma, Google evoluciona y los sitios web se adaptan, será cada vez más desafiante que tu sitio web sea notado.

No te dejes engañar por las personas que están ganando el juego del SEO en este momento. Aquellos que todavía están utilizando trucos de años atrás que los llevaron a donde están hoy.

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

Es hora de que prepares tu sitio web para este glorioso futuro.