DURACIÓN DEL PROYECTO
EL PROBLEMA
DESCRIPCIÓN DEL PROYECTO
EL PRODUCTO
Pawshake es un sitio web para un refugio de animales donde los usuarios pueden buscar diferentes mascotas y solicitar su adopción.
DURACIÓN DEL PROYECTO
De mayo de 2023 a octubre de 2023
EL PROBLEMA
Los trabajadores ocupados no tienen tiempo para ir a trabajar a refugios de animales y encontrar una mascota para adoptar.
META
Estamos creando un flujo de adopción de mascotas donde los usuarios podrán ver diferentes perfiles y saber más sobre la mascota antes de adoptarla. Los usuarios podrán encontrar una mascota y solicitar su adopción.
MI PAPEL
Diseñador UX diseñando un sitio web para un refugio de animales donde los usuarios pueden encontrar y adoptar mascotas.
RESPONSABILIDADES
Realización de entrevistas, wireframing en papel y digital, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad, contabilidad de accesibilidad e iteración de diseños.
Investigación de usuarios
RESUMEN
Se realizaron múltiples entrevistas para construir mapas de empatía para comprender las necesidades del usuario. Un grupo de usuarios primarios identificó a través de una investigación que algunos usuarios no pueden ir personalmente a los refugios de animales durante el horario laboral.
Otros problemas de los usuarios incluyen la falta de información sobre el proceso y el papeleo, no se sienten cómodos yendo a un refugio y simplemente eligen una mascota, los usuarios quieren tener la opción de conocer mejor a la mascota antes del proceso de adopción.
PUNTOS DÉBILES
1
CRONOGRAMA
Los usuarios no podrán acudir a las protectoras de animales fuera del horario de funcionamiento.
2
PROCESO
Los usuarios solo pueden consultar las opciones para mascotas en persona.
PERSONA: Luis
PLANTEAMIENTO DEL PROBLEMA:
Luis es un amante de los gatos.que quiere cuidar una mascota pero no tiene tiempo para ir a refugios de animales.
![Certificado de diseño de Google UX - Persona [Plantilla].jpg](https://static.wixstatic.com/media/c93852_233b4ca82b1d4e7482320d5aeeb1e019~mv2.jpg/v1/fill/w_545,h_306,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Google%20UX%20Design%20Certificate%20-%20Persona%20%5BTemplate%5D.jpg)
MAPA DEL VIAJE DEL USUARIO
Luis necesita ir a un refugio de animales y adoptar una mascota.
![Certificado de diseño de UX de Google: mapa del recorrido del usuario de Shane [ejemplo].jpg](https://static.wixstatic.com/media/c93852_86bdd3f7ac2d4a1396853a600e7963b9~mv2.jpg/v1/fill/w_545,h_306,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Google%20UX%20Design%20Certificate%20-%20Shane%20user%20journey%20map%20%5Bexample%5D.jpg)
Comenzando el diseño
MAPA DEL SITIO
Creé una ruta organizativa clara para el sitio web.Este mapa del sitio muestra cómo se priorizan las páginas.
ESTRUCTURAS DE PAPEL
Tomarse el tiempo para redactar iteraciones de cada pantalla de la aplicación en papel aseguró que los elementos que llegaron a los wireframes digitales sean adecuados para abordar los puntos débiles del usuario. Para la pantalla de inicio, prioricé formas rápidas y múltiples de encontrar un evento teniendo en cuenta filtros como ubicación y fecha. y adoptar una mascota.
Se utilizaron estrellas para marcar los elementos de cada boceto que se utilizarían en la estructura alámbrica digital inicial.
ESTRUCTURAS DIGITALES
Pasar del papel a los wireframes digitales facilitó la comprensión de cómo la redefinición podría ayudar a abordar los puntos débiles del usuario y mejorar la experiencia del usuario.
La página de inicio está optimizada para facilitar la navegación y las opciones del menú de navegación.
Variación del tamaño de la pantalla de estructura alámbrica digital.
PROTOTIPO DE BAJA FIDELIDAD
Para crear un prototipo de baja fidelidad, conecté todas las pantallas involucradas en el flujo de usuario principal de búsqueda de una mascota y solicitud de adopción.
ESTUDIO DE USABILIDAD: PARÁMETROS
TIPO DE ESTUDIO
Estudio de usabilidad no moderado.
PARTICIPANTES
5 participantes.
UBICACIÓN
Estados Unidos, remoto.
LONGITUD
20-30 minutos
ESTUDIO DE USABILIDAD: HALLAZGOS
Estos fueron los principales hallazgos del estudio de usabilidad:
1
MENÚ
Las opciones de mascotas (perros y gatos) deben incluirse en el menú principal y en la pantalla "Acerca de nosotros".
2
DETALLES DEL PERFIL
Los usuarios no pudieron encontrar información detallada relacionada con el sexo o el tamaño de la mascota.
3
CUENTA
Durante el proceso de pago, no había una forma clara para que los usuarios iniciaran sesión en su cuenta.
Antes del estudio de usabilidad
Refinando el diseño
MAQUETAS
Con base en los conocimientos del estudio de usabilidad, realicé cambios para mejorar el menú del sitio y la pantalla de proceso. Uno de los cambios que hice fue agregar la opción de perros y gatos en el menú. Esto permitió a los usuarios acceder fácilmente a las opciones de mascotas. Además, se agregaron opciones de mascotas a la pantalla “acerca de nosotros” para mostrar más mascotas y promover la adopción.
Después del estudio de usabilidad
VARIACIÓN DEL TAMAÑO DE PANTALLA
Incluí consideraciones para tamaños de pantalla adicionales en mis maquetas basadas en mis esquemas anteriores. Sentí que era importante optimizar la experiencia de navegación para una variedad de tamaños de dispositivos, como dispositivos móviles y tabletas, para que los usuarios tengan la experiencia más fluida posible.
Variación del tamaño de la pantalla de estructura alámbrica digital.
PROTOTIPO DE ALTA FIDELIDAD
Mi prototipo de alta fidelidad siguió el mismo flujo de usuarios que el prototipo de baja fidelidad e incluyó los cambios de diseño realizados tras el estudio de usabilidad.
CONSIDERACIONES DE ACCESIBILIDAD
1
Proporcionó acceso a usuarios con problemas de visión mediante la adición de texto alternativo a las imágenes en los lectores de pantalla.
2
Utilicé puntos de referencia para ayudar a los usuarios a navegar por el sitio, incluidos los usuarios que dependen de tecnologías de asistencia.
3
Se utilizaron imágenes grandes y coloridas para ayudar a los usuarios a identificar artistas y eventos.
Avanzando
CONCLUSIONES
IMPACTO
Nuestros usuarios objetivo compartieron que la navegación por el diseño era intuitiva, más atractiva con las imágenes y demostraba una jerarquía visual clara.
QUE APRENDÍ
Aprendí que incluso un pequeño cambio de diseño puede tener un gran impacto en la experiencia del usuario. Lo más importante para mí es centrarme siempre en las necesidades reales del usuario al proponer ideas y soluciones de diseño.
PRÓXIMOS PASOS
1
Realizar pruebas de usabilidad de seguimiento en el nuevo sitio web.
2
Identifique áreas adicionales de necesidad e idear nuevas características.