Propósito Eventos
Diseño Web Adaptable
El Proyecto
Propósito Eventos es una empresa dedicada a la organización de bodas y otros tipos de celebraciones, pero principalmente bodas. La mayoría de las empresas organizadoras de eventos en la ciudad no tienen un sitio web; solo realizan sus negocios a través de redes sociales. Esto significa que solicitar una cotización carece de formalidad y toma tiempo. Por lo tanto, Propósito Eventos quiso ir más allá y añadir un sistema de cotización y reservas en línea. A lo largo de esta presentación, encontrarás los resultados de la investigación y el posterior diseño del sitio web.
Mi Contribución
Diseñador UX liderando el diseño del sitio web para Propósito Eventos e Investigador UX.
Las responsabilidades incluyen realizar entrevistas, crear wireframes en papel y digitales; desarrollar prototipos de baja y alta fidelidad; ejecutar estudios de usabilidad; considerar la accesibilidad; e iterar sobre los diseños y el diseño adaptable.
El Proceso
Tiempo
Agosto - Septiembre 2023
Realicé entrevistas a usuarios para crear mapas de empatía, lo que me permitió comprender mejor al usuario final y sus necesidades inmediatas. La investigación reveló que los usuarios suelen tener poco tiempo al organizar su boda o cualquier otro evento, haciendo malabarismos con numerosas tareas y buscando todo por separado. Muy pocas empresas en el área ofrecen este tipo de servicio con todo el valor agregado, e incluso aquellas que lo hacen resultan difíciles de contactar y agendar citas. Ninguna de ellas tiene un sitio web que muestre reseñas, fotos organizadas, promociones e información de contacto directo. Aunque todas tienen presencia en redes sociales, la falta de un sitio web profesional hace que las empresas parezcan poco profesionales y presenten sus servicios de forma desorganizada, creando otro problema para el usuario en lugar de resolver sus desafíos de organización.
Debilidades
Sitio Web
La mayoría de las empresas de planificación de eventos solo pueden ser contactadas a través de redes sociales, lo que las hace parecer negocios informales al no contar con un sitio web establecido.
Información
Las pocas empresas que sí tienen un sitio web tienen un diseño deficiente y carecen de información adecuada para el cliente, lo que hace que pierdan más tiempo buscando datos, llamando a empresas y profundizando en los detalles.
Ofertas
Las escasas ofertas que las empresas mantienen en línea están desactualizadas, no han sido renovadas, y el usuario debe contactarlas nuevamente para enterarse de cualquier promoción vigente.
Organizar Ideas
Las plataformas de redes sociales no muestran la información de manera organizada para satisfacer las necesidades del usuario, por lo que los usuarios deben pasar mucho más tiempo buscando hasta encontrar lo que realmente necesitan, resultando en una experiencia poco ideal.
Declaración del Problema
Persona
Juan Pablo es un ocupado ingeniero comercial que necesita contratar un servicio para su boda porque no tiene tiempo para hacerlo él mismo.
Mapa de viaje del usuario
Creé un mapa de viaje del usuario sobre la experiencia de Catalina para ayudar a identificar puntos de dolor y oportunidades de mejora.
Diseños de Página Digitales
Arquitectura de Información: Mapa del Sitio
La dificultad para encontrar cierta información en los pocos sitios web similares era considerable, ya que la mayoría solo opera a través de sus canales de redes sociales, lo que representaba uno de los puntos de dolor más frecuentes para los usuarios. El objetivo principal en la arquitectura de información es hacer que la navegación del sitio sea específica y directamente relevante para lo que los usuarios están buscando; de ahí la estructura elegida, diseñada para hacer que toda la experiencia sea más fácil y sencilla.
Esquemas en Papel
Lo que vemos a continuación son los wireframes para la página de inicio. Podemos ver cuatro diseños, que sirvieron como punto de partida para crear el diseño final de la página principal. Como se puede observar, se utilizaron marcadores para seleccionar los elementos que luego aparecerían en la maqueta.
Variación de tamaño de pantalla
Las iteraciones de diseño anteriores se centraron en optimizar la experiencia del usuario en diferentes tamaños de pantalla, ya que la mayoría de las personas acceden a internet desde varios dispositivos, pero principalmente desde sus teléfonos móviles. Por eso enfatizamos un diseño de página adaptable que se ajusta a múltiples dimensiones de pantalla.
Diseños de página digitales
Los diseños de página en papel fueron el punto de partida que condujo al resultado final que vemos a continuación. La mayoría de las personas buscan información sobre ofertas y promociones. También desean solicitar una cotización directamente, esperando recibir una respuesta formal. Por esta razón se añadió la opción de solicitar cotizaciones en línea, como una forma de aliviar la carga del usuario y hacer que su experiencia en el sitio web sea positiva.
Variación de tamaño de pantalla
Estas son las pantallas de inicio tanto para la versión de escritorio como para la móvil después de varias iteraciones.
Prototipo Lo-fi
En este prototipo, podemos ver la interacción completa del usuario con el sitio, desde la pantalla de inicio hasta la página de contacto. La ubicación específica de los botones y enlaces se determinó mediante iteraciones y aprobaciones de las otras personas que evaluaron el prototipo desde sus etapas iniciales.
Estudio de usabilidad: Hallazgos
Información
La mayoría de los sitios web tienen muy poca información; solo presentan imágenes en redes sociales e información relevante en sitios web relacionados. Todo lo demás debe averiguarse llamando a un número de teléfono, enviando un correo electrónico (que a menudo queda sin respuesta) o, como es común hoy en día, contactándolos únicamente mediante aplicaciones de mensajería.
Promociones
Las promociones y ofertas publicadas no son recientes. Otro inconveniente importante es que no publican sus precios actuales, por lo que los usuarios deben perder aún más tiempo llamando o realizando consultas a través de diversas plataformas.
Cotizaciones
Ninguno de ellos cuenta con un sistema de cotización en línea; todos envían las cotizaciones por correo electrónico después de dos o tres días. Esto ralentiza el proceso de espera e impide avanzar con el resto de los planes para el evento.
Perfeccionando el Diseño
Modelos
Las conclusiones finales del estudio de usabilidad revelaron que era necesario agregar botones de acceso directo a las pantallas de ofertas y cotizaciones, ya que muchos usuarios no desean pasar más tiempo del planeado en el sitio web. Por lo tanto, hemos decidido enviarlos directamente a lo que están buscando en la sección correspondiente.
Antes del estudio de usabilidad
Después del estudio de usabilidad
Variaciones de tamaño de pantalla
Incluí diseños para dos tamaños de pantalla en mis maquetas, ya que los usuarios tienen mayor acceso a la tecnología y, por ende, utilizan diferentes dispositivos para navegar y buscar información. El objetivo es brindar una buena experiencia de usuario, razón por la cual muestro aquí el diseño de la página de inicio para tablets y teléfonos móviles.
Prototipo Hi-fi
Esta es una captura de pantalla del prototipo de alta fidelidad, que siguió fielmente las iteraciones y cambios resultantes del estudio de usabilidad. Podemos ver las conexiones entre cada una de las pantallas a medida que el usuario interactúa con cada llamado a la acción.
Consideraciones de accesibilidad
El sitio web fue diseñado con colores fáciles de distinguir que crean un alto contraste entre sí, para que cualquier persona con problemas de visión pueda tener una buena experiencia.
Utilicé puntos de referencia (landmarks) para ayudar a los usuarios a navegar por el sitio.
La tipografía utilizada fue seleccionada de tal manera que no perdiera su sobriedad ni solemnidad, resultando además fácil de leer.
Impacto
Todas las personas que probaron el diseño quedaron satisfechas con los resultados, ya que pudieron completar eficazmente los objetivos asignados.
¿Qué aprendí?
Lo que más me llamó la atención al crear este proyecto fue que la mayoría de las otras empresas que investigué no tenían un sitio web, argumentando que en estos tiempos modernos ya nadie necesita uno, que todo se hace a través de redes sociales. A medida que avanzaba con el diseño, me di cuenta de que muchas personas necesitan un sitio web que proporcione instrucciones claras y formales, ya que las redes sociales carecen de esa formalidad.
Próximos Pasos
Realizar pruebas de usabilidad para mejorar aún más la experiencia del usuario.
Realizar encuestas para identificar otras necesidades e incorporarlas al nuevo sitio web.
Mejorar los diseños para pantallas más pequeñas, añadiendo las mismas características que una pantalla de escritorio.
¿Trabajamos juntos?
Si te gustó lo que viste, ¡mantengámonos en contacto!