View
11
Download
0
Category
Preview:
Citation preview
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:
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 2 | P á g i n a
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 3 | P á g i n a
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
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 4 | P á g i n a
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
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 5 | P á g i n a
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.
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 6 | P á g i n a
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
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 7 | P á g i n a
DISEÑO DE PRESENTACIÓN:
Aspecto estético de nuestra app:
Detalles de uso en la próxima página ->
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 8 | P á g i n a
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
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 9 | P á g i n a
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.
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 10 | P á g i n a
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.
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 11 | P á g i n a
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.
Recommended