Trendpedia
Role: UX designer
Project duration: Feb 2023 / Abr 2023
Responsabilidades: Conducting interviews, paper and digital wireframes, low and high Fidelity prototyping conducting usability studies, accounting for accessibility on designs and responsive design
The product:
Trendpedia es una plataforma web enfocada en facilitar el aprendizaje para aquellos interesados en la moda, nuevas tendencias y estilos. Es una comunidad donde los usuarios pueden compartir sus conocimientos e intereses publicando fotos de prendas, telas, patrones o outfits que deseen crear. Trendpedia es la plataforma ideal para estudiantes, profesionales de la moda y entusiastas donde podrán encontrar inspiración, resolver dudas y compartir sus logros en el campo textil.
Busqueda de usuarios
Potenciales usuarios:
Estudiantes, profesores de carreras afines al diseño o a la educación en general, personas con intereses en la moda y personas que no tengan interés en la moda y no tengan relación con el diseño
Análisis de entrevistas a usuarios
Realice entrevistas a usuarios que tenían conocimiento en el sector textil o estaban interesados en la moda o los estilos de vestir al igual de usuarios que no tenían intereses en la moda, con esas entrevistas genere mapas de empatía logrando, por ejemplo, identificar lo importante que es la ropa para todos en nuestro día a día además de que los usuarios mas jóvenes están mas interesados en conocer sobre moda para expresarse a si mismo.
Cuando los usuarios quieren aprender sobre moda se abruman por no saber donde empezar, les gusta conocer información concisa y rápidamente verificable para avanzar mas rápido en su investigación, esto genera rechazo o desinterés para los usuarios cuando quieren ingresar en el mundo de la moda.
Pain Points
Artículos web sin fuentes académicas
Los usuarios encuentran artículos sin fuentes o autores que puedan verificar o consultar de manera académica
Desconocimiento: ¿Sobre que busco?
Los usuarios cuando querían aprender desde 0 (cero) se abrumaban por no saber por donde empezar
Paginas llenas de ventas
Para los usuarios de mayor edad, ingresar a plataformas sobre tendencias o ropa significa un sitio de compras haciéndoles sentir temor de que sus datos sean vulnerables
Generación de personas a partir de mapas de empatía
A partir de mapas de empatía, decidí generar 3 personas que pudieran presentar los 3 principales problemas que percibí durante la investigación, cada uno tuvo un objetivos por cumplir diferentes que me permitieron generar una plataforma que pudiera dar soluciones a todos los potenciales usuarios. Se tuvieron consideraciones como edad para priorizar una interfaz rápida de escanear
Consideración del User Journey
A partir de mapas de empatía, decidí generar 3 personas que pudieran presentar los 3 principales problemas que percibí durante la investigación, cada uno tuvo un objetivos por cumplir diferentes que me permitieron generar una plataforma que pudiera dar soluciones a todos los potenciales usuarios. Se tuvieron consideraciones como edad para priorizar una interfaz rápida de escanear
Sitemap 1.0
Durante la investigación que realice sobre la competencia en una auditoria, comprendí que lo primordial es una navegación directa y sencilla además de ser un punto débil de distintos usuarios
El sitemap se modifico a partir del feedback recogido durante la prueba de usabilidad del primer prototipo, agregando una categoría más
Desarrollo de Wireframes en papel
Realice diferente diseños para la pagina de inicio, muchos de ellos me gustaron tanto que pude modificarlos un poco y utilizarlos como otras ventanas de contenido, se realizaron solo modificaciones por tamaño en el tema de los diseños de diferentes plataformas, para tablets no se ve afectado la organización pero en el celular tuve que reducir todo a una sola columna
Desarrollo de Digitales Wireframes
Este es el prototipo 1.2 mas cercano a un protipo de alta fidelidad, tuvo bastantes cambios respecto a ciertos colores y objetos dentro de la web gracias a las recomendaciones de expertos, todo el feedback que consegui me ayudo a entender el Flow de los usuarios con mas detalle
Pueden darle un vistazo en el siguiente link:
Estudio de usabilidad resultados
En pequeña muestra de usuarios se les pregunto a expertos en el tema de educación y diseño de modas opinar sobre el prototipo de baja fidelidad
Las imágenes son fundamental para darle seguridad al usuario
La pagina necesita imágenes grandes y especificas para que el usuario se sienta seguro
Estilos debe ser una categoría
La sección estilos es lo suficientemente grande para ser una categoría de la pagina web.
Las comunidades en línea facilitan el aprendizaje
La sección: “Donde lo encuentro” se modifica a “Como lo hago” para motivar a los usuarios a compartir sus conocimientos.
Mockups para Trendpedia
Los primeros wireframe eran muy grises y sin imágenes hacia que los usuarios se perdieran o no sabían donde estaban ubicados y sus llamados a la acción parecían elementos decorativos del web, se decide utilizar una estética menos cuadrada y resaltar mucho mas los llamados a la acción.
Prototipo de alta fidelidad
Mi prototipo de alta fidelidad mantienen el mismo Flow del prototipo de baja fidelidad, su objetivo es cumplir 3 actividades que las personas hubieran realizado, se modificaron múltiples elementos de la pagina al igual que algunas ventanas fueron re diseñadas para una mejor homogeneidad.
Pueden verlo en el siguiente link:
Consideraciones de accesibilidad
Utilice encabezados con diferentes tamaños de texto para generar una jerarquía visual
Verifique y contraste los colores primarios y complementarios para la pagina web y botones pensando en una mejor lectura del texto
Utilice puntos de referencia( Barra inferior del texto) en la barra superior para reflejar al usuario su ubicación durante la navegación del sitio web
Gracias por llegar hasta aquí
Si quieres hablar sobre algún proyecto en tu mente o darme algún feedback sobre el proyecto que viste escríbeme aqui o encuentra en redes sociales!
