Visión general
Vagabundeando es un sitio web que le permite a turistas y locales encontrar información sobre lugares y actividades para realizar en México.
Planteamiento del problema
Actualmente, las personas usuarias estaban llegando al sitio web a través de diferentes canales, como motores de búsqueda, publicidad en línea, redes sociales y referencias de otros sitios web, pero el engagement con el sitio era muy bajo. Esto estaba afectando negativamente los ingresos del negocio.
Usuarios
- Turistas que buscan encontrar toda la información necesaria para aprovechar su estadía al máximo.
- Presonas locales que quieren conocer nuevos sitios y practicar actividades interesantes.
- Dueños de pequeños y medianos negocios locales que quieran dar a conocer sus servicios.
Rol
Diseñador UX/UI (investigación con usuarios, arquitectura de información, wireframe, UI kit y prototipado).
Alcance y restricciones
Tiempo y presupuesto reducido
Proceso
Entendiendo el estado actual
Para entender el estado actual del sitio web, realicé varias pruebas. Una de ellas fue un análisis heurístico, en el que comparé el sitio actual con las heurísticas de Nielsen para identificar problemas de usabilidad que pudieran estar presentes.
Tambien llevé a cabo pruebas de accesiblidad para conocer problemas de que podrían dificultar el uso del sitio web por parte de personas con discapacidad.
Algunos problemas identificados durante las pruebas fueron:
- Falta de texto alternativo en imágenes
- Textos muy pequeños y con poco contraste respecto al fondo
- Uso incorrecto de semantica HTML
Obteniendo feedback de los usuarios
La etapa previa me había ayudado a identificar algunos problemas con el sitio web, ahora era importante saber si las personas usuarias podían alcanzar sus objetivos con éxito, para ello realicé pruebas de usabilidad en remoto, no moderadas, con 7 usuarios representativos. Algunos hallazgos fueron:
- La barra de búsqueda está poco optimizada
- En algunos flujos los mensajes de error son poco útiles. No describen el error y tampoco guían al usuario para resolverlo.
- La navegación del sitio web es poco intuitiva
- Los elementos de la interfaz tienen problemas para comunicar las acciones que se pueden realizar con ellos
Analizando el mercado
En esta etapa realicé un análisis competitivo para entender en mayor profundidad el mercado donde se encontraba el producto, esto también me iba a ayudar a identificar oportunidades de mejora en aspectos como: funcionalidad, propuesta de valor, diseño visual, tono y voz. Para ello, seleccioné 4 competidores y procedí a evaluar la experiencia general en cada uno de ellos.
Aplicando las mejoras
Se creó un diseño minimalista eliminando elementos que añadían ruido visual y se mejoró la jerarquía, haciendo uso de colores, tamaños, y espaciados. Se optimizó la barra de búsqueda para mostrar sugerencias mientras se realiza la búsqueda y manejar los casos de error. También se agregaron categorías de fácil acceso basadas en la data recolectada para motivar a los usuarios a navegar por el sitio.
Los elementos de la interfaz se ubicaron donde los usuarios esperaban encontrarlos, alineando el diseño con sus modelos mentales, logrando una interfaz que fuera más intuitiva y fácil de usar. Se mejoró la organización del contenido y se eliminó aquel que no era relevante. Las acciones más importantes como los botones se destacaron y se mejoró su affordance.
Resultados
- Incremento en el tiempo que pasan las personas usuarias en el sitio web.
- Incremento en el número de visitas.
Lo que aprendí
- Es importante poder adaptarnos a los requerimientos específicos del proyecto, y no atarse a usar siempre un mismo framework de trabajo, esto nos permitirá ahorrar recursos y ser más eficientes.
- Observar a los usuarios interactuar con el producto y escuchar su feedback es esencial para poder mejorar la experiencia en el sitio y mantenerlo relevante para ellos.
- Muchos usuarios acceden a sitios web desde sus dispositivos móviles, por lo que es crucial asegurarse de que el sitio pueda ser usado en una variedad de dispositivos de manera optima.
Próximos pasos
- Conducir una segunda vuelta de pruebas de usabilidad para validar los cambios realizados.
- Monitorear cómo los usuarios están interactuando con el sitio a través de herramientas de analítica para poder identificar áreas de mejora.