El sitio evangelizacion.org.mx es una plataforma orientada a la comunidad católica, que ofrece recursos, formación y apoyo en temas de evangelización, con opciones de donación y compra de recursos. Con el crecimiento de su audiencia, surgió la necesidad de mejorar la experiencia de usuario, ya que algunos usuarios enfrentaban dificultades para navegar y encontrar contenido específico. Además, se identificaron oportunidades para optimizar el atractivo visual del sitio para mantener el interés y fortalecer la conexión con los usuarios.
En conjunto a Ariana García, diseñadora Ux y su equipo de diseño dentro de Evangelización Activa; trabajamos la investigación general Ux, creación de wireframes, diseño visual de alta fidelidad y pruebas de usabilidad para poder llevar a cabo el rediseño de este sitio web como experiencia de su amplio mercado, buscando tanto la mejora de interfaz, como la transición entre una y otra.
Objetivos de la investigación
Realizar pruebas de usabilidad para identificar puntos de fricción y áreas de mejora en la navegación, el proceso de conversión, la interacción con elementos específicos y la percepción visual del sitio. El propósito es implementar mejoras que hagan el sitio más intuitivo, accesible y visualmente atractivo, aumentando la satisfacción de los usuarios y la efectividad del sitio.
Métodos
Se aplicaron más de 600 Encuestas en línea a su base de datos, 6 entrevistas 1:1 con usuarios del sitio y 5 pruebas de usabilidad en llevados a cabo en línea. Dentro de todos estos usuarios, se incluyeron todos los perfiles a los que se dirige EVA.
También como métodos de investigación, se llevó a cabo Benchmark y aplicación de principios de usabilidad.
Hallazgos clave
Descubrimos que el principal punto de fricción era la lentitud en general de sitio, la difícil tarea para encontrar secciones e información específica, falta de atractivo visual, así como la falta de conocimiento de todo lo que ofrece EVA en su sitio.
Proceso de creación
Basado en los hallazgos de la investigación y la evaluación de material para conservar, re-estructurar o desechar, creamos un flujo simplificado de pasos para realizar una navegación más sencilla y corta, sin importar el objetivo de cada usuario que accede al sitio. La navegación se rediseñó para que los usuarios pudieran completar el proceso y acceder a todas las herramientas que EVA ofrece, siendo el protagonista, el evangelio diario.
Se reestructuró la manera en que se ofrecía el contenido tanto en texto, audio y vídeos, dando dinamismo al sitio, así como tener una organización más clara.
Le dimos mayor protagonismo y consistencia a la sección de Donación. Y se bajó la idea de dividir el sitio web de la plataforma para poder tomar los cursos, siendo el sitio web, un paso previo a acceder al catálogo de cursos.
Diseño del prototipo
El diseño visual siguió una línea moderna y amigable, utilizando los colores de la marca, siendo una paleta de color bastante amplia, logramos utilizar diferentes colores como identificador de cada sección y la mezcla de estos (degradados) para referirnos a EVA en general.
Se eligió una tipografía sans-serif para asegurar claridad en todos los dispositivos y una imagen moderna y al mismo tiempo amigable para todos los usuarios.
Componentes clave:
Gracias a todo el equipo de diseño, rediseñamos todos los componentes del sitio para ser lo más consistentes y claros, asegurando una correcta jerarquía visual. Además, se introdujeron colores adecuados para la aplicación del modo oscuro en la interfaz.
Test de usabilidad
Este prototipo fue usado en pruebas de usabilidad con 4 usuarios, quienes nos proporcionaron feedback sobre la facilidad de uso y rapidez del proceso.
Resultados y aprendizajes
Resultados del testeo: Los usuarios reportaron una mejora significativa en la comprensión del flujo búsqueda de cursos y acceso al evangelio diario. Se redujo el tiempo promedio para completar diferentes tareas aplicadas durante la prueba de usabilidad. Un ajuste que realizamos tras el testeo fue la adición de un sticky para tener a la mano contacto y redes sociales vinculadas a EVA.
