Rebrota

Rol

Rol

UX UI Designer

UX UI Designer

Habilidades

Habilidades

Design Thinking | UX Research | User persona | Prototipado | UXUI

Design Thinking | UX Research | User persona | Prototipado | UXUI

Tools

Tools

Figma | Figjam | Maze | Whimsical

Figma | Figjam | Maze | Whimsical

Challenge

Contexto:

En muchas zonas rurales las comunidades enfrentan dificultades para obtener ayuda en tareas esenciales como el mantenimiento de viviendas, la agricultura o el cuidado de animales. Al mismo tiempo, hay muchas personas dispuestas a colaborar como voluntarios, pero no cuentan con una plataforma eficiente que los conecte con quienes necesitan su ayuda.

Reto:

Diseñar una aplicación que facilite la conexión entre voluntarios y comunidades rurales, permitiendo coordinar de manera sencilla y efectiva las tareas en distintas áreas de acción tales como:

  • Trabajos manuales (carpintería, restauración, reparación de viviendas).

  • Agricultura y cultivos.

  • Cuidado de animales.

  • Poda y mantenimiento de espacios naturales.

Objetivos UX UI:

  • Crear una experiencia intuitiva y accesible tanto para voluntarios como para quienes buscan ayuda.

  • Diseñar un sistema de categorización y geolocalización eficiente.

  • Incorporar herramientas de comunicación y coordinación de tareas.

  • Garantizar que el proceso de registro y conexión sea simple y seguro.

  • Desde la empatía y la usabilidad, la solución debe ser inclusiva, accesible y capaz de generar un impacto real en las comunidades.

Research

Para entender mejor las necesidades de los voluntarios y comunidades rurales, realicé un proceso de investigación combinando distintas técnicas dentro del proceso de Design Thinking, siguiendo concretamente el método Doble Diamante.

Elaboré un Desk Research, un formulario para todo tipo de usuarios mayores de 18 años, Users Persona, Mapas de empatía…

Desarrollo

Para ir definiendo la app, me apoyé en otros métodos como Findings & Insights, MosCow, Business Model Canvas…

Todo esto me sirvió para sacar las siguientes conclusiones que definirían mi prototipado final:

  • En este prototipo de la app, sólo vamos a trabajar en la versión de voluntario. En la versión web o más adelante en la app existirá el perfil de “anfitrión”.

  • Para facilitar la accesibilidad de anfitriones de los pueblos o zonas rurales que puedan tener una edad avanzada y no tengan o les cueste tener acceso a móviles o dispositivos electrónicos con internet, se implementaría un servicio de empleados/voluntarios que recogerían y publicarían estas solicitudes. Estas personas trabajarían en el proyecto, siendo los encargados de gestionar toda la información, publicarla y organizarla.

  • Se impartirían formaciones en los pueblos para informar sobre dicha plataforma para que las personas puedan saber sobre su existencia y puedan solicitar su uso.

  • La app puede dar formaciones o indicar en las actividades si éstas incluyen una previa formación antes de realizarse el voluntariado. (Ej: una pequeña formación sobre cultivo para pasar los siguientes 3 días gestionando un huerto).

  • Las formaciones serán online o presenciales durante el propio voluntariado.

  • El perfil de voluntarios será neutro, sin mostrar fotos de personas reales ni género. Esta idea pretende evitar el sesgo de género y edad, además de reforzar el valor del altruismo sin necesidad de publicarlo en redes sociales. Que todo el mundo pueda colaborar y compartir.

Solución

Estos son los siguientes puntos que conformarían la app:

  • Para el desarrollo de esta aplicación, en esta primera fase nos enfocaremos exclusivamente en la versión para voluntarios. Más adelante, en la versión web o en futuras actualizaciones de la app, se implementará el perfil de "anfitrión".

  • La app ofrecerá un listado de voluntariados con toda la información necesaria: tipo de actividad, requisitos, fecha y ubicación, si es necesaria formación previa o no, días, si es individual o a nivel grupal, si hay un coche disponible para compartir….

  • Otro aspecto clave es la integración de formaciones dentro de la app, ya sea online o presenciales, para preparar a los voluntarios antes de ciertas actividades. Por ejemplo, si el voluntariado consiste en la gestión de un huerto, podría incluir una breve formación previa sobre cultivo.

  • Neutralidad en el perfil de usuario, evitando prejuicios y fomentando una cultura en base a la ayuda desinteresada.

Con toda esta información, diseñé un Flowchart y los Wireframes que establecerían las funciones a prototipar.

Sistema de diseño

Para el prototipado, realicé las Foundations y UI Kit de la app. Para que fuese más eficiente creé un sistema de diseño con todos estos elementos.

Prototipado en alta fidelidad

Con todo el proceso anterior y la parte visual generada, pasé a prototipar las interacciones y acciones de la app.

En el siguiente vídeo se pueden ver las funciones prototipadas:

  • Navegar por la pantalla principal de Inicio, donde disponemos de un scroll horizontal que nos recuerda los próximos voluntariados a los que vamos a asistir.

  • El menú de búsquedas, donde tenemos un listado de diferentes voluntariados con su fecha, ubicación, duración… Breve descripción y unos pictogramas que nos aportan más información.

  • Clickar en la opción de Filtros para marcar las preferencias.

  • La búsqueda con los filtros aplicados.

  • Pantalla del voluntariado al que queremos acceder, con toda la información más detallada.

  • Cómo inscribirse y un breve cuestionario sobre compartir tu vehículo.

  • Acceder al Calendario y ver el nuevo voluntariado añadido.

  • Acceder al Perfil, donde se visualiza cierta información del usuario: horas de voluntariado realizadas, si tiene vehículo propio, su proceso como planta*…

*Perfil y su configuración:


Al diseñar perfiles neutros e inspirados en procesos naturales como el crecimiento de una planta, fomentamos un entorno en el cual cada usuario pueda ser valorado por su involucración y logros, no por etiquetas sociales.


Accesibilidad

Desde la elección de colores con alto contraste para facilitar la lectura, hasta tipografías legibles y elementos táctiles optimizados, cada detalle ha sido pensado para garantizar que la experiencia sea intuitiva y accesible.

¿Colaboramos?

:)

¿Colaboramos?

:)

¿Colaboramos?

:)

Create a free website with Framer, the website builder loved by startups, designers and agencies.