Está en la página 1de 7

ESTUDIO MAPPING

Exhibición itinerante

Guácala: La Ciencia del Asco


Diseño de interfaz para el dispositivo “Experiencia Visual”.

PREPARADO PARA: Sigrid Falla Morales


Directora de Arquitectura de Experiencias
Maloka

PREPARADO POR: Estudio Mapping

www.estudiomapping.com
info@estudiomapping.com
[51] 315.209.0012
Bogotá · Colombia
Pantalla de Inicio
Asco Tube Protector de Pantalla
Estructura de navegación

Es una apliación para tableta que permite


a los vistantes de la exposición Guácala:
La Ciencia del Asco explorar una galería
de gif’s animados sobre el tema del asco.

Tanto el diseño de interfaz como de inte-


racción buscan ser lo más simples e intui-
tivos posibles, se hace uso de un mínimo Pantalla 1
de pantallas para facilitar la comprensión Selección de
de la navegación por parte del usuario. Sonidos

Pop-Up
Contenidos
Tecnología
Software

El desarrollo de la aplicación se realizará en HTML 5,


Canvas y Angular JS
Optimizado para pantalla táctil.

Hardware

a. Tableta de 10.5”
Resolución 2224×1668 px
Pantalla de inicio
Protector de pantalla

Para desarrollar una interfaz lo más intuiti-


va posible establecemos una pantalla
inicial con una animación que llame la
atención y sirva de protector mientrás la
aplicación no está en uso.

Esta pantalla es lo primero con lo que el


usuario se encuentra, aquí tiene la opción
de hacer click o Swipe left para iniciar la
navegación.

Cuando la aplicación reconoce que no


hay actividad vuelve a esta pantalla.

Gestos

Single Click Swipe Left


Pantalla 1
Selección de videos

En esta segunda pantalla de la aplicación,


el usuario puede navegar a través de los
videos que aparecen en la pantalla como
una nube.

Los videos flotan en una navegación esféri-


ca 3D que tiene sensaciónde profundidad.
Para escoger el video de su interés, el
usuario puede hacer scroll horizontal o
vertical, los videos responderan a ese gesto
moviendose en la pantalla.

Para elegir uno, basta hacer click sobre él.

Gestos

Single Click Scroll Horizontal Scroll Horizontal


Pop-Up
Contenidos

Al hacer click sobre uno de los gifs o videos


este se abre en forma de Pop-up. Con el
gesto de Touch & Hold puede ubicar la
ventana en cualquier parte de la pantalla.

El video tiene su propia interfaz de repro-


ducción, en el pop-up también aparecerán
los contenidos, una vez visto el video se
cierra con un botón ubicado en la esquina
superior izquierda.

Después de cerrado, se vuelve a la pantalla


anterior.

Gestos

Single Click Touch & Hold


www.estudiomapping.com
info@estudiomapping.com
[51] 315.209.0012
Bogotá · Colombia