PRESENTACIÓN TFG

Conceptualización y diseño UX/UI de una plataforma web para la Asociación sin ánimo de lucro Rescuing Pets

Tamara Oyola Sánchez

Proyecto Final de Grado

Usabilidad e Interfaces

UOC - Grado en Técnicas de Interacción Digital y Multimedia

Introducción

Contexto

Rescuing Pets, Asociación sin ánimo de lucro

• Mejorar la visibilidad y facilitar el proceso de adopción de mascotas.

• Abordar la problemática del abandono de mascotas.

• Fomentar la adopción de mascotas.

• Educar e informar sobre el bienestar animal.

Gatos y perros recogidos por protectoras. Gráfica de Fundacion Affinity.

Redes sociales de la Organización sin ánimo de lucro Rescuing Pets.

Introducción

Objetivos

Objetivos secundarios

Objetivos principales

Creación de una arquitectura de la información accesible.

Fomentar la adopción de mascotas.

Dar presencia a Rescuing Pets.

Optimización para dispositivos móviles.

Promover la colaboración.

Garantizar la seguridad de los datos sensibles.

Mantener informado y actualizado al usuario.

Concienciar y educar a las personas sobre los animales y la adopción.

Introducción

Metodología

Diseño centrado en el usuario

Fases del proceso

Desarrollo y prototipado

Evaluación

Investigación

Definición

Especificar los requisitos

Evaluar los resultados

Diseñar las soluciones

Entender el contexto

Investigación y análisis

Desk research

Tendencia del perfil de la mascota rescatada

• Perros adultos vs Gatos cachorros
• Perros medianos
• Perros de raza mixta

Abandono de mascotas

Rescate de mascotas: 170.105 perros y 18.352 gatos.

Motivos de renuncias voluntarias de mascotas

Gráfica de Fundación Affinity. Evolución en el número de animales que llegan a protectoras.

50 % Adoptados. 20% Devuelto a sus familias gracias al microchip. 16% Permanecen en las protectoras. 5.8% En casas de acogida.

Motivos renuncia voluntaria de mascotas a refugios (2022). Gráfica de Fundación Affinity.

Compromiso activo emergente en la protección de los animales.

46.5 % Adoptados. 4.2 % Devuelto a sus familias gracias al microchip. 12 % Permanecen en las protectoras. 16 % En casas de acogida.

28 % Firma de peticiones 27 % Rescate y voluntariado 10 % Asociación a una protectora o refugio

2022

Investigación y análisis

Encuestas

Enfocado a

• Preferencias en la adopción de mascotas.
• Nivel de interés y participación.
• Recopilar comentarios y sugerencias.

Resultados destacados

• Fichas de mascotas completas (edad, raza, necesidades especiales, fotografías, etc).
• Anteponen la usabilidad antes que el diseño.
• Demandan contenido educativo y consejos sobre mascotas.
• Limitación de tiempo para colaborar.

Sugerencias

• Proceso de adopción rápido y con seguimiento.
• Visibilidad a animales senior y con cuidados especiales.
• Ayuda monetaria a más refugios de protección animal.
• Mejorar la visibilidad de los refugios.

Investigación y análisis

Entrevistas

• 6 usuarios potenciales
• 8 preguntas
• 23 - 47 años
• cualquier género

Preguntas clave

1. ¿Cómo sueles buscar información sobre la adopción de animales?2. ¿Has adoptado a una mascota a través de alguna plataforma en línea? ¿o de manera presencial (refugios de animales/particulares)? ¿Puedes compartir la experiencia? 3. ¿Qué tipo de información te resultaría útil a la hora de considerar adoptar a una mascota a través de una plataforma web/aplicación? 4. ¿Te gustaría ser voluntario o colaborar en una organización de adopción de mascotas? 5. ¿Conoces a organizaciones de protección animal? ¿Nos podrías indicar alguna? 5. ¿Has experimentado algún problema al visitar una página web o aplicación de adopción de mascotas? 7. ¿Qué te gustaría encontrar en una página web de adopción de mascotas? ¿Tienes alguna sugerencia para mejorar la visibilidad de los refugios de animales? 8.¿Estás al tanto sobre la entrada en vigor de la nueva ley de protección animal? ¿Estás a favor de los cambios?

• Preferencias y necesidades de los usuarios.
• Desafíos a la hora de adoptar en línea.
• Experiencia en la participación en las asociaciones de animales.
• Recepción de la Nueva Ley de Bienestar.

Investigación y análisis

Análisis competitivo

Plataformas de adopción: refugios y protectoras

Enfoque principal en los siguientes servicios:

Información de la asociación. Detalles de las mascotas en adopción. Sistema de donaciones. Información para realizar voluntariado. Experiencias de adoptantes. Educación. Contacto y redes sociales.

Asociaciones sin ánimo de lucro

Privadas

Otras destacadas

Pública

Comparativa integral

• Ha permitido obtener sus puntos fuertes y débiles..

Definición e idea

Dos perfiles de usuario

Perfiles de usuario

Escenarios

Escenario 1: Cristina investiga oportunidades de voluntariado en Rescuing Pets.

Escenario 2: Pedro y Sara inician la búsqueda en la red para adoptar una mascota.

User Journey

Definición e idea

Soluciones

Problem statement

Establecer un plan de gestión de redes sociales para garantizar actualizaciones.

Contenido de las Redes sociales

Implementar un diseño claro y estructurado, priorizando la información esencial.

Exceso de información y falta de organización

Dividir el formulario en secciones más pequeñas y manejables.

Formulario extenso

Implementar herramientas de automatización para informar al usuario que su consulta ha sido recibida y se encuentra en proceso de revisión.

Tiempo de respuesta de la asociación

Diseño

Arquitectura de la información

Inventario de contenido

Card sorting

Árbol de contenidos

Diagrama de flujo

Página de inicio

Nosotros

Adopta

Colabora

Otros servicios

Blog

Diseño

Fases del diseño

Prototipo de alta fidelidad

Bocetos

Wireframes

Diseño

Definición de estilos

TIPOGRAFÍA

Prototipo de alta fidelidad

Finger Paint

Montserrat

COLORES

MARCA ORIGINAL DE LA ASOCIACIÓN

BOTONES

ICONOS

Diseño

Prototipo de alta fidelidad

Prototipo

Evaluación

Métodos de evaluación

Principios heurísticos

Test de usabilidad con usuarios

Análisis del prototipo mediante la aplicación de los diez principios heurísticos de Nielsen.

Usuarios

Perfil de usuario

Persona de cualquier género.Edades: 24 y 50 años.Niveles medio y alto: internet y redes sociales.Estudiantes y/o empleados.Propietarios de mascotas, interesados en serlo, y/o sin experiencia en adopción.

Incluir el uso de descripciones emergentes (tooltip).

No hay consistencia en los colores de los botones.

No se ha dado interactividad total a los formularios del prototipo. Proporcionar mensajes de error a la hora de rellenar incorrectamente el formulario.

Tareas principales

Ofrecer oportunidad al usuario para borrar el filtro. Filtro en el botón de búsqueda principal.

0.

Primer contacto → Navegar por la página de inicio. Conocer quién es Rescuing Pets y cómo trabaja. Realizar la adopción de Anakin. Acceder a donaciones para unirse al grupo de Teaming. Formar parte del voluntariado de Rescuing Pets.

1.

Considerar ajustar el tamaño del contenido de la web (fuente, imágenes, iconos, etc).

2.

3.

4.

Mejorar la visibilidad de la sección de FAQ.

Evaluación

Resultados

Propuestas de mejora

- Prioridades

Alta

Baja

Media

• Formulario
• Filtros

Mejorar la interactividad general.

Nuevas secciones: mascotas perdidas y encontradas.

Interactividad

Eliminar o mejorar la duplicidad en los botones de la ficha de general.

Agregar versiones del prototipo móvil.

Botón claramente identificado para ir a la página de inicio

Opción para reiniciar filtros.

Implementar tooltips.

Contenido interactivo en la sección de Educación y consejos.

Consistencia en los colores.

Ajustar tamaño del prototipo.

Gracias

Tamara Oyola Sánchez

Proyecto Final de Grado

Usabilidad e Interfaces

Grado en Técnicas de Interacción Digital y Multimedia

Créditos de las imagenes: Pexels

Comprender que los usuarios pueden ver y estructurar la información de manera muy diversa. El objetivo es encontrar un término medio que permita crear una estructura de contenido final que sea intuitiva y satisfactoria para los usuarios. Con los resultados obtenidos se ha reestructurado el árbol de contenidos de la estructura de la web.