¡No me hagas pensar! Que es la User Experience y como optimizarla para tu web

¡No me hagas pensar! Que es la User Experience y como optimizarla para tu web

Joward Guzmán

Joward Guzmán

Tabla de contenido

Portada del Post: "Como diseñar tu web con una user experience optimizada"

Un sitio web debe tener muchos requisitos: colores agradables, adaptable a todos los dispositivos, optimizado en SEO y velocidad de carga, y por supuesto muy bonito. ¿Por qué a quien no le gusta que su sitio web sea bonito?

El problema con esto es que muchos principiantes en el diseño web olvidan lo más importante, la facilidad de usar la web. Esto es justo de lo que te vengo a hablar, algo conocido como la “User Experience” o “Experiencia de Usuario”.

¿Qué es la User Experience?


¿Cuántas veces te has encontrado con páginas que te hacen pensar por unos segundos antes de encontrar la opción que necesitabas?, esto por mínimo que sea trae complicación a tu web.


La user experience es la facilidad de usar de tu página web, o aplicación. Porque esto no solo aplica para webs, sino para todo lo digital. Microsoft Word, tu sistema operativo, Photoshop y todo lo que te puedas imaginar necesita de este arte para ser lo que son hoy.

Ejemplo de User Experience


Imaginemos que quieres hacer un formulario de suscripción a tu blog con los campos: nombre y correo, pero al final quieres colocar dos botones; uno que restablezca todos los campos y los deje vacíos y otro que envié el correo, lo colocas de esta manera:

Formulario con los campos Nombre, Email con dos botones rellenos: Enviar, Restablecer, en ese orden.


Lo que hay de malo en esto es que los dos botones son iguales, corres el riesgo de que tu usuario se equivoque de botón y en vez de darle a enviar presione sin querer el de restablecer y borre todos los campos. Eso sería muy molesto, imagina que por ese simple error a tu usuario se le quitan las ganas de suscribirse a tu blog y se largue con tu competencia.

¿Entonces qué hacemos?, muy sencillo solo tienes que quitarle importancia al botón que no quieres que presione y resaltar el correcto así:

Formulario con los campos Nombre, Email con dos botones: Enviar, Restablecer, este ultimo con un borde sin relleno.

En “Borrar campos” vez que ahora no tiene relleno y solo un borde, este efecto se llama outline; muy usado para estos casos, porque le quita importancia al botón. Esto asegurará que tu usuario no se detenga a leer cada botón para descubrir cual dice “enviar” en vez de eso nosotros dirigimos su mirada al correcto.

Bonito VS User Experience

Aquí se encuentra un dilema con la mayoría de los sitios webs en wordpress, y es que cuando busquemos un tema en wordpress no podemos solo elegirlo porque se vea bonito. Como dije antes, hay muchas cosas a tener en cuenta (SEO, velocidad de carga, precio, etc) pero entre ellas la User Experience. Claro que si notas que tiene algunos errores (porque nada es perfecto) investigar si el tema te deja corregirlos.

También antes de hacer un cambio en tu web, dar un paso atrás y preguntarte: ¿Esto complica o ayuda a mi web?, para darles un ejemplo imagina que se me ocurre la gran idea mientras tomo mi café a primera hora del día de hacer que mi header (cabecera) aparezca por debajo de la pantalla de mi usuario.

¿Esto complica a mi web?: teniendo en cuenta que se llama Cabecera porque va arriba yo creo que complicar se gana un punto.

¿Esto ayuda a mi web?: ninguna página de internet tiene una cabecera así lo que la vuelve más original, un punto a favor. Pero desde la perspectiva de User Experience la vuelve extraña y desconocida para el usuario, por lo tanto incomoda, un punto menos.

Creo que quedo claro, es más lo que pierdo que lo que gano, y si quiero que algo sea original son mis servicios y mi contenido, no mi cabecera.

Con esto no te estoy diciendo que tu web no pueda ser bonita ni original, lo que te quiero decir es que de nada te sirve tener la web más hermosa del mundo si nadie la entiende.

Como saber si tu web tiene una buena User Experience paso a paso

  • Conseguir un tester/testers: Es preferible que sea alguien fuera de tu equipo de trabajo, algunos incluso colocar a personas de la tercera edad a utilizar su aplicación, porque si él puede entender tu web, todos podrán. Pero esos son casos extremos de grandes empresas, puedes pedírselo a tus familiares. Tiene que explorar la web por su cuenta y cuando no sepa que hacer preguntarte.
  • Localizar las complicaciones: En algún momento tu tester tendrá que confundirse y detenerse a pensar, en esos momentos es cuando el te preguntara como hacer algo, es cuando tu anotaras su duda y le dejaras seguir explorando.
  • La opinión del tester: Cuando termine de explorar tu web será el momento de preguntarle su opinión de cómo el creé que podría mejorarse la web.
  • Rediseñar la web: Solucionar el uso de tu web teniendo en cuenta la opinión de tu tester. Si necesitas ayuda o no sabes como mejorar algo, puedes siempre consultar con Google, buscando: “User Experience de ” ejemplo “User Experience de pop up”. O la vieja confiable, ver como lo hacen las grandes empresas como , o también tu competencia.

¿Las plantillas en WordPress tienen buena UX?

La respuesta es sencilla y es que depende, hay millones de plantillas en wordpress y la verdad es que la User Experience depende en su totalidad de ti.

¿Te gusto este articulo?, este es el comienzo de una nueva categoría en el blog, Para no perderte de nada; ¡suscríbete a nuestro blog y te llegaran notificaciones a tu correo cuando subamos un nuevo post!
Y si sabes de alguien que le interese este post compártelo en tus redes sociales y te mandaremos un abrazo virtual <3

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *