Proceso de diseño de Pet&Cute, plataforma para conectar a los dueños de mascotas, facilitando la socialización y el intercambio de conocimientos para mejorar el bienestar de las mascotas y la experiencia de los cuidadores.
TFM del máster en Diseño de Interación y Experiencia de Usuario donde se describe el proceso realizado para el diseño de una plataforma llamada Pet&Cute.
Contexto y justificación
En estos últimos años, el interés por el cuidado y bienestar de las mascotas ha experimentado un crecimiento notable. Los animales de compañía son un componente esencial de sus familias, destinando tiempo y recursos para proporcionarles una vida de alta calidad. Simultáneamente, el crecimiento de las redes sociales ha revolucionado el modo en que las personas se comunican, comparten datos y establecen conexiones con otras personas que tienen intereses similares.
En estos últimos años, el interés por el cuidado y bienestar de las mascotas ha experimentado un crecimiento notable. Los animales de compañía son un componente esencial de sus familias, destinando tiempo y recursos para proporcionarles una vida de alta calidad. Simultáneamente, el crecimiento de las redes sociales ha revolucionado el modo en que las personas se comunican, comparten datos y establecen conexiones con otras personas que tienen intereses similares.
Se desarrolló este proyecto siguiendo una planificación, la cual se dividió en: Investigación, Definición, Prototipado y Evaluación.
Principales descubrimientos de las entrevistas a usuarios:
• Importancia emocional: Las mascotas son parte fundamental de la vida de sus dueños, pero buscan mantener un equilibrio.
• Interés en soluciones prácticas: Los dueños buscan apoyo en cuestiones prácticas como actividades, consejos y servicios.
• Gamificación atractiva: Los retos y recompensas pueden motivar el uso de la plataforma.
• Privacidad prioritaria: Necesitan control sobre quién accede a la información de sus mascotas.
• Recomendaciones relevantes: Valorarán recomendaciones siempre que no sean invasivas.
También se realizaron mapas de empatía y user journeys a partir de los escenarios propuestos a través de estos perfiles.
Se definió el Problem Statement
“Las personas propietarias de mascotas necesitan una manera de socializar e intercambiar
conocimientos para mejorar el bienestar de las mascotas además de mejorar la experiencia de los
cuidadores, pero las actuales aplicaciones no cubren esas necesidades completamente porque no están
enfocadas a esta temática, lo cual les hace sentir frustración.”
Se hizo un listado de los requisitos y las funcionalidades.
Los requisitos de diseño detallan el comportamiento esperado y las características deseadas que debería tener la aplicación, estos se han extraído teniendo en cuenta los descubrimientos y conclusiones de la fase de investigación y de la fase de definición e ideación.
PROTOTIPADO
En esta fase de definición se realizó un card sorting con 10 usuarios para definir la arquitectura de la información y el árbol de contenidos.
Basándonos en los User personas y en el grupo elegido para las entrevistas, generación millenial, nuestros participantes elegidos han sido 10 en total, con edades entre 28 y 43 años.
Se ha utilizado la herramienta online UXtweak.com para su realización, con la cuenta gratuita en la que teníamos una limitación de 20 cards como máximo y 10 respuestas. Los participantes recibieron el enlace para su participación.
Partiendo de los requisitos de diseño funcionales definidos en el desarrollo anterior, realizaremos una tabla con los posibles niveles de jerarquía. Este fue nuestro punto de partida para llegar a los conceptos clave del etiquetado de las cards y categorías propuestas.
Se ha utilizado la herramienta online UXtweak.com para su realización, con la cuenta gratuita en la que teníamos una limitación de 20 cards como máximo y 10 respuestas. Los participantes recibieron el enlace para su participación.
Partiendo de los requisitos de diseño funcionales definidos en el desarrollo anterior, realizaremos una tabla con los posibles niveles de jerarquía. Este fue nuestro punto de partida para llegar a los conceptos clave del etiquetado de las cards y categorías propuestas.
Dendograma de los resultados del card sorting
Árbol de contenido de la aplicación
Conclusiones
Se ha demostrado que este estudio era necesario para definir los modelos mentales de las personas usuarias, aunque no es perfecto nos aproxima a unos estándares que tienen lógica y evita proponer una organización de contenidos sesgada. En el árbol de contenido propuesto se ha renombrado alguna categoría para darle más contexto. Se ha tenido en cuenta que la profundidad de niveles no fuera demasiado profunda ni demasiado amplia, para no generar un esfuerzo cognitivo a la hora de encontrar las opciones.
Después de analizar los contenidos se ha visto necesario tener un buscador principal, relegando la sección “Mi perfil” a un menú secundario, donde se incluyen muchas opciones menos importantes, pero también necesarias como las notificaciones, el perfil de tu mascota, la ayuda o servicios favoritos como tu veterinario o tus tiendas/productos preferidos.
La sección “Gastos” de la mascota estará dentro de “Mis mascotas”, la razón de este cambio con respecto a los resultados en el card sorting, es que un usuario de la aplicación podría tener varias mascotas, y tiene más sentido que los gastos sean un apartado independiente y personalizado a cada una de ellas. Atendiendo a las conclusiones de las entrevistas con nuestros futuros usuario/as, en la fase de investigación, quedó patente que los gastos mensuales/anuales, no suelen ser una gran preocupación para ellos.
Por lo tanto, es un apartado no tan esencial como se había pensado en principio. Una vez se comiencen a definir los distintos flujos de navegación o diagramas de flujo, aparecerán nuevos estados y acciones en cada pantalla para dar respuesta a las distintas casuísticas. En este esquema hemos querido mostrar una home, que se podrá entender de varias maneras, por ejemplo cuando el usuario ya esté registrado y logado al volver a iniciar la app aterrizará directamente en “Social”. También se han añadido en servicios la opción de crear tienda/servicio.
Sketching y Wireframes
A continuación se presentan los distintos sketches, donde se ha partido de los diagramas de flujo para plantear cada pantalla.
A partir de los diagramas de flujo, se avanzó hacia la creación de prototipos interactivos que reflejan los caminos diseñados.
Componentes del Design System
EVALUACIÓN
En esta fase se realizaron pruebas de test con usuarios sobre el prototipo propuesto, se analizaron los resultados y se categorizaron los problemas por su gravedad y frecuencia. Además, al finalizar los test se le pidió que rellenasen un cuestionario tipo SUS, para obtener una puntuación percibida por los usuarios sobre la usabilidad de la aplicación.
Este tipo de cuestionario utiliza la escala Likert y permite obtener una puntuación de 0 a 100, donde se considera que una mediana mayor de 68 puntos es una buena valoración de la usabilidad y por debajo de ella es muy probable que haya graves problemas de usabilidad.
También se hizo un recorrido cognitivo y un análisis heurístico con las 10 reglas de Jacob Nielsen.
Vídeo promocional de la aplicación
