My wedding
Diseño de página web
El producto:My Wedding es una página web que facilita a los usuarios su registro para la organización de una ceremonia para un salón de bodas al aire libre, además que ofrece una gran variedad de funciones. My Wedding se dirige a usuarios que por el trabajo están ocupados, pero quieren hacer los preparativos para su boda.
​
Duración del proyecto:
Noviembre 2022 a Marzo 2023
Descripción del proyecto
El problema:
Usuarios que por el trabajo están ocupados, pero quieren hacer los preparativos para su boda.
La meta:
Diseñar una página web para My Wedding, la cual permita a los usuarios organizarse y registrarse de forma fácil, sencilla y práctica.
Mi papel
Me desempeñe como diseñador UX diseñando en la aplicación de Good Luck desde la concepción hasta la entrega.
​
Mis esponsabilidades:
Realización de entrevistas, esquemas en papel y digital, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad, accesibilidad e iteración de diseños.
Investigación de usuarios
Una de las investigación que se realizó fue mediante una entrevista en la plataforma de Meet, la cual cubrió un rango de edades y profesiones variadas, también se realizó la investigación de temas relacionados mediantes diferentes páginas de internet. Mi suposición inicial era que a solo un sector relacionado a los videojuegos le interesa la funcionalidad del app, pero mediante la entrevista se notó que la app la utilizan personas de rango de edad joven y adulto.
Puntos debiles
-
Cancelación inesperada
-
Disponibilidad de fechas limitadas
-
Tiempo limitado
-
Servicios deseados
Planteamiento del problema
Para hacer la persona UX, se creo dos persona llamada Camila y Sofía. Camila es graduada de una Licenciatura, es una persona ocupada que trabaja, quién necesita un fácil acceso a la planificación y reservación de elementos y cosas que quiere en su boda, porque en el tiempo que tiene libre necesita tener la planificación en un solo lugar.
Mapa de viaje del usuario
El objetivo de este mapa era encontrar las oportunidades de mejora y los sentimientos que experimenta la persona en las diferentes acciones y tareas a realizar para llegar a la meta.
Comienzo del diseño
Estructuras de papel
Para la pantalla de inicio ( en todas las pantallas de la página web), se priorizo un proceso de selección rápido y fácil para ayudar a los usuarios a ahorrar tiempo.
En la imagen que se muestra a la derecha, contiene los bocetos para la pantalla de inicio, se realizaron las 5 primeras propuestas y con ellas se pudo realizar la estructura base
.
Estructuras digitales
A medida que se continuó la fase de diseño inicial, me aseguré de basar los diseños de pantalla en los comentarios y los hallazgos de la investigación del usuario.
Prototipo de baja fidelidad
Usando el conjunto completo de pantallas digitales, se creó un prototipo de baja fidelidad. El flujo de usuario principal que se conectó fue agendar una fecha para una boda en un salón al aire libre y las demás pantallas que constituyen la página web (proveedores, vestidos, contacto, perfil, etc), por lo que el prototipo pudo usarse en un estudio de usabilidad.
Estudio de usabilidad
Hallazgos
Realicé 2 estudios de usabilidad, los hallazgos del 1 estudio ayudaron a guiar los diseños desde los esquemas hasta las maquetas de baja fidelidad, resultando unas iteraciones en el diseño. En el 2 estudio se utilizó un prototipo de alta fidelidad y reveló qué aspectos de las maquetas necesitaban refinarse.
Hallazgos de la ronda 1
-
Usar copys más claros (en todo el contenido en general)
-
Agregar botón en home (sección de lugares)
-
Agregar un carrusel de imágenes para ver más detalladamente las playas
Hallazgos de la ronda 2
-
Agregar un carrusel de imágenes para ver más productos de zapatos y lencería
-
Información de perfil y de boda opcional
-
Confirmación de reservación por correo
Refinación el diseño
Maquetas
​
El cambio en pie de página se realizó basado en los comentarios de los participantes dadas en la entrevista. Consistió en ingresar ingresar copy más real (el menú principal) y agregar el logo.
​
El cambio en la pantalla de la página web se realizó basado en los comentarios de los participantes dadas en la entrevista. Consistió en agregar un carrusel de imágenes para ver más productos de zapatos y lencería.
_p.png)
Prototipo de alta fidelidad
El prototipo final de alta fidelidad presentó flujos de usuario más limpios para registrarse y navegar. También satisfizo las necesidades de los usuarios de tener más control en su información, la planificación y las confirmaciones.
Consideraciones de accesibilidad
-
Los iconos usados son para ayudar a hacer que la navegación sea más fácil.
-
Adición de texto alternativo a las imágenes para los lectores de pantalla y la posibilidad de configurar acciones extras de accesibilidad (tamaño de letra y contraste de color).
-
Uso de imágenes de los videojuegos para ayudar a todos los usuarios a entender mejor el diseño y su función.
Avanzando
Impacto
Hace que los usuarios sientan que My Wedding realmente piensa en cómo satisfacer sus necesidades y ahorrarles tiempo.
Una cita de los comentarios de los usuarios:
“Si la usaría porque es muy útil, muchas veces no tengo tiempo para buscar en muchas páginas web y esta página web reuniría toda esa información y contenido que busco en un solo lugar”
Aprendizaje
La página web de My Wedding, aprendí que las ideas y los bocetos son solo el comienzo del proceso. Los estudios de usabilidad y los comentarios de los usuarios influyeron en cada iteración de los diseños y prototipos de la página web.
Próximos pasos
-
Actualización de la auditoría competitiva.
-
Realizar otro estudio de usabilidad para validar si los puntos débiles experimentados por los usuarios se han abordado de manera efectiva.
-
Realizar más investigaciones de usuarios para determinar nuevas áreas de necesidad (especialmente con hombres).
Agradecimientos
¡Gracias por su tiempo revisando mi trabajo en la aplicación de Good Luck!
También quiero agradecer a todas las personas que participaron en los estudios de usabilidad.
Si tú quisieras ponerte en contacto o ver más sobre mi trabajo, mi información de contacto se proporciona a continuación.
