nombre de la app: sosmoda · características de los dispositivos con los que la usuaria accederá...

UPC – Licenciatura en Diseño – Laboratorio Digital - Prof.: Lila Pagola – Diseño de prototipo de app móvil – Parte 1: Proyecto

Bazán, Viviana - Lehr, Griselda - Ontiveros Meizeng, Noel - Paez, Janet 1 | P á g i n a

TRABAJO PRÁCTICO FINAL: DISEÑO DE PROTOTIPO DE APP

Diseño de prototipo de app móvil

Parte 1: Proyecto

Grupo interdisciplinario:

Bazán, Viviana (Interiores); Lehr, Griselda (Diseño Gráfico); Ontiveros Meizeng, Noel (Indumentaria); Paez, Janet

(Diseño Gráfico e Indumentaria).

DISEÑO DE INFORMACIÓN:

Nombre de la app: SOSModa

Género de la app: Diseño de Indumentaria

SOSModa es una App de realidad aumentada, cuyo objetivo es brindar asesoramiento

de imagen según la silueta de la usuaria y que se pueda medir virtualmente las prendas.

Permite:

Comprar indumentaria favorecedora para la silueta en tiempo real.

Seleccionar indumentaria acorde al estilo personal.

Usar en diferentes situaciones en forma individual o grupal (trabajo, salidas nocturnas, etc.).

Compartir el estilo elegido en las redes sociales.

PROCESO DE REALIDAD AUMENTADA:



Objetivos de la APP

A través de esta aplicación la usuaria podrá comprar indumentaria que sea favorecedora a su silueta, acorde a su estilo y evento.

Para esto al crear un usuario se podrá subir una fotografía y completar ciertas preguntas y parámetros que den un perfil del

estilo y preferencias, también de cuáles son las situaciones en las que la usuaria interactúa con mayor frecuencia (como trabajo,

salidas nocturnas, citas, clases, etc.). Los parámetros que la usuaria debe aportar son altura, medida de busto, cintura, cadera.

Con estos datos la aplicación hará una interpretación de la imagen corporal en tiempo real y ofrecerá alternativas de prendas

que se ajusten a los requerimientos del cliente. La característica diferenciadora de nuestra aplicación radica en el uso de la

realidad aumentada para probarse prendas en tiempo real, para llevar a cabo esta acción la usuaria se vale del uso de la cámara

frontal del celular y un trípode de mesa.

Perfil de Usuario

Sexo: Femenino Edad: 19 a 30 años Nivel socioeconómico: medio alto

Residencia: centros urbanos de Argentina Nivel educativo: terciario, superior y/o universitario

Dispositivos a los que accede: celular y tablet



Actividades: la mujer promedio que usa nuestra aplicación, es estudiante, empresaria, emprendedora, tiene un trabajo con una

carga horaria de al menos 56 horas semanales, u ocupa este tiempo en clases o estudio. Además tiene hobbies y una vida social

activa. Esta mujer ama seguir instagramers dedicadas a la moda y armar tableros con inspiración en pinterest.

Relación con la tecnología: la relación es muy fluida, usa el celular como herramienta de trabajo, y además está muy inmersa en

el mundo de las redes sociales. Este segmento del mercado está acostumbrado a resolver sus actividades diarias a través de

distintas formas de tecnología, realiza compras por internet, consume contenido vía streaming, usa google maps, y otras

aplicaciones. El celular es una herramienta fundamental en su vida profesional y personal. También tiene acceso a Notebook, PC,

Tablet, Smart T.V.

Esta propuesta está orientada a mujeres que quieren ampliar su guardarropa de forma práctica y dinámica, favoreciendo su

figura, en poco tiempo y sin sacrificar su estilo.

La mujer que usa S.O.S. Moda es activa, tiene una vida social viva y responsabilidades que no le permiten pasar horas

comprando de la forma tradicional, con nuestra app puede usar sus ratos libres para buscar, guardar, comprar, armar looks

siguiendo recomendaciones generadas por la app con marcas que ella predeterminó al crear un usuario.

Características de los dispositivos con los que la usuaria accederá a nuestra app:

Teléfono celular con iOS 9.3 (2016) o Android 6, con una pantalla de al menos 5.5", 720 x 1280 pixels; una memoria

interna a partir de 1.5GB RAM y cámara 13 MP. Y conectividad 4G LTE.

Otro dispositivo en el que se podrá usar es en Tablet. Esta deberá tener las siguientes características, Android 6, 1.5 GB

de memoria interna. Pantalla de 9.6" (243.4mm) resolución 1280 x 800 (WXGA). Conectividad a través de Wi-Fi.

Otras especificaciones:

Para el uso es necesario contar con internet. Esto puede ser a través de un paquete de datos 4G en el caso del celular y

a través de wi-fi de banda ancha con al menos 6 megas.

Para poder realizar compras debe contar con disponibilidad de tarjeta de crédito y/o cuenta de mercado pago.

Para crear un usuario deberá suscribirse con una cuenta de Gmail.

Situación de Uso

Nuestra aplicación es de uso privado, en la intimidad de cada usuaria. Al buscar adquirir prendas nuevas podrá en su hogar

elegir junto a amigas o en forma individual (usando un trípode de mesa) ítems para agregar a su guardarropas.

Esta app puede ser usada de día o de noche, en cualquier época del año y requiere que el celular o tablet esté conectada a

internet para asegurar la interacción de realidad aumentada. Al enfocar su imagen, si es en interior, es importante que sea en un

lugar bien iluminado (natural o artificialmente) parada sobre un fondo que resulte contrastante. Deberá estar con ropa

entallada que permita visualizar claramente su figura. El tiempo de interacción con la App puede durar desde 30 minutos en

adelante.

DISEÑO DE INTERACCIÓN:

Desarrollamos nuestra aplicación S.O.S. Moda que permite, mediante el previo registro (o inicio de sesión), solicitar el

asesoramiento de imagen virtual mediante una serie de preguntas. Nuestra meta es trabajar sobre la imagen de la usuaria para

sacarle el máximo partido, prestando atención a sus características físicas y necesidades personales para obtener una imagen



final acorde a sus requerimientos, ahorrando tiempo y dinero. Los controles de la aplicación, mediante la pantalla táctil, son a

través de botones con íconos y algunos menús de opción. Para manejar la misma se requiere un nivel estándar de

conocimientos previos, comunes a otras aplicaciones manipuladas anteriormente.

Ejemplos wireframing:

Las acciones de usuario serían: registro o inicio de sesión; si es registro debe completar datos personales, luego una encuesta de

estilo con sus medidas corporales e ingresar una fotografía en ropa ajustada o interior de cuerpo completo para usar durante el

asesoramiento; esto configura su perfil. En caso de tener usuario, ingresa, y aparece una pantalla de menú con íconos

interactivos, donde las opciones son: mi perfil, favoritos, bijouterie, zapatos, carteras, indumentaria, lencería, complementos;

selecciona una opción, y se abre una pantalla donde puede realizar sus elecciones y compras, definiendo un estilo y momento

del día, recibirá una serie de opciones en tiempo real desde dónde seleccionará la más adecuada para ésa situación. En este

momento ponemos en evidencia el aspecto de interacción y de realidad aumentada, la usuaria debe enfocar su imagen con el

celular y con esto puede pre visualizar de manera instantánea cómo le quedan las prendas en el momento.

Una vez elegida la prenda se agrega al carrito y posteriormente ingresa a la pantalla de detalles, formas de pago y opciones de

envío. Finalmente se espera en el domicilio la entrega del producto. Se puede realizar un seguimiento del envío mediante una

consulta, reclamo, o confirmación de recepción.

Gestos / interacción / botones:

Botones accionados mediante el toque con un dedo.

Zoom en el momento de capturar la imagen corporal.

Deslizar con el dedo hacia izquierda o derecha para moverse en la pantalla.

Los botones se presentan, mediante símbolos de fácil reconocimiento, ya que suelen ser utilizados a menudo en otras

aplicaciones similares.

Usabilidad

Su uso sería intuitivo, ya que responde al de aplicaciones similares, o al uso que se hace en general de otras aplicaciones.



Ingreso app

Inicio de sesión

Pantalla principal

Selecciona una opción y usa el

probador.

Se agrega

al carrito

Pantalla

de Compras

Pantalla de detalles, formas de pago,

envío, etc.

Concluye la compra y se espera el envío a

domicilio

Registro

Completa datos personales

Encuesta de estilo, medidas y fotografía

para configurar el perfil



DISEÑO DE PRESENTACIÓN:

Aspecto estético de nuestra app:

Detalles de uso en la próxima página ->



Detalles de uso:

INICIO:

Nuestra App está dirigida a mujeres, por lo cual utilizamos colores pasteles, magenta, y

naranja para demarcar diferentes situaciones, desde el registro, hasta el momento de uso de

la cámara. El isologo expresa un doble sentido: por una parte, auxilio (SOS) que se le brinda

a la usuaria respecto al asesoramiento sobre Moda, y por otro, sos moda!, una expresión que

implica que ella también puede marcar tendencia con su propio estilo compartiéndolo en las

redes sociales. La letra S la envuelve, vincula e involucra con la indumentaria que utiliza, su

estilo.

En la primera pantalla, al iniciar la aplicación, se realiza el ingreso de la usuaria, con un

nickname y contraseña, su Facebook o google+, si lo prefiere; también tiene la posibilidad de

obtener ayuda si olvidó sus datos de ingreso. Debajo se observa la opción de Crear una

cuenta nueva, que es el paso de registro en la pantalla siguiente.

REGISTRO:

Por otro lado, si es una nueva usuaria, tiene la opción de registrarse, completando una serie

de datos personales, encuesta de estilo, etc., también ingresar los datos para facilitar la

compra posterior, y así configurar su perfil.

OPCIONES:

En esta etapa, aparece una pantalla de menú con íconos interactivos, donde las opciones

son: mi perfil, favoritos, bijouterie, zapatos, carteras, indumentaria, lencería, complementos;

selecciona una opción y pasa a la pantalla de compra.

Indumentaria Zapatos Lencería

Carteras Bijouterie Complementos



SELECCIÓN:

Aquí aparece la pantalla donde se selecciona el estilo y evento, basado en esto y en las

elecciones del perfil ya configurado, se muestran posibles opciones. También se pueden

subclasificar por las prendas que tienen descuentos, todas las disponibles, o sugerencias de la

App. Debajo se pueden apreciar los botones para ir al perfil, favoritos, realizar la compra

directamente, o ver cómo luce la prenda seleccionada.

PROBADOR:

Para ver cómo queda la prenda seleccionada, la usuaria en tiempo real, mediante un trípode

y la cámara frontal (o con la ayuda de otra persona), pueda

visualizar de forma inmediata cómo le queda una determinada

prenda o conjunto de prendas (aquí se utiliza la realidad

aumentada y se evidencia el aspecto de interacción), la App

posiciona la prenda sobre el cuerpo de la usuaria para que vea

cómo luce. Debajo se pueden apreciar los botones para sacar

otra fotografía, eliminar la actual, compartir en las redes, guardar,

o más opciones.

DETALLES PRENDA:

Una vez seleccionada la prenda, se pueden observar los detalles de la misma, y proceder a la

compra si es del gusto de la usuaria, guardarla para luego compartir, agregar a favoritos o

volver a la tienda para ver otras opciones.



FORMAS DE PAGO:

Ya seleccionada la prenda, se procede a la pantalla de formas de pago, donde tenemos las

diferentes opciones, además la del carrito para ver las compras realizadas hasta el

momento. Posteriormente pasamos a la pantalla de detalles del pago.

DETALLES DE PAGO:

Aquí se muestra un ejemplo de pago con Tarjeta de Crédito, se selecciona la cantidad de

cuotas deseadas, se confirma el titular de la tarjeta, el número y fecha de vencimiento de la

misma (se supone que los datos de envío como dirección ya fueron completados en el

perfil, sino no nos habilitaría pagar). Luego se procede a aceptar los términos y condiciones,

y se selecciona el botón pagar.

DATOS DE COMPRA:

En esta etapa, se muestran los datos de la compra realizada, fecha de entrega estimada y

otras opciones, también se agrega un código de consulta para realizar el seguimiento de la

prenda.



SEGUIMIENTO Y RECEPCIÓN DE COMPRA:

En esta pantalla se puede realizar la consulta por código para saber la ubicación de nuestra

prenda o artículo, en caso de no cumplir con la fecha estimada de entrega se puede efectuar

un reclamo, y en el caso de haberla recibido se confirma su recepción.

nombre de la app: sosmoda · características de los dispositivos con los que la usuaria accederá...

Documents