Durante nuestro día a día, seamos conscientes o no, interactuamos con un sin fin de interfaces de todo tipo. Obviamente no nos referimos solo al sin fin de interfaces que podemos encontrar en nuestros móviles u ordenadores si no a acciones tan simples como abrir la puerta de tu casa o encender tu microondas.

El diseño de interacción se presenta en tres aspectos principales: ¿Cómo realizamos la interacción? ¿Cómo nos hace sentir? ¿Cómo conoces este proceso? Para explicar mejor estos aspectos propondremos una rutina simple y analizaremos las interacciones que realizamos en ella. Este recorrido mostrara las primeras interfaces con las que yo me relaciono en mi día a día.

Apagar la alarma es lo primero de cada mañana:

• ¿Cómo lo haces? Esta suena desde mi Alexa y, tengo configurada una rutina en esta, mediante la cuál, al pronunciar el comando de voz »Alexa, buenos días», esta no solo apaga mi alarma si no que enciende la luz del techo en una intensidad baja y empieza a reproducir mi música.
• ¿Cómo te sientes? Cómoda. Esto me ahorra el estrés que me da escuchar la alarma cada mañana y, además la luz impide que vuelva a dormirme y la música me pone de mejor humor.
• ¿Cómo conozco el proceso? La verdad que el proceso es extremadamente fácil gracias a la aplicación de Amazon Alexa, es un proceso muy intuitivo que no te llevará más de 10 minutos aprender a manejar y configurar.

• Tipo de interacción: Instructing, conversing.
• Estilo de interacción: Speech.
• Contexto de interacción: VUI Voice User Interface.

Seguido me levanto y preparo el desayuno:

• ¿Cómo lo haces? Elijo los ingredientes y preparo un batido, por lo que uso una batidora para ello. La interfaz de mi batidora es muy simple, tiene un botón que pulsado activa la acción. A mayores tiene una pequeña ruleta para la velocidad pero siempre la tengo programada igual.
• ¿Cómo te sientes? Realizada, creativa ya una de mis recetas favoritas y que esta es sana y fácil de preparar.
• ¿Cómo conozco el proceso? Solo tiene un botón asique es obvio que este activa la maquina.

• Tipo de interacción: Manipulating.
• Estilo de interacción: Touch.
• Contexto de interacción: Interacción Tangible.

Vuelvo a mi cuarto y reviso mis mensajes:

• ¿Cómo lo haces? Utilizo mi teléfono para leer y mandar mensajes sean de texto o de voz por WhatsApp.
• ¿Cómo te sientes? Alegre ya que es una aplicación que te conecta con tus amigos y familiares y te permite comunicarte fácilmente con ellos.
• ¿Cómo conozco el proceso? La interfaz y utilización de WhatsApp tenía un aspecto muy parecido a la bandeja de SMS que todos ya conocíamos previamente, por lo que al ya estar familiarizados hizo que su uso fuese bastante rápido de aprender.

• Tipo de interacción: Manipulating, conversing.
• Estilo de interacción: Speech, touch, typing.
• Contexto de interacción: GUI Graphical User Interface, HCI Human Computer Interface.

Por último abro mi portátil y me preparo para empezar a estudiar:

• ¿Cómo lo haces? Para ello tengo que interactuar con mi computadora por varias interfaces, como es la de navegación y búsqueda en Google, las diferentes páginas del campus de la UOC, mis correos tanto personal como el de estudiante, el calendario para ver mi agenda y la aplicación Spotify para reproducir música.
• ¿Cómo te sientes? Realizada, motivada ya que me ayuda a expandir mis conocimientos.
• ¿Cómo conozco el proceso? Imagino que en su día este tipo de interfaces me llevasen un proceso de aprendizaje, pero no dejan de ser modelos que conocemos desde hace tiempo y que realizarlos hoy en día suponen un esfuerzo mínimo para conocerlos.

• Tipo de interacción: Intructing, exploring.
• Estilo de interacción: Touch.
• Contexto de interacción: GUI Graphical User Interface, HCI Human Computer Interface.

El recorrido que realicé para la recolección de datos fue ir de compras al supermercado. Empecé por revisar mi lista de compras, buscar la ruta más cercana en Google Maps, hacer la compra y finalmente pagar en la caja automática. El recorrido lo realicé a las diez de la mañana y tuvo una duración de treinta minutos.

En mi recorrido identifique 3 sistemas de interacción:
A. Revisar mi lista de compras con Alexa.
B. Buscar la ruta en Google Maps.
C. Pagar en la caja automática.

A. Revisar mi lista de compras con Alexa.

Cómo lo hago?
1. Le doy una orden a Alexa “Alexa, dime la lista de compras”
2. Alexa me responde
3. Dependiendo cuanto tenga que comprar, llevo una bolsa o mi mochila.
4. Reviso en la app y voy tachando las cosas de la lista que consigo.

Cómo lo percibo?
Sencillo y seguro. La interacción me parece muy fácil, estoy seguro que no olvido nada porque según necesito algo, lo voy agregando a mi lista de compras. También puedo mirar la lista desde la app si la llegara a olvidar.

Cómo lo sé hacer?
Fui explorando la app de Alexa y aprendí a agregar productos por voz o manualmente en la app. Ahora utilizo el app o las ordenes intuitivamente.

Tipo de interacción: Conversing – Instructing.
Estilo de interacción: Speech – Touch.
Contexto de interacción: Natural User Interface – Graphical User Interface.

B. Buscar la ruta al supermercado en Google Maps.

Cómo lo hago?
1. Abro la app.
2. Busco un supermercado cerca.
3. Elijo la ruta en auto y me dirijo del Punto A al B.
4. Llego al punto B que es mi destino.

Cómo lo percibo?
Sencillo práctico y rápido. La interacción me parece muy sencilla y intuitiva. Utilizo esta aplicación casi todos los días y me perece una forma rápido y segura de encontrar la mejor ruta, sin contratiempos. Por ejemplo: bloqueos, tráfico o construcciones.

Cómo lo sé hacer?
La app de Google me parece muy intuitiva y la uso mucho. La experiencia y el continuo desarrollo de la app son importantes para su utilización.

Tipo de interacción: Instructing – Exploring
Estilo de interacción: Touch – Gesture
Contexto de interacción: Graphical User Interface

C. Pago en la caja automática del supermercado.

Cómo lo hago?
1. Pongo los productos en la parte izquierda de la caja.
2. Sigo las instrucciones de voz.
3. Escaneo los productos y los deposito en la parte derecha.
4. Pago.
5. Recibo mi factura.

Cómo lo percibo?
Practico y rápido. Me ahorro mucho tiempo al no hacer la cola en la caja normal. El sistema es muy intuitivo pero tiene que mejorar en el reconocimiento de productos sin código de barra.

Cómo lo sé hacer?
En la introducción de las maquinas en la tienda, una cajera se encargaba de enseñar las funciones y características de su uso.

Tipo de interacción: Instructing – Conversing – Exploring.
Estilo de interacción: Typing – Speech – Touch.
Contexto de interacción: Graphical User Interface.

Bibliografía:
Greenberg, Saul. Sketching user experiences: The workbook. 2012, Editorial: Waltham, Mass: Morgan Kaufmann ISBN: 9780123819611. [en línea] [consulta: 14.10.22].Disponible en: https://discovery.biblioteca.uoc.edu/permalink/34CSUC_UOC/1asfcbc/alma991000589579706712

Romualdo Gondomar Miñana, Cuaderno de Diseño de interacción. Barcelona UOC, Febrero 2021. [consulta: 16.10.22]. Disponible en: http://quadern-disseny-interaccio.recursos.uoc.edu/es/

Design Toolkit Observación contextual Métodos [en línea] [consulta: 17.10.22]. Disponible en: http://design-toolkit.uoc.edu/es/observacion-contextual/

Design Toolkit Observación contextual Guía [en línea] [consulta: 17.10.22]. Disponible en: http://design-toolkit.uoc.edu/es/guia/observacion-contextual/

Michael Seifert. Natural User Interfaces. [en línea] [consulta: 15.10.22].Disponible en: https://discovery.biblioteca.uoc.edu/permalink/34CSUC_UOC/1asfcbc/alma991000589579706712

Fotos y Screenshots utilizados: Google Maps, Rewe y Alexa app

El recorrido que he elegido es el camino que hago desde mi casa hasta el centro de la ciudad, ya que no dispongo de coche y es un recorrido que tengo que hacer habitualmente, ya no solo para ir al centro de la ciudad, sino para desplazarme por ella.

1. Miro cuánto le queda al TRAM con la app.

¿Cómo lo haces? Saco el móvil del bolsillo, lo desbloqueo y abro la aplicación del TRAM. Una vez dentro seleccionas mi parada, el destino, la hora que es y el día.

Una vez sabiendo la hora de pasada, decidir si salir ya de mi casa o esperar un poco más.

¿Cómo lo sientes? Es una acción tediosa, ya que creo que deberían de aparecer los horarios al completo y no solo el siguiente que va a pasar siendo la hora que es. 

También resulta tedioso ya que normalmente esta aplicación no suele funcionar muy bien y se queda “atascada”.

¿Cómo sabes hacerlo? El día que me instalé la aplicación empecé a toquetearla para conocer su funcionamiento. A día de hoy es una acción automática, ya que la he normalizado en mi día a día.

Tipo de interacción: Instructing

Estilo de interacción: Touch

Contexto de interacción: GUI

2. Salgo de casa cerrando con las llaves

¿Cómo lo haces? Cojo las llaves de la mesa de la entrada y al salir cierro y posteriormente introduzco la llave en la cerradura que da a la parte exterior de la casa. 

¿Cómo lo sientes? Neutro, ya que es una acción completamente automática a la que no le doy importancia, ya que es algo que hago todos los días desde hace años.

¿Cómo sabes hacerlo? Me enseñaron el día que me dieron las llaves de mi casa y me explicaron para qué es cada una y cuantas vueltas, debo de darle a las puertas para abrirlas y cerrarlas bien.

Tipo de interacción: Manipulating

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible

3. Una vez que llega el tram, paso el bono.

¿Cómo lo haces? Abro mi cartera y sacó el bono. Dentro del TRAM hay unas máquinas para el control, entonces pasó el bono por dichas máquinas.

Estas máquinas te indican con un pitido y un color verde si se ha pasado correctamente o, por el contrario, con dos pitidos y una luz roja si no se ha pasado.

Además, también me indican en una pantalla cuántos viajes me quedan o cuando caduca el título.

¿Cómo lo sientes? Me siento en un estado pendiente por si el bono da error y si es así por qué.

¿Cómo sabes hacerlo? Esta acción viene dada desde mi infancia, ya que desde muy pequeña he tenido que coger el transporte público y antes de ello me enseñaron a cómo pasarla, así como identificar si ha dado error.

Tipo de interacción: Manipulating

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible

4. Presiono el botón de stop para bajar.

¿Cómo lo haces? Me levanto del asiento y me coloco enfrente de la puerta más cercana a la que da al andén. Una vez colocada, presiono el botón para indicar que tiene que parar y que en concreto tiene que abrir esa puerta. 

Una vez hecho eso no tengo que hacer nada más, ya que la puerta se abre automáticamente.

Decir que al igual que las máquinas de bono, esta puerta tiene una luz verde que se enciende para confirmar que has apretado bien el botón.

¿Cómo lo sientes? En cuanto a la interacción con el botón es neutra, pero estoy ansiosa por salir ya de la estación, ya que se forman colas.

¿Cómo sabes hacerlo? El aprendizaje vino a raíz del sistema de botones que usa el autobús en mi ciudad, es un mecanismo similar, solo que en este caso solo se encuentra en las puertas.

Tipo de interacción: Manipulating

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible

5. Paso los tornos con el bono

¿Cómo lo haces? Para finalmente poder salir de la estación, tengo que pasar los tornos de control.

Para llegar hasta ellos tengo que salir del TRAM y subir las escaleras mecánicas, una vez arriba debo elegir porque torno quiero salir. Antes debo fijarme cuáles son de salida y cuáles de entrada. Estos se diferencian porque los de salida tienen una flecha en verde, mientras que los de entrada una cruz en rojo.

Una vez en el torno tengo que colocar el bono en el área indicada para este y si no hay ningún error se abren las puertas automáticamente.

¿Cómo lo sientes? Generalmente, es una sensación neutra, pero muy a menudo algunos tornos están averiados (y no tienen ninguna indicación de ello) y no leen bien el bono y, por tanto, no puedes salir.

Entonces lo primero que hago es pasar el bono de nuevo y por todo el área y si aun así no la detecta, me toca volver a hacer cola en otro torno para poder salir.

¿Cómo sabes hacerlo? En los mismos tornos hay unas pegatinas con imágenes donde te explican dónde y cómo hay que colocar los bonos para poder salir, así como también te indican los tickets de papel.

Tipo de interacción: Instructing

Estilo de interacción: Gesture

Contexto de interacción: Interacción tangible