jazminmeneses / NavegaSocial

Navega Social es un portal que reúne a todas las Fundaciones y Corporaciones de la Sociedad Civil, esto quiere decir que son Fundaciones sin fines de lucro que prestan una ayuda social a la comunidad para combatir la pobreza y la exclusión social.

Home Page:https://www.figma.com/proto/U776Wv8Z5enM2AB6beocNhxF/Navega-Social?node-id=72%3A2&scaling=contain

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Navega Social

navegasocial

Desarrollado para

Laboratoria Chile

Proyecto UX

Navega Social Jazmín Meneses Díaz - ​ ​ - 16/03/2018

Cliente: Navega Social

Navega Social es un portal que reúne a todas las Fundaciones y Corporaciones de la Sociedad Civil, esto quiere decir que son Fundaciones sin fines de lucro que prestan una ayuda social a la comunidad para combatir la pobreza y la exclusión social.

Su foco es otorgarle al usuario (Ciudadanía, Estado, Empresas) toda la información necesaria para así encontrar las causas que busca de manera fácil y transparente, acercándolas a la comunidad por medio de la geolocalización.

Brief del proyecto

Los factores clave a considerar era entender en qué momento los usuarios llegarían a la web, qué les aportaría, cómo poder mejorar su experiencia para así lograr concretar la navegación con éxito.

Luego de tener una primera reunión con los Stakeholders se acordó enfocar el proyecto a:

● Diagnóstico en la experiencia de usuario de Navega Social (con énfasis en el sitio público): -Análisis global de lo que quieren transmitir -Navegación vista por vista ● Investigación y flujo de los donantes ● Ideación de solución: -Wireframes y prototipos

Navega Social busca convertirse en el más grande insumo para que organizaciones, comunidad y empresas puedan encontrar y acceder a información clara y transparente sobre las Fundaciones de ayuda social en nuestro país.

Entrevista Stakeholders

Proceso

● Encuesta sobre terminología utilizada a través de la web​ : Entender si el usuario externo entiende lo que quieren decir ciertos términos importantes para saber si el usuario se siente familiarizado con lo que el sitio quiere transmitirle.

● Encuesta sobre donaciones​ : ¿Por qué la gente dona? Cuando lo hace, ¿es directamente con la fundación o es por otros medios? ¿Sabe a lo que está donando?. Es importante responder éstas preguntas para así entender qué es fundamental para que el usuario se sienta seguro al donar.

Encuesta Navega Social Respuestas Encuesta

● Evaluación Heurística​ : Evaluación de usabilidad para descubrir posibles errores y faltas en la interfaz de manera que se puedan corregir y así evitar posibles tropiezos cuando el usuario acceda.

Evaluación Heurística Navega Social

● Test De Usabilidad​ : Evaluar si el sitio actual cumple con su promesa de navegación, ¿El usuario puede completar las tareas que se le piden? ¿Entiende de qué trata el sitio? ¿Qué le parecen las diferentes vistas del portal?. Poder definir qué le resulta difícil al usuario, qué le gusta, y qué cosas le gustaría cambiar.

Pauta test de usabilidad Test 1 Test 2 Test 3

● Wireframe y prototipo​ : Integrar feedback de usuarios e insights, y crear posibles soluciones por medio de sketches para luego integrar los cambios a un prototipo digital.

29249958_10215900917940196_2545386774264283136_o 29313581_10215900915780142_3682156994224979968_o

Conclusiones

Encuesta : En general las personas conocen Fundaciones y Organizaciones de ayuda social y los principales medios por los cuales las conocieron son Internet y Televisión, que son los principales focos de difusión y de más fácil acceso a las personas. La gran mayoría de las personas que donan dinero es por medio de un tercero y no directamente con las fundaciones, esto se debe principalmente a la comodidad, donan porque está de paso y a casi un 70% de los no donadores les gustaría hacerlo en un futuro.
Cabe destacar que más de la mitad de las personas que donan no sabe en qué se gastará su contribución, esto afecta a la transparencia con la que las fundaciones quieren llegar a las personas. Y por último, el lenguaje que utilizan en el sitio, la mayoría de las personas no lo entienden o no están seguros de entenderlo ya que es terminología específica del área, si se diera más información sobre los términos a ocupar la gente podría ponerse más en contexto y así entender de qué trata el sitio.

Evaluación Heurística: El principal problema es la desinformación, no existe una explicación del sitio, cómo el usuario puede acceder a la información, para qué es, cómo funciona, algo para que en caso de que el usuario no sepa qué hacer, pueda obtener una guía de cómo utilizar la plataforma, al no tener esto, se ve afectada la capacidad de aprendizaje del usuario.

Test de Usabilidad: Los usuarios no entendían el fin del sitio, más que nada por la poca información descriptiva en el home. No ocupan los filtros porque no entienden terminología utilizada y los que más ocupan son Región y Temática. No utilizan el mapa como recurso de búsqueda y les parece complicado de entender, destacan que les gustaría que apareciera solo Chile y no toda América. El diseño del sitio les parece simple pero agradable. Les molesta constante aparición del mapa en secciones con títulos distintos.

Wireframe y prototipo: Creación de una sección de información relevante, donde se explicaba la terminología y algunos conceptos que se ocupan a lo largo de la navegación. Se simplificó la búsqueda de organizaciones por medio de un filtro de Búsqueda simple, donde se le dio mayor énfasis a los filtros más utilizados por los usuarios y Búsqueda avanzada, con los filtros ya dispuestos para el usuario más experimentado que quiera resultados específicos y se cambió la organización de los elementos para que fuera más fácil el entendimiento del mapa y su simbología. El último cambio fue en las secciones de Explora por temática donde se creó una vista de los resultados dispuestos en lista y Organizaciones donde se muestran todas las organizaciones registradas con su logo y nombre.

Como extra se pensó en agregar una sección de ​ donaciones y voluntariado ​ al perfil de cada Fundación, dónde se explicara desde cuánto se puede donar, cómo serán gastadas las contribuciones de los donantes y cómo donar, así como también explicar el tipo de voluntario que cada Fundación necesita, si tiene que ser especialista (profesional) o puede ser cualquier persona con ganas de ayudar. Finalmente se acordó no integrar esa idea al prototipo final.

Conclusiones generales

Resultado

Se creó un prototipo navegable con las vistas que eran repetitivas en un comienzo, llevando siempre al usuario al mapa, así que se agregaron vistas de:

-Información: dónde se le explica al usuario diferentes conceptos usados en el sitio.

-Organizaciones: muestra una lista con todas las organizaciones registradas en el sitio.

-Explora por Temática: lleva a una lista con los resultados de la opción elegida y se puede navegar por medio de paginación.

-Buscador: cambio en el orden de los elementos dispuestos. Simplificar la búsqueda para el usuario externo que no está muy familiarizado con el lenguaje utilizado por medio de una búsqueda simple con los filtros que más utilizaban al momento de hacer el test. También se agregó una búsqueda avanzada para el usuario más experimentado que quiere resultados más precisos.

Navega Social Prototipo

About

Navega Social es un portal que reúne a todas las Fundaciones y Corporaciones de la Sociedad Civil, esto quiere decir que son Fundaciones sin fines de lucro que prestan una ayuda social a la comunidad para combatir la pobreza y la exclusión social.

https://www.figma.com/proto/U776Wv8Z5enM2AB6beocNhxF/Navega-Social?node-id=72%3A2&scaling=contain