Saltear al contenido principal

Bank Austria Kinect

Una experiencia gamificada para un banco

En pleno centro de Viena se encuentra la sede del Banco de Austria, y allí se implementó nuestro proyecto: una pantalla con información del propio banco que se podía controlar con el dispositivo Kinect. En equipo desarrollamos el concepto, la usabilidad y el diseño.

Dirección artística, diseño, concepto y experiencia de usuario

Josef Froschauer (concepto y UX) | Markus Schneeberger (jefe de proyecto) | Bank Austria (programación)

2013

Interfaz – UI | Experiencia de usuario – UX

Bank Austria
(Ovos)

la Kinect que hace al

banco más cercano a sus clientes

Bank Austria kinect persona

Basados en las peticiones del cliente abocetamos

los primeros sketches y wireframes

Bank Austria kinect wireframe 2
Bank Austria kinect wireframe 3
Bank Austria kinect wireframe 1
Bank Austria kinect wireframe 4

La idea básica era dar a conocer ciertos productos del banco a través de una navegación sencilla para el usuario.
Mostramos información del banco en abierto, así como sus promociones, ofertas o su muestrario de venta de casas o coches.

Un buen diseño de interfaz
Bank Austria Kinect evolution

Paso a paso del proyecto:
1.º Especificaciones y guía corportativa / 2.º Wireframing / 3.º Prototipado y testeo / 4.º Diseño y programación.

Resultado:
Una estructura de navegación sencilla y clientes sorprendidos que interactuaban con la pantalla.

Bank Austria headquarters picture 1 - Foto 1 de la sede de Bank Austria
Bank Austria headquarters picture 1 - Foto 1 de la sede de Bank Austria
Bank Austria headquarters picture 1 - Foto 1 de la sede de Bank Austria
Bank Austria headquarters picture 3 - Foto 3 de la sede de Bank Austria
Bank Austria headquarters picture 4 - Foto 4 de la sede de Bank Austria
Bank Austria Kinect Home interface
Bank Austria Kinect Home interface
Bank Austria Kinect Pressed Home interface
Bank Austria Kinect categories section interface

La primera pantalla mostraba cómo debías interactuar con la Kinect. Para después mostrarte las diferentes opciones a explorar.

Quería que esta pantalla fuera llamativa, por eso el color rojo y tamaños grandes de los elementos.

Tan pronto seleccionabas la categoría que querías ver pasabas a una pasarela horizontal de esos productos.

Los controles de navegación eran muy sencillos: izquierda,  derecha y volver atrás.

Además incorporamos en cada sección un código QR, para que la gente pudiera escanearlo con el móvil y tener la misma información en su teléfono móvil.

Bank Austria Kinect prodcut example interface
Bank Austria Kinect prodcut example interface
Bank Austria Kinect David Alaba prodcut interface
Bank Austria Kinect UI
Bank Austria Kinect interface screen
Bank Austria Kinect discount screen
Bank Austria Kinect simple selection
Bank Austria Kinect simple selection
Bank Austria Kinect hause energy
Bank Austria Kinect car selection screen

La interfaz tenía diferentes fondos de la ciudad de Viena que cambiaban de vez en cuando.

Quería mantener una conexión entre el diseño, el lugar donde están y la gente.

Y como parte de la gamificación añadimos un pequeño juego consistente en parar el balón con la mano.

De esta manera también el usuario se familiarizaba con el uso de los controles y la Kinect.

Al final del mini juego te mostraba los resultados del momento de la Champions League.

Bank Austria Kinect Goalkeeper football game
Bank Austria Kinect Goalkeeper football game
Bank Austria Kinect UEFA Champions Leaque
Bank Austria Kinect UEFA Champions Leaque ranking
Bank Austria Kinect football news
Y todo en pleno centro de Viena
Vienna skyline - Horizonte de Viena
Volver arriba