Informe my wardrobe
- 1. PROYECTO DE CREACIÓN DE UN PRODUCTO DIGITAL Carmen Albalá Bueno Diseño de la Interfaz Tracor 1
- 2. ÍNDICE 1. Desarrollo de la idea 2. Nombre del producto digital Elementos identificativos Origen de la idea Misión Prestaciones Funcionamiento Líneas de trabajo Sistema de reconocimiento Productos y servicios Clientes Competencia 3 3 3 3 3 4 4 5 5 5 6 Estudio comparado o - Introducción Shot and Shop Nasty Gal Forever 21 Urban Outfitters Wild Haze o o 3 Parámetros de estudio Nota media Análisis de los portales (RRSS) Conclusiones 7-9 7 7 8 8 9 9-14 14 15 3. Estrategia de comunicación Misión Visión Valores Personificación de la marca 16-18 16 16 16 17 4. Desarrollo de la aplicación 19-28 5. Mapa web Wireframe y prototipado Test de usabilidad 19 20-30 29-30 2
- 3. 1. Desarrollo de la idea Plan de empresa Nombre del producto digital MyWarDrobe S.L (denominación social), MyWarDrobe (denominación comercial). A pesar de la existencia de una página con una denominación similar (www.mywardrobe.com), pensamos que hay espacio en el mercado de habla hispana para una www.mywardrobe.es pues su actividad no tiene los elementos de sugerencia y de ayuda a la decisión de la página. Elementos identificativos: Somos una empresa que ofrece un servicio de selección de conjuntos de moda y posibilidad de compra online de los mismos mediante una aplicación digital adaptada a PC, tablets y móvil. Origen de la idea: Especial atracción por el mundo de la moda y las posibilidades que ofrecen las nuevas tendencias de la tecnología y la comunicación como requisito indispensable para ofrecer al consumidor un producto innovador, útil y exitoso. Misión Necesidad de una herramienta que permita: aunar una misma plataforma de contenido los productos de moda más novedosos y de nuevos diseñadores, ayudando a la promoción y conocimiento de los productos para facilitar la compra de los mismos. Y además, a través de la auto creación y sugerencia de conjuntos ayudamos al usuario en proceso de decisión del outfitt deseado y ofrecemos varias posibilidades para que escoja la que más se ajusta a su estilo personal. Con esto se pretende minimizar el tiempo de decisión y compra de los productos, permitiendo al usuario que los escoja con un sólo clic y tenga la posibilidad de adquirirlos a través de la web para su posterior recogida en tienda (o envío a domicilio si la logística interna lo permitiese). Prestaciones: -A partir de la identificación de un prenda se obtienen sugerencias un outfitt acorde a un estilo escogido. - Inspirarse consultando los conjuntos preestablecidos. - Habrá dos catálogos, un catálogo de prendas individuales y otro de conjuntos preestablecidos con las prendas del catálogo anterior. 3
- 4. - Además de estos catálogos estáticos habrá otros catálogos dinámicos y modificables por cada usuario que se explicarán más adelante. - Compra de las prendas individualmente o en conjunto Funcionamiento - Identificación de una prenda del catálogo seleccionandola de la lista de un código (barras o QR, pendiente de definición) de la prenda o una fotografía de la prenda, y consultar modelos preestablecidos para establecer un conjunto acorde con el estilo escogido. - Una vez identificada se sugieren posibles conjuntos acordes con el estilo escogido. La aplicación permitirá el reconocimiento de la prenda deseada mediante la lectura de los códigos de barras del producto (facilitados por las propias compañías que formen parte del proyecto), fotografía de la prenda o selección de la lista. -Posteriormente el usuario obtendrá sugerencias de posibles conjuntos a través e conjuntos preestablecidos u otros conjuntos que el usuario u otros usuarios hayan definido previamente. -una vez seleccionado el conjunto que se desea el usuario podrá adquirir prendas individuales del conjunto o todo el conjunto. -Una vez comprandos podrá recogerlos en tienda o recibirlos a domicilio (pendiente de definición) Líneas de trabajo: - MWD personas: Línea vinculada a ofrecer soluciones para que clientes individuales seleccionen conjuntos de diferentes estilos, minimizando así el proceso de decisión y compra. - MWD empresas: Línea vinculada al área empresarial que facilita la promoción y conocimiento de los productos más tendenciosos y ofrece un espacio publicitario para empresas. Será un espacio para empresas de cualquier tipo. Medios de soporte de la aplicación - Web: Contendrá todas las prestaciones excepto la del chequeo del código por lo que las prendas deberán seleccionarse de una lista. - Móvil - Tablet 4
- 5. Sistema de reconocimiento en función del etiquetado: La aplicación tendrá una base de datos con todos los códigos de las prendas que contiene, Estos códigos serán facilitados, si es posible, por las compañías colaboradoras, En un futuro se contempla la posibilidad de crear etiquetas específicas desde la aplicación. La app para dispositivos móviles permitirá a partir del escaneo del código o la fotografía del producto el reconocimiento de la prenda, de forma que posteriormente pueda asociarse a las prendas que más se ajusten a este y que han sido seleccionadas previamente por el equipo de My WarDrobe o por otros usuarios. Productos y servicios - Accesorios. - Bolsos - Zapatos - Vestidos - Camisetas - Pantalones - Sudaderas - Jerséis - Bisutería - Lencería - Faldas - Gafas de sol - Nuevos diseñadores - Otros Clientes - Para la línea MWB empresas: marcas líderes, marcas secundarias de pequeños comerciantes, complementarios (nuevos diseñadores). - Para la línea MWB personas: registrados en la aplicación. 5
- 6. 2. Competencia Portales de moda Para profundizar en el conocimiento de las prestaciones que la competencia en este sector ofrece al usuario he realizado un Benchmark que analiza las posibilidades que ofrecen otras empresas, carencias que poseen y las mejoras que podría implantar. Estudio comparado 1.1 Introducción Análisis de contexto Con este análisis me propongo identificar los estándares y prácticas que actualmente marcan la tendencia en los portales de inspiración y compra-venta de moda. Para el análisis he seleccionado 5 de los portales más influyentes en inspiración para un tipo de moda joven y urbana, tanto en el área geográfica de España como a nivel mundial. Con el objetivo de tener un mayor conocimiento de las tendencias en portales de moda, establecer una serie de buenas prácticas atractivas y usables, e implementar todas las conclusiones obtenidas en el desarrollo de mi próxima aplicación: WarDrobe. 6
- 7. Shot & Shop Nasty Gal 7
- 8. Forever 21 Urban Outfitters Wild Haze 8
- 9. 1.2 Parámetros de estudio ● Usabilidad - Espacios funcionales 9
- 10. - Estándares de uso - Tiempos de descarga 10
- 11. ● - Calidad de los contenidos Relevancia y trascendencia. - Actualización 11
- 12. - - Calidad editorial, ortografía, semántica y ritmo. Recursos de apoyo. 12
- 13. ● Diseño y comunicación - Identidad de marca y comunicación - Impacto visual y navegación. 13
- 14. - Tratamiento de la información textual. Nota media 14
- 15. 1.3 Análisis de los portales ● Empleo de redes sociales y la Web 2.0 CONCLUSIONES Con este análisis concluyó que en general el concepto de los portales analizados es correcto. Ofrecen contenidos relevantes y de calidad lo cual ayuda a crear fidelización. Ofrecen gran sensibilidad estética y de diseño en la mayoría de los casos, aunque en todos es mejorable. Estos contenidos son adecuadamente apoyados en recursos multimedia adecuados y coherentes. Además están presentes en cantidad de RRSS, con enlaces visibles a perfiles públicos y en las cuales también integra contenido de gran calidad y totalmente actualizado. La información se construye con gran apoyo visual y de imagen, totalmente acertado para un portal de estas características. Las herramientas en general respetan los estándares de uso y son adecuadas y entendibles. El diseño de la Interfaz está muy relacionado con el mundo de la moda urban, vintage y elegante. Los tiempo de navegación en la mayoría de los casos son fluidos. Por lo tanto, el resultado de la investigación afirma que la experiencia del usuario al enfrentarse a este tipo de portales es satisfactoria pero no totalmente exitosa pues hay ciertos aspectos del diseño, la estructura y la navegación que podrían mejorarse. 15
- 16. 3. Estrategia de comunicación ● Misión Necesidad de una herramienta que permita: aunar una misma plataforma de contenido los productos de moda más novedosos y de nuevos diseñadores, ayudando así a su promoción y conocimiento de los productos para facilitar el conocimiento y la compra de los mismos. Y además ayudar al usuario en el proceso de decisión del outfitt deseado a través de auto creación y sugerencia de conjuntos, ofreciendo así varias posibilidades para que escoja la que más se ajusta a su estilo personal. Con esto se pretende minimizar el tiempo de decisión y compra de los productos, permitiendo al usuario que los escoja con un sólo clic y tenga la posibilidad de adquirirlos a través de la web para su posterior recogida en tienda (o envío a domicilio si la logística interna lo permitiese). ● Visión Crear un modelo establecido de creación de conjuntos que consiga ser un icono en moda y consulta de outfitts tendenciosos. Desempeñando la actividad en: - Relación empresarial con empresas de moda que faciliten la inclusión de sus productos en la aplicación y faciliten los códigos. - Mantenimiento y actualización de contenido y conjuntos. - Creación de un sistema de chequeo sostenible, usable y fácil. - Optimizar el tiempo de compra ofreciendo la adquisición online de los productos. ● Valores RESPETO: Actuamos bajo principios éticos y normas empresariales, que permiten la exigencia de las responsabilidades mutuas, como bases de la convivencia en sociedad. RESPONSABILIDAD: trabajamos con excelencia en el seno de la empresa, atendiendo a las personas y sus condiciones de trabajo, así como a la calidad de sus procesos productivos HONESTIDAD: Aplicación: Principios que guían y aseguran la operación transparente de la empresa y sus relaciones internas y externas. COMUNICACIÓN: Constante y efectiva, entre todos los miembros que formamos parte de la empresa, así como con nuestros proveedores y clientes. 16
- 17. ● Principios COMPROMISO: Trabajamos con responsabilidad, optimizando los recursos asignados y creyendo en lo nuestro. ACTITUD DE SERVICIO: Escuchamos, atendemos y resolvemos las necesidades de nuestros clientes, con el fin de cumplir con sus expectativas y lograr su lealtad. TRABAJO EN EQUIPO: Aprovechamos las cualidades individuales y unimos destrezas para producir mejores resultados. CALIDAD: Garantizamos el mejoramiento continuo mediante el mantenimiento de altos niveles de eficiencia y eficacia, aumentando la productividad, generando mayor confianza y seguridad en los clientes. CONCIENCIA AMBIENTAL: Utilizamos materiales biodegradables contribuyendo significativamente a la conservación del medio ambiente. INNOVACIÓN: diseñar, crear, y deleitar a nuestros clientes Procuramos el cambio, a través del aprendizaje y la implementación de nuevas tecnologías, para el mejoramiento de procesos y productos. IGUALDAD: Garantizar a todos los empleados y clientes un trato equitativo por parte de la empresa en todas sus aspectos sin discriminación alguna. Personificación de la marca MyWarDrove es una aplicación de moda digital con un contenido tendencioso, exhaustivamente seleccionado y de alta calidad que se materializa de forma elegante y con gran sensibilidad de diseño. El color corporativo de la empresa será el #404040 (negro) y #cc8498 El logotipo será el nombre de la compañía en tipografía Lobster 1.3. La tipografía empleada será: Lobster para títulos, entradillas y cabeceras. Pt Sans Caption para párrafos y contenido tipográfico de pequeño tamaño. Iconos: Se emplearon los siguientes iconos como elementos gráficos extra al logotipo 17
- 18. 18
- 19. 4. Desarrollo de aplicación Mapa web 19
- 20. Wireframe y prototipado Sección Home En la parte superior estará el acceso a mi cuenta con un menú desplegable que explico más adelante y una pestaña para consultar tu actividad. Contendrá una imagen de moda en carrusel que irá cambiando cada 30 segundos o si el usuario lo solicita, podrá pinchar en el menú superior o en los iconos creados para acceder a las opciones principales. Tendrá una sección inferior y apoyada en imágenes para acceder a las categorías del catálogo. En la parte inferior estará el acceso a RRSS y al registro. 20
- 21. Encuentra tu prenda Pantalla 1 En esta sección se podrá o bien seleccionar un elemento de la lista del catálogo pinchando en la mano, aparecerá el menú del catálogo en la parte izquierda, podrás chequear el código de tu prenda o fotografiarla y que sea reconocida por el sistema para posteriormente visualizar los conjuntos. 21
- 22. Pantalla 2 Una vez seleccionada la prenda aparecerán una serie de conjuntos con las prendas que lo integran individualmente y una fotografía de una modela vistiendo el conjunto. Podrás pasar mediante las flechas de un conjunto a otro. 22
- 23. Inspírate En esta sección visualizar conjuntos preestablecidos por la aplicación o creados por otras usuarias y tendrás la opción de darle a “Me gusta” con el corazón para que aparezca en la actividad del usuario que lo ha creado o añadirlo a la lista de “Mis conjuntos” mediante la estrellita. 23
- 24. Crea conjuntos El usuario podrá crear conjuntos seleccionando los elementos de la lista que será la misma que aparece en el catálogo y los podrá añadir a la ventana de visualización para ver el resultado arrastrándolos. 24
- 25. Mis conjuntos A esta pantalla irán todos los conjuntos que el usuario ha marcado como favorito, pudiendo en el icono de “Edición” edita el título o borrar el contenido. Podrá también compartir este contenido a través de la pestaña “Enviar”. 25
- 26. Catálogo El usuario podrá visualizar el catálogo seleccionando la sección en el menú izquierdo, pudiendo incluso filtrar el contenido por color de la prenda. En este caso el usuario está visualizando los vestidos de color negro. 26
- 27. Menú desplegable Esta pestaña se desplegará de la sección de mi cuenta para que el usuario pueda acceder, pueda configurar los datos de su cuenta, conocer My WarDrobe, añadir un conjunto a la sección de conjuntos de su cuenta o salir de la aplicación. Formulario de Registro 27
- 28. 4. Test de usabilidad ● Misión: En este test nos proponemos medir en nivel de eficiencia y eficacia de ciertos aspectos de www.mywardrobe.com relacionados con tareas que llevaría a cabo un usuario que acceda a la página web por primera vez. ● Target: Test orientado a público joven que conozca el uso de este tipo de aplicaciones. ● Pruebas Para realizar este test se han propuesto las siguiente tareas: - Registrarse en la aplicación. - Buscar una prenda de la lista en la sección “Buscar prendas” y los modelos que ofrece - Añadir un conjunto a favoritos. ● Datos recopilados En base a estas preguntas hemos medido los siguientes parámetros: - Nivel de éxito de la prueba (evaluándolo en una nota del 1-5) - Tiempo transcurrido en superar la tarea. - Dificultad del recorrido para concluir la tarea solicitada. ● Documento para realizar el test. Modelo 28
- 29. 5. Test de usabilidad Tareas: - Registrarse en la aplicación. - Buscar una prenda de la lista en la sección “Buscar prendas” y los modelos que ofrece - Añadir un conjunto a favoritos. SUJETO 1 Nombre: Ana Córdoba Fecha de nacimiento: 22/01/1990 TAREA 1 TAREA 2 TAREA 3 Nivel de éxito 4 4 4 Tiempo 0,45 1,18 0,57 Recorrido 1 paso 2 pasos 2 pasos Conclusiones principales El usuario se ha registrado sin problemas El usuario ha encontrado fácilmente la prenda El usuario ha añadido fácilmente el conjunto a la sección “Mis conjuntos” TAREA 1 TAREA 2 TAREA 3 Nivel de éxito 5 4 4 Tiempo 0,30 1,05 0,50 Recorrido 1 paso 1 paso 2 pasos Conclusiones principales El usuario ha sido muy rápido en esta tarea. El nivel de éxito en esta sección con el usuario 2 ha sido alto, no ha encontrado problema El usuario ha encontrado fácilmente la tarea. SUJETO 2 Nombre: Bárbara Bootello Fecha de nacimiento: 21/09/1989 29
- 30. CONCLUSIONES En general los usuarios han tardado poco tiempo en identificar la ubicación de las secciones con un proceso de búsqueda en pocos pasos, la ubicación de las secciones parece la correcta. La aplicación cumple a grandes rasgos con sus funciones y el resultado del test la considera fácil y usable. Por lo tanto concluyo que el nivel de éxito de la aplicación es alto. 30