Sitio web Sudaderas Personalizadas
El producto
Sitio web responsivo para el pedido y compra de Sudaderas personalizadas.
Planteamiento:
En la mayoria de los sitios de impresión, no se cuenta con un flujo que permita la compra en línea en donde pueda concretar el pedido 100% en el mismo proceso.
La confianza en los usuario por falta de certeza al concretar el pedido es muy baja.
Objetivo:
Elaborar un flujo de compra lo suficientemente claro y confiable para que los usuarios concreten la compra por este medio.
Duración:
Febrero de 2023
Mi rol:
- Investigador
- Diseñador UX
- Diseñador IU
Responsabilidades:
- Investigación de usuarios
- Diseño de esquemas
- Diseño de prototipos de baja fidelidad
- Diseño de prototipos de alta fidelidad
- Estudios de Usabilidad
Los usuarios detectados en el estudio previo fueron determidados por los siguientes:
El usuario “Empresario», representado por Elena, quien se muestra ocupada y con muchas responsabilidades dentro de la empresa y que le cuesta trabajo desplazarse al centro de impresión para poder realizar el pedido de los uniformes para sus empleados.
Por otro lado se encuentra el usuario “líder”, a quien nombramos Rodrigo, que son personas que dividen su tiempo entre escuela-trabajo y la actividad extra que lideréan, por lo que encontrar un tiempo para buscar precios y modelos les resulta sumamente complicado.
Recorrido de Usuario
Puntos débiles
No se puede cerrar el pedido en el sitio web
Los sitios web que se analizaron no permiten terminar el pedido al momento.
Muestran los modelos pero para concluir el proceso se tiene que contactar al impresor.
No puedo consultar las tallas y colores disponibles.
En varios de los sitios analizados, el usuario no tiene a su disposición una carta de color o una tabla de medidas para poder comparar las tallas y poder elegir la talla adecuada.
No se conoce las áreas de impresión posibles.
Un problema que tiene el usuario es que por lo general tiene una idea en mente y el resultado es distinto.
Cuando recibe su trabajo se encuentra con un resultado distito debido a la limitante del área de impresión.
Oportunidades
- Tener un sitio web que permita conocer las características completas del producto así como continuar el proceso de compra hasta el final.
- Tener un proceso intuitivo que guie al usuario paso a paso con elementos gráficos que permitan una mejor comprensión de cada proceso.
- Tener páginas descriptivas de productos y procesos para que el cliente elija el que mejor se adapta a sus necesidades.
Mapa de Sitio
Estructuras alámbricas en papel
Estructuras alámbricas en digitales
Consideraciones para el diseño
- Iconos que faciliten la clasificación de los modelos de cada sudadera.
- Elección de variantes a través de imagenes
- Mostrar las áreas de impresión con cuadros muy visibles que demuestren los tamaños para elegir.
Una vez realizado el primer estudio de usabilidad se realizaron las maquetas primero en baja definición y después detallada en alta definición.
Maquetas en baja definición
Maquetas en alta definición para Versión Escritorio
Maquetas en alta definición para Versión Movil
Elementos de diseño
Paleta de Color
Prototipo versión Escritorio
Prototipo versión Movil
Durante la realización de este proyecto se llevaron a cabo 2 estudios de usabilidad:
El primero despues de realizar las estructuras alámbricas digitales, y el segundo una vez realizado el prototipo de alta definición.
En el primer estudio de usabilidad surgieron algunas mejoras en cuanto al proceso, dando como resultado un flujo mas agil e intuitivo.
Se cambió de la parte inferior a una sección lateral los montos que se van generando por proceso para tenerlos todo el tiempo en pantalla.
En el segundo estudio de usabilidad se obtuvo determinó que es necesario contar con un apartado que permita subir archivos con el diseño dentro del flujo de venta.
Esto sería implementado en una fase posterior.
Consideraciones de Accesibilidad
Textos a través de tipografía legible en alto contraste que permite mejor lectura.
Movimientos de transición suaves que permiten bajo estress
Conclusiones
Impacto
Debido a que la aplicación se encuentra en fase de diseño no se puede medir el impacto.
Los estudios de usabilidad mostraron aceptación de los usuarios y de los impresores.
Aprendizajes
El manejo de los tamaños y adaptaciones a las distintas vistas para hacer los sitios responsivos, requiere de un trabajo a detalle para jerarquizar información y seleccionar las partes mas relevantes para mostrar.
Siguientes pasos
Adaptar un módulo para la subida de archivos.
Diseñar un visualizador previo del diseño de la sudadera.