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.

A lo largo de los años 2000, a medida que las personas comenzaron a recurrir lentamente a Internet para obtener sus noticias y revistas, Forbes se transformó en uno de los editores de medios en línea más respetados. Eran conocidos por publicar artículos de calidad, bien documentados, de verdaderos periodistas.

Ahora, avanzando hacia hoy, Forbes es uno de los mayores objetos de burla en el mundo de los medios.

¿Qué pasó? ¿Dónde se equivocaron?

1. Desdibujaron su marca. Pasaron de publicar artículos de calidad sobre negocios y política a nauseabundos resúmenes de Game of Thrones y listados de Fortnite.

2. Priorizaron el beneficio sobre la experiencia del usuario. Explotaron una cantidad insana de anuncios mediocres en su sitio en busca de un rápido beneficio, e incluso llegaron a bloquear su contenido a las personas que se negaban a verlos.

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

Examinemos más profundamente 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 en mi sitio web?

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

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

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

La UX del diseño web puede ser desglosada y dividida en muchas categorías diferentes. Desde el diseño de sitios web hasta el diseño gráfico, el diseño de video hasta la optimización del rendimiento, la experiencia del usuario debería estar en la _vanguardia_ de cada sitio web que construyas. Literalmente significa vida o muerte para tu 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 pediste 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á cansada del estado actual de internet.

Anuncios obnoxiosos, captación agresiva de leads, noticias falsas, clickbait, invasión de la privacidad, algoritmos maliciosos de redes sociales y mucho más están sumando una experiencia en línea increíblemente frustrante. Y cuando intentamos arreglar 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 que roban la privacidad obligándolos a informarnos cuando lo hacen. Y ahora están intentando averiguar cómo solucionar _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 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 mayor prioridad a la experiencia del usuario.

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

Antes, podías escribir un épico de 3,000 palabras, llenarlo con tu palabra clave favorita, y observar cómo tu publicación de blog ascendía a la cima de la página #1 durante los próximos meses.

No, ya no es así.

Si realmente deseas 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 la Página_, y _Tasa de Clics_ son importantes. Si Google ve que la mayoría de tus visitantes se retiran en los primeros 10 segundos, tu clasificación en las búsquedas se verá afectada.

Así que tendrás que diseñar un sitio que mantenga a las personas comprometidas.

En los próximos años, verás muchas más páginas incorporando una mayor variedad de contenido más 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 empezando a notar los cambios dramáticos en la industria del SEO. Las páginas mejor clasificadas se actualizan y ajustan constantemente para adaptarse a la última actualización de Google.

Esto significa que es más difícil que nunca hacer que tu sitio web tenga una clasificación alta.

Pero con más personas y negocios en línea cada día, 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 te quedarás.

No querrás ser _ese_ tipo… ¿verdad?

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

Es cierto. No querrás ser ese tipo. Así que aquí hay algunas formas simples en las que puedes mejorar la UX de tu sitio web ahora mismo:

Empieza 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. Más allá de eso, necesitas entender el objetivo de cada una de las páginas individuales.

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

¿Estás escribiendo una publicación de blog? ¿Cuál es el objetivo de esa publicación?

¿Estás 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 en otro página

• Comprar un producto

Impulsar a los visitantes a actuar en algo es _difícil_. Y esa es precisamente la razón por la que es tan rentable cuando tienes éxito.

Usa más imágenes y videos, 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. Esa misma gente aún está tan aburrida que realmente pasan la mayor parte de ese tiempo viendo televisión mirando sus teléfonos.

Todo esto es para decir… nuestra atención se está acortando cada día más.

Para captar (y mantener) la atención de las personas, deberás volverte realmente bueno en convertir tu seductora 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 tomando el control de nuestros trabajos, vidas y capacidades mentales.

Todo ello sin darse cuenta de que hay un movimiento creciente contra eso.

A medida que el mundo se conecta cada vez más digitalmente y se aísla físicamente, el anhelo de interacción humana genuina solo 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 atención al cliente están recibiendo clientes por montones. 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 algo 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 presenta un formulario en mi sitio recibe un mensaje único _de mí directamente_.

¿Sabes cuántas personas se impresionarían por este gesto aparentemente pequeño? Siempre me sorprende.

Nunca, bajo ninguna circunstancia, uses anuncios

Oh, hombre, podría escribir un artículo completo sobre cómo los anuncios, por sí solos, han causado un colapso social moderno a gran escala.

No estoy bromeando. _\guarda idea del artículo para más tarde\_

Si estás tratando de monetizar algo, y quiero decir _cualquier cosa_, con anuncios, lo estás haciendo mal.

Además del hecho de que los anuncios son _universalmente_ odiados, pagan solo unas pocas monedas en comparación con la venta de un producto o servicio real.

El modelo de ingresos de los anuncios está (finalmente) empezando a colapsar, incendiando a grandes empresas de medios y enviando a miles de “influencers” de las redes sociales a entrar en pánico.

Pero hasta que desaparezcan para siempre, no los uses.

Mantente alejado de ventanas emergentes agresivas

He criticado demasiadas veces el temido popup de correo electrónico.

Son feos, tus visitantes piensan que son molestos, 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 experiencia de usuario en un sitio web es la velocidad de carga. Y una de las cosas más grandes que ralentizan los sitios web son las imágenes que son demasiado grandes.

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

Agiliza y simplifica el código de tu sitio web

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

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

Reorganizarlo y colocar las prioridades adecuadas en 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 haces, instala un plugin o contrata a un desarrollador real para que te ayude.

Usa un servicio de alojamiento web fantástico

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

Entre la calidad del aspecto técnico del servidor y el conocimiento y experiencia de las personas que lo gestionan, el anfitrión web que elijas puede marcar la diferencia entre deleitar o frustrar a tus usuarios.

Empresas como Bluehost son excelentes para personas que recién comienzan, pero una vez que adquieras experiencia real y gestiones más clientes, querrás conseguir un anfitrión web que sea mucho más pequeño y más sólido.

Yo personalmente uso BigScoots para todas mis necesidades de alojamiento y no podría estar más feliz.

Tómalo con calma en las “características” elegantes

Sí, esa animación de apertura del agujero negro escupiendo tu logo en el 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 la gente llega 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 debes poner tu ego creativo a un lado por el bien mayor. ¿Recuerdas que la experiencia del usuario es lo más importante?

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

¿Estarás dispuesto a hacer lo mismo?

Crea algo único

Como discutimos antes, Internet compite por la atención de todos. La competencia es alta y la atención es baja.

Si deseas destacar entre la multitud, deberás idear algo único.

Ahora no es el momento de relajarse. Fotos de archivo mediocres y escritos aburridos no van a funcionar.

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 simple fórmula:

Si algo disminuye tu experiencia de usuario de cualquier manera, no lo hagas.

Al ajustar el diseño de tu sitio web de esta manera o aquella, debes asegurarte de que estás rastreando y midiendo los resultados de tus cambios. Esa es la única forma de saber con certeza si el cambio está impactando positivamente 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 ultra-alto de 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 desafiante hacer que tu sitio web sea notado.

No te dejes engañar por aquellos que ahora están ganando el juego del SEO. Aquellos que todavía usan trucos _de hace años_ que los llevaron 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 prepares tu sitio web para este glorioso futuro.