USABILIDAD WEB: ¡Déjalos navegar fácil!
¿No les ha pasado que mientras están buscando un tema existen páginas web que parece que fueron creadas para hacernos la vida más simple; mientras que hay otras que prácticamente nos obligan a salir y encima te dejan un ‘cieeeerto’ malestar, ya que jugaron con tus sentimientos y sobre todo tu valioso tiempo? Seguro que más de uno se ha sentido identificado. Por eso es necesario que hablemos y entendamos sobre usabilidad web y un poco del contexto actual.
Los entornos se vuelven cada vez más exigentes
Estamos en la era de la inmediatez y lo que llamo el “efecto microondas”. Nadie espera mucho tiempo ni esfuerzo por lo que busca. Los usuarios no nos dan una segunda oportunidad para satisfacerlos y esperan, desde su primer contacto, tener una experiencia agradable.
O los enamoras en segundos o te dejan. Cierran tu ventanita y se van… con otro. #SorryNotSorry. Pero muchos se preguntarán qué es …
¿Qué es la usabilidad y con qué se come?
La usabilidad es la facilidad de interacción de un producto o servicio para con sus usuarios, un atributo de calidad. Ojito aquí, la usabilidad está enfocada en tu audiencia específica. No comunicamos para todos, así que no pensemos que todos nos entiendan de la misma manera. Es permitir que nuestro público consiga sus objetivos con eficiencia y con un buen nivel de satisfacción.
Así justifico que estaba algo perdida cuando recién bajé Pokemón Go: mientras un niño de 9 se capturó medio Olivar. Pero, ¿basta con ser fáciles de usar para ofrecer una buena UX? Mejor veamos la siguiente imagen completa para entender el panorama.
¿Cuánto tiempo esperas a que cargue una página? ⏰
-Tu amigo Google recomienda
Las webs no deberían cargar en más de 3 segundos, sino el 53% de tus usuarios te abandonará. Don Google también está considerando la experiencia de usuario como factor de posicionamiento SEO, ya que la finalidad es siempre que el usuario encuentre lo que busca y tengamos tráfico de calidad para darnos relevancia.
Y nos ponemos más Black Mirror, considerando que el tráfico es gran parte en mobile. Solo por dar una cifra según Socialbakers: el 92% del acceso de Facebook es desde celulares. ¿Se imaginan? Entonces el reto es aún mayor, porque debemos optimizar para pulgares, para usuarios que navegan con una sola mano y en varias pantallas.
¿Cómo podemos lograr mejorar nuestra usabilidad? 🔍
-¡Engríe a tus usuarios!
La clave está en enfocarnos en el trabajo constante, ya que es medible. Podemos mejorar cada vez más e ir encontrando nuevos hallazgos y oportunidades. Y no pensemos que esto es un trabajo solo de métricas y herramientas, sino también de observar el comportamiento de nuestros usuarios mientras están en contacto con nuestro producto.
- ¿Te ves guapo en todos los dispositivos? 😎 📱 💻
No quiero ver lo mismo cuando estoy en mi PC que navegando con un pulgar desde mi cel. Lo mejor es lo siguiente:
1. Cuida la organización de información, los tiempos de carga. Personalmente, yo voto por empezar a crear bajo Mobile First, es un reto, sí; pero nos obliga a ser simples y funcionales.
2. ¡El contenido y diseño deben adaptarse a cada contexto! Muchas veces tenemos elementos que funcionan bien desde PC, pero no desde mobile. ¡Mídete siempre! ¡A Google y a tu SEO les gusta eso!
-¡Ayúdame a no equivocarme! ⚠️ 😫
Si tengo que completar información personal, formularios o registros, dame opciones.
Haz saber si deben llenar los campos con algún orden, usemos teclado predictivo, desplegables, guía de campos. ¡Avísame si tengo algún dato con error!
-¡Hola soy nuevo¡ ¡Hola esta es la nueva versión! ✌️🏽
Si antes de ingresar por primera vez o a tu actualización las funciones han cambiado de lugar o hay incluso nuevos elementos. ¡Házmelo saber!
-Mide lo que pasa detrás de la pantalla 💻
Una herramienta que nos permite encontrar problemas de interacción en nuestra web es Google Analytics. Podemos analizar en tiempo real y obtener diferentes métricas sobre lo que pasa en cada una de nuestras páginas.
-No te pierdas en todo el dashboard. Prioriza qué quieres medir y analízalo.
Revisa estos informes:
Flujo de comportamiento
¿Dónde se están perdiendo mis usuarios?
¿Están llegando a convertir?
Contenido del sitio:
¿Qué páginas son las más vistas?
¿Cómo está el rebote en cada una?
Tiempo de permanencia
Velocidad del sitio
Conoce las sugerencias de velocidad por cada página según Google Analytics
Heatmaps — Page Analytics y Hotjar
¿Qué zonas son las más clickeadas? Graba a tus usuarios y descubre mejoras
¡Haz User Testings! ✍🏻
Basta con 5 para poder encontrar información importante. Se recomienda citarlos uno por uno, para que podamos escucharlos de manera personalizada. Una vez reunidos, pídele que haga una tarea importante para el negocio. En caso seas una tienda, podrías pedirle que busque algo y trate de comprarlo o si eres una página de contenidos, que encuentre algún artículo de su interés y nos cuente su experiencia al leerlo.
Enfócate en observarlo y mirar su expresión, pues ahí también podrás recabar información si en algún punto de la interfaz se ha frustrado o perdido.
¡Hay mucho por donde empezar, tus usuarios y métricas te lo agradecerán! Tenemos un gran reto: ofrecer la mejor experiencia en cada interface de la historia que queremos contar. ¡Hazlos regresar, hazles la vida simple contigo!
🕶 Les dejo algunos links que pueden ayudar 🔍
Mejora tu velocidad: https://developers.google.com/speed/pagespeed/insights/
Cómo navegan tus usuarios? Bájate la versión free: https://www.hotjar.com/
Checa esta informe: Velocidad Web para Móviles
