UNIVERSIDAD PROVINCIAL DE CÓRDOBA

LICENCIATURA EN DISEÑO

LABORATORIO DIGITAL – COMISIÓN 1

LOPEZ DAYANA – MARTINEZ CABRERA M. VIRGINIA – RIOS VICTORIA

Nuestro proyecto de aplicación de realidad aumentada

está dirigida a la simulación visual de pisos de madera de

la marca Patagonia Flooring & Decks.

Esta aplicación permite a través de un dispositivo

tecnológico la visualización en tiempo real de los

productos de la marca ubicados en un ambiente.

Diseño de Información:

La expectativa que buscamos con el diseño de laaplicación es que el usuario puede ver como quedaun producto de Patagonia en su ambiente.

La experiencia que se busca es de satisfacción delusuario para poder adquirir los productos de la marca.

Renovar un ambiente.

Colocar un piso para interior exterior o escaleras en una

construcción.

Facilitar el trabajo de un profesional para con sus

potenciales clientes.

Interés:

Necesidades:

Facilitar la compra de pisos de madera a profesionales y

usuarios en general.

Previsualizar el ambiente con el resultado deseado.

Objetivos:

Esta aplicación está dirigida a un público adulto, de un rango

etario de 18 a 50 años. Principalmente diseñadores o

profesionales, pero también es para aficionados, y a todo aquel

que quiera hacer uso de la aplicación o comprar los productos

de la marca. De cualquier sexo y un nivel socio-económico

medio alto.

Los usuarios deberán disponer de un dispositivo móvil inteligente

(tablet o celular). Tener manejo del mismo como para poder

bajar la aplicación y hacer uso de la misma.

El usuario ingresará a la aplicación y las pantallas interactivas lo

irán guiando de forma clara y simple para una mejor

visualización.

Perfil de usuario:

Dependiendo del usuario puede tener una o mas situaciones deuso:

Cuando el usuario es un aficionado deberá tener laaplicación descargada, su dispositivo cargado y tiempodisponible para poder elegir el color de la madera que desee.Es preferible que tenga conexión a internet por si deseacontactarse con la empresa o ver el proveedor mas cercano.

En el caso de los profesionales que el uso sea en una obra enconstrucción debe tener las manos desocupadas para tenermejor pulso y manejo del dispositivo mientras realiza laexperiencia.

Si el usuario quiere tener una mejor experiencia másagradable es preferible que los ambientes estén bieniluminados y ordenados para que la visualización sea mas realy el producto se pueda apreciar mejor.

Situación de uso:

Una diseñadora descarga la aplicación en su celular con

conexión a internet y se dirige a la casa de un cliente. Allí

con el celular smart phone sacara una foto del ambiente

y junto al cliente irán seleccionando colores para visualizar

como quedará en el lugar. De esta forma lo ira guiando y

ayudando a tomar la decisión correcta. En el dispositivo se

irán guardando fotos con distintas alternativas.

Un aficionado por el diseño que tiene la App. Descargada

en su tablet, observara la galería fotográfica de Patagonia

para tomar algunas ideas y luego con el visualizador ira

probando, en el interior y exterior de su vivienda, diferentes

tipos de pisos. Luego con conexión Wi-fi enviara su

consulta a la casilla de mensajes del contacto.

Planteo de situación de uso:

El tipo de dispositivos para ver esta aplicación son dispositivos

móviles con pantalla táctil, Teléfono móvil Smartphone y tablets

o tabletas.

Requisitos mínimos para ejecutar Patagonia Flooring & Decks:

• 1024 MB RAM

• Cámara- 5MP, video 720 P a 30 FPS

• Compatibilidad: Android 2.3.3 (Gingerbread).

• Resolución 360 x 640.

La aplicación funciona sin internet. Solo hay que descargarla

haciendo uso del mismo. Y en caso de querer contactar con la

empresa o ver el proveedor más cercano si hay que estar

conectado a internet.

No hace uso de sonido.

En el caso de tener que realizar una actualización, un plugin,

calibrar lo resuelve por si mismo

Tecnología Usada:

•El color utilizado en la aplicación es el color Marrón propio de la

marca. El mismo se irá trabajando en degradé para poder

identificar cada ícono o texto.

•Los textos son cortos y fáciles de comprender.

•La tipografía empleada en cada uno de los textos será Trajan

pro, la misma que la que emplea la marca.

•La forma de interactuar se da mediante la selección y

desplazamiento digital manual.

Estética y lenguaje usado:

La aplicación posee una actualización automática cuando hay

conexión con internet. Ya que la base de datos estará cargada

allí.

Pero por lo general el dinamismo de los datos serán anuales.

Actualización y dinamismo de los datos:

No hay ninguna aplicación abocada a este rubro para

poder analizar como competencia por lo cual optamos

por analizar la aplicación ALBA VISUALIZER que posee un

diseño interactivo similar a lo buscado, tratándose en

este caso de la apariencia de pintura en paredes.

Al no tener ninguna competencia en el mercado,

creemos que es un proyecto muy bien ideado y que

sería de mucha utilidad.

Análisis de APP similares:

Análisis de ALBA VISULIZER:

No se especifica público al que está dirigido. Nosotros

consideramos que es una aplicación que puede ser usada por

adultos en un rango de edad de 18 a 60 años de ambos sexos.

Perfil de usuario:

Requisitos mínimos para ejecutar ALBA Visualizer:

• 1,2 GHz CPU (de doble nucleo) Adreno 220 o posterior,

ARM MALI 400 o posterior, o PowerVR GPU SGXMP,.

• Soporte completo para el ARM NEON SIMD motor de

propósito general.

• 1024 MB RAM

• Cámara- 5MP, video 720 P a 30 FPS

• Sensores: Acelerómetro HW, giroscopio, campo

magnético.

• Compatibilidad:

• Requiere iOS 9.0 o posterior. Compatible con

iPhone, iPad y iPod touch.

• Android 2.3.3 (Gingerbread), API level 10+.

La aplicación funciona sin internet.

No hace uso de sonido.

Tecnología Usada:

El color utilizado en la aplicación es el color azul propio de la

marca.

El tamaño de la letra de los títulos es mediano y del texto general

es chica. Los textos son cortos y fáciles de comprender. La forma

de interactuar se da mediante de la selección y desplazamiento

digital manual.

Estética y lenguaje usado:

La actualización puede darse manual o automáticamente según

decisión del usuario. Su ultima actualización fue en 2015; como su

creación fue en 2014 posiblemente sus actualizaciones sean

anuales.

Actualización y dinamismo de los datos:

Diseño de Interacción: La interacción con la aplicación será sencilla y guiará paso a

paso al usuario para que pueda desempeñarse con rapidez

dentro de la misma.

Se colocarán filtros para que, según lo que se quiera hacer,

sea más fácil la elección del tipo de piso. Para ello se tendrá en

cuenta todos los productos que ofrece la marca.

Diagrama de Flujos:

LOGO

APP

BIENVENIDO

VISUALIZADO

R

TIEMPO REAL

TOMAR FOTO

ELEGIR UNA

EXPLORAR

PRODUCTOS

REPRESENTANTE

PAIS

PROVINCIA

CIUDAD

CODIGO AREA

BUSCA NUESTRA

SUCURSAL

SUPERFICIE

AMBIENTE

PRODUCTO

LARGO

ANCHO

RESULTADO APROX.

GALERÍA

MI GALERÍA

NUESTRAS OBRAS

CONTACTENOS

NOMBRE

PAÍS

PROVINCIA Y CIUDAD

SU CONSULTA

C

INICIO - LOGO

VISUALIZADOR

REPRESENTANTE

SUPERFICIE

GALERIA

CONTACTENOS

VISUALIZADOR

INTERIOR

EXTERIOR

ESCALERA

REVESTIMIENTO

Diseño de UX:

La interface de usuario es de tipo natural. Al trabajar con

dispositivos táctiles y portátiles es necesario que la persona

tenga manejo del mismo, para que la calidad de interacción

sea agradable. No es necesario que el usuario posea una

destreza diferente que con cualquier otra aplicación, la

ubicación de los botones y los controles es apta para que el

individuo tenga acceso rápido y fácil.

Diseño de controles:

Los mismos tendrán iconos y textos para que los usuarios se

desempeñen mejor en la aplicación. La tipografía será la

misma de la marca al igual que los colores. Los iconos

utilizados serán sencillos para que el usuario pueda

identificarlos rápidamente.

Iconos:

Calculo de

superficie.

Nuestra sucursales.

Visualizador.

Mis fotos.

Nuestros

Productos

Representante

mas cerca. .

Galería.

Rotación de

pantalla.

Muestreo de iconos y visualización del

orden

Prototipado de zonas interactivas sin detalles formales:

Imágenes de bosquejos wireframing

Presentación Inicio 1)Visualizador

2)Representante 3)Superficie 4)Galería 5)Contáctenos

Diseño de Presentación:

Aspectos formales y estéticos de la App.: diseño de

interface de usuario en forma de bocetos no funcionales

(10 pantallas de las funciones mas importantes)

Presentación en dispositivo móvil (celular) .

Pantalla de inicio al abrir la aplicación.

Nuestra aplicación al ingresar a la misma posee

una presentación con el logo propio de la

Marca.

Esta aplicación permite a través de un

dispositivo tecnológico la visualización en

tiempo real de los productos de la marca

ubicados en un ambiente.

Menú principal de la

App.

En esta pantalla se

podrá ver cada una

de las posibilidades

para desarrollar dentro

de la aplicación.

Indicando tan solo con

el dedo en una de

ellas nos llevara a las

diferentes áreas para

desarrollar lo que

deseemos.

Visualizador

(filtro de ambientes):

Al ingresar en el primer

icono de la pantalla del

menú principal se nos

aparecerán diferentes

alternativas de ambientes

para poder ser más

específicos en cuanto a lo

que deseo ambientar.

Cada una de las

alternativas posee una

imagen a modo de

presentación y haciendo

alusión al espacio.

Visualizador

(Dentro ya de cada uno

de los filtros anteriores):

Una vez seleccionado el

ambiente a intervenir se

presentara esta pantalla

para elegir de que forma

quiero ver el espacio y

que productos tengo

para trabajar en el mismo.

Cada icono hace alusión

al texto y a lo que

sucederá si hago clic en

uno de ellos.

Paso a Paso

Representante más cerca

suyo

(Esta pantalla precisa uso

de internet.):

Al seleccionar la segunda

opción en el menú

principal podemos ubicar

la sucursal de la marca

más cercana a nuestro

domicilio. Tan solo

completando los datos

que allí se especifican nos

dará a conocer en

google maps cual es la

sucursal más cerca de

nuestro hogar.

Calculo de superficie:

Si deseamos saber que

cantidad de material

vamos a emplear para una

superficie debemos indicar

cada uno de los ítems y el

programa lo indica

automáticamente. Esto nos

facilitará la compra y a

demás nos dará la

cantidad para consultar el

precio del material.

Galería de Imágenes

Cada vez que probemos un color

en nuestro ambiente podemos

guardar la foto en “Mi galería” para

luego poder ver todas las

alternativas.

También podemos ver una galería

de imágenes de la marca para

tomar ideas e inspirarnos a la hora

de crear nuestro ambiente.

Contáctenos:

Para contactarse con la

empresa y realizar alguna

consulta vía internet

completamos los datos y el

mensaje será enviado.

Tan solo con un clic en las

imágenes se trasladara a la red

social deseada.

Este menú precisa de una

conexión a internet para poder

utilizarlo satisfactoriamente.

Situaciones de uso:

A continuación

presentamos algunas de

las alternativas de la

aplicación en diferentes

espacios, a modo de

presentación de cómo

se utilizaría la aplicación

en distintos momentos

del día y en cada uno

de los filtros del

visualizador.

Selección de color para

escalera:

A nuestra derecha

podemos visualizar las

diferentes alternativas de

color disponible para

escaleras, Arriba de todas

ellas en pincel para pintar la

zona deseada y a la

izquierda el botón por si se

desea guardar la imagen.

Selección de color para

piso interior:

Como en el caso anterior

la disposición de los

elementos se opta por

colocarlos así para que el

usuario tenga un fácil

acceso a cada una de las

alternativas y pueda hacer

manejo del dispositivo sin

inconvenientes.

Selección de color para revestimiento:

En el caso que el dispositivo móvil quiera ser empleado en forma vertical, los

colores se visualizaran en la parte inferior del mismo al igual que el icono de la

captura de imagen.

Selección de color para piso exterior:

Siempre es preferible tener las manos libres para tener un mejor dominio sobre el

dispositivo y que la iluminación del espacio sea adecuada, en el caso de los

ambientes exteriores no se pueden tomar fotos en forma nocturna.