Sofía Accatini: Interacción y Rediseño de Widget

De Casiopea
Revisión del 11:20 11 abr 2019 de Hspencer (discusión | contribs.) (Texto reemplazado: «Sofia Accatini» por «Sofía Accatini»)


TítuloObservación de sistemas
Palabras Clavewidget
AsignaturaTaller de Diseño de Interacción 2018,
Del CursoTaller de Diseño de Interacción 2018,
CarrerasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Sofía Accatini

T1

Servicio de comida

Los siguientes croquis muestran la experiencia del usuario al enfrentarse a un servicio de comida; sea en un patio de comidas, una cafeteria o un kiosko en la calle. Como este se logra desenvolver en el contexto que se encuentra, los elementos que se utilizan, la comparación en la variación de los productos que se entregan al consumidor dependiendo del lugar, etc.

Fachadas y presentación

NuevoDocumento 2018-03-06 (1) 1.jpg
NuevoDocumento 2018-03-06 6.jpg


NuevoDocumento 2018-03-06 (1) 10.jpg
NuevoDocumento 2018-03-06 (1) 11.jpg
NuevoDocumento 2018-03-06 2.jpg


Experiencia de usuario

NuevoDocumento 2018-03-06 (1) 2.jpg
NuevoDocumento 2018-03-06 (1) 3.jpg


NuevoDocumento 2018-03-06 3.jpg
NuevoDocumento 2018-03-06 4.jpg


Comercio Ambulante

El comercio ambulante tiene como característica lo efímero y la rapidez; los siguientes dibujos cuentan con la observación de como se desarrolla este tipo de comercio en la vía pública y lo que genera en la gente que transita por el lugar.

NuevoDocumento 2018-03-06 (1) 8.jpg
NuevoDocumento 2018-03-06 (1) 9.jpg
NuevoDocumento 2018-03-06 (1) 5.jpg

Espacio Público

Los espacios públicos se diseñan para satisfacer las necesidades de una comunidad; los siguientes croquis muestran como las personas se desenvuelven dentro de estos lugares con los elementos que ellos ofrecen, la interacción que se genera entre un medio y sus objetos.

NuevoDocumento 2018-03-06 (1) 7.jpg
NuevoDocumento 2018-03-06 (1) 6.jpg
NuevoDocumento 2018-03-06 (1) 4.jpg
NuevoDocumento 2018-03-06 1.jpg

Observación y rediseño de interfaces

Los siguientes ejemplos vienen desde la experiencia personal; que y como es interactuar con objetos que podrían estar pensados de mejor manera.

1.Interfaz:

Dispositivo capaz de transformar las señales generadas por un aparato en señales comprensibles por otro.

2.Interfaz de usuario:

Se designa el medio del que se vale una persona para comunicarse con una máquina, dispositivo o computadora. Suelen ser simples e intuitivos, por lo que son fáciles de entender y utilizar para un usuario. Comprende elementos como los menús, ventanas, teclado, ratón, sonidos de alerta, es decir, todos aquellos canales por medio de los cuales se establece una comunicación efectiva entre el ser humano y la máquina

Cable cargador de celular

Problema: Se tiende a realizar una mala ejecución al retirar la entrada del cargador, esto provoca un desgaste del cable rompiendo internamente su conexión.

Solución: Se propone crear un sistema que por medio de la huella dactilar pueda desbloquear la salida de carga.

NuevoDocumento 2018-03-09 1.jpg
NuevoDocumento 2018-03-09 3.jpg

Plancha de pelo

Problema:

Solución: Se propone crear una plancha a vapor que no sea tan invasiva para el cabello, inalámbrica y de forma ajustable a las manos.


NuevoDocumento 2018-03-09 4.jpg
NuevoDocumento 2018-03-09 5.jpg
NuevoDocumento 2018-03-09 6.jpg

Escurridor

Problema: Los espacios para filtrar el agua no funcionan de manera optima por lo cual se estanca y es necesario inclinar la bandeja para dejar que esta escurra.

Solución: Reordenar y designar los espacios para poner la vajilla, a su vez, dejar espacios con orificios para que caiga el agua.

NuevoDocumento 2018-03-09 9.jpg
NuevoDocumento 2018-03-09 10.jpg
NuevoDocumento 2018-03-09 7.jpg

Rediseño desde la Protoforma

Plancha de Pelo

GESTO

NuevoDocumento 2018-03-13 7.jpg
NuevoDocumento 2018-03-13 9.jpg

PROTOFORMA

NuevoDocumento 2018-03-13 5.jpg
NuevoDocumento 2018-03-13 6.jpg

PROPUESTA

NuevoDocumento 2018-03-13 3.jpg
NuevoDocumento 2018-03-13 1.jpg

Rediseño del Cajero Automático

Mito de Hermes

NuevoDocumento 2018-03-20 1.jpg


Hermes era hijo de Zeus y de la ninfa Maia, hija de Atlas, uno de los 12 dioses del Olimpo. Tenía múltiples funciones, pues era mensajero de su padre, guía de las almas de los muertos en el Averno, símbolo de la prosperidad entre los humanos y protector de los viajeros, los mercaderes y los ladrones. Era ingenioso, diestro y astuto, como un joven sin problemas a la hora de gastar bromas o mentir sin que le descubriesen. Su aspecto era el de un joven atractivo con un sombrero alado y unas sandalias también aladas que le daban una extraordinaria movilidad. En su mano llevaba una vara que le servía para hacer magia o para hipnotizar a la gente.

Como mensajero y hombre diestro, Hermes hizo trabajos para los dioses y otros importantes seres inmortales. Mercurio, el dios romano que se igualaba con Hermes, fue originalmente el dios del comercio y por ello se le representaba con un monedero en sus manos.


Gesto

A partir de lo observado, se realiza un análisis en el comportamiento de las personas, como estas se relacionan con la maquina en un espacio público.

Con relación al mito se rescata en el gesto del cuerpo, el resguardo, es en este punto es donde se busca seguridad.

NuevoDocumento 2018-03-20 (1) 1.jpg
NuevoDocumento 2018-03-20 (1) 2.jpg

Propuesta 1

NuevoDocumento 2018-03-20 (1) 3.jpg


Propuesta 2

Se propone un replanteo de la manera en que opera el cajero automático, las opciones que ofrece, como simplificar los pasos y eliminar objetos, como por ejemplo, la tarjeta.

La tarjeta se elimina pensando en una manera de no olvidar esta en cualquier parte, la clave se reemplaza por la huella dactilar, sistema mas personalizado y antirobo.

Diagramas de flujo de un cajero

NuevoDocumento 2018-03-20 2.jpg
NuevoDocumento 2018-03-20 3.jpg

Diagrama de flujo con todas las opciones de un cajero

NuevoDocumento 2018-03-20 4.jpg

Rediseño del Sistema

NuevoDocumento 2018-03-20 5.jpg
NuevoDocumento 2018-03-20 6.jpg
NuevoDocumento 2018-03-20 13.jpg
NuevoDocumento 2018-03-20 7.jpg
NuevoDocumento 2018-03-20 (1) 4.jpg

Dibujo de modelos nuevos

Rediseño del cajero automático; este prototipo es pensado en la manera de crear un espacio inclusivo y adaptado a la tecnología de hoy en día.

El modulo cuenta con sistema de hibernación para generar un ahorro de energía, este se activa por el movimiento o toque del sensor.

NuevoDocumento 2018-03-20 8.jpg
NuevoDocumento 2018-03-20 10.jpg

PROPUESTA FINAL

Rediseño Cajero Automático

Rediseño cajero propuesta final.jpeg

La siguiente propuesta se baso en las falencias y carencias detectadas al minuto de operar un cajero automático, como simplificar y facilitar la experiencia para el usuario.

A partir de lo anterior, se separo en 3 partes su rediseño debido a la problemática detectada:

1. Múltiples pasos (exceso de operaciones por medio de botones).

2. Poca seguridad para el usuario.

3. Falta de inclusividad.


Rediseño de interfaz: Manera en que se opera el cajero por medio de 3 botones y lector de tarjeta visible, como el usuario pasa a tener el control del sistema.



1. REDISEÑO DEL SISTEMA Y OPERATIVIDAD


Haciendo énfasis al primer punto nombrado anteriormente, el siguiente estudio se llevo a cabo por medio del análisis y visualización en la cantidad de operaciones necesarias para retirar dinero del cajero.

Se observó cómo para recorrer la pantalla era necesario depender de múltiples botones, tanto laterales a esta o desde el teclado. Desde aquí se propone un cambio en la manera que es usuario ve las opciones dentro de la pantalla, cambiando su orden de manera vertical y para recorrerla contar de 3 botones que funcionan como teclado.



Secuencia cajero.png



La siguiente secuencia muestra como a partir de 3 botones se pueden controlar las operaciones del cajero. Este "gran botón" cuenta de dos flechas, una superior y otra inferior, para recorrer las opciones que muestra la pantalla; su botón central sirve al minuto de confirmar una operación, este cuenta de una luz que indica el estado de respuesta del cajero. El ultimo dibujo muestra el estado del botón al minuto que el cajero se encuentra en hibernación, esta parpadea; se pensó ya que el cajero utiliza energía constantemente sin requerirla.

NuevoDocumento 2018-03-23 5.jpg

2. SEGURIDAD

El sistema de como operar la cuenta bancaria se pensó ya que en un cajero común este cuenta con el acceso a los datos del usuario desde el minuto que introduce la tarjeta y confirma la clave, siendo los dos primeros pasos para activar el sistema corriendo el riesgo de sufrir un asalto en plena operación, clonación de la tarjeta por medio de la visualización de la clave o que la maquina cuente con alguna falla y la tarjeta quede dentro.

A partir de lo anterior se propone seleccionar todas las opciones para luego llegar al minuto de retirar el dinero y confirmar la clave (se puede observar en la secuencia de la imagen superior). Esto se da por medio del deslizamiento de la tarjeta por la banda magnética visible, siendo en usuario el que tiene control de la situación, o por medio del lector de chip, en este minuto recién el cajero tiene acceso a la cuenta bancaria de la persona. Para finalizar la operación se pide reconocimiento del usuario por medio de la lectura de huella dactilar reemplazando la digitación de clave.

Deslizamientotarjeta.png
Lecturachip.png
NuevoDocumento2 2018-03-23 3.jpg


3. INCLUSIVIDAD

Se piensa en un modulo mas inclusivo para gente con discapacidad visual o adulto mayor, este cajero cuenta con la opción de tener un recorrido guiado por medio de audífonos.

NuevoDocumento 2018-03-23 4.jpg

Video: Como opera el objeto

https://www.youtube.com/watch?v=z491bNXe11E&feature=share