Hola a tod@s!

A continuación, les presento uno de los escenarios y user journey realizados a la ficha persona: Javier Sánchez. El escenario y user journey han sido elaborados tras analizar el briefing y las fichas persona. El análisis estuvo centrado en la interacción de usuario con el producto y el entorno de esa interacción.

Escenario:

User journey:

Hola a tod@s!
Luego del análisis de la interfaz puede recocer sus características, estructura y patrones de diseño (airbnb.es). En el proceso de diseño encontré algunas dificultades, mayormente por la cantidad de elementos e interacciones de la página web.

Este fue mi primera experiencia con Figma y el ejercicio me resulto complicado, espero que con los conocimientos adquiridos los siguientes procesos sean más agiles.

Breakpoints desarrollados:
Desktop: 1440×1024
Tablet Horizontal: 1194×834
Mobile: 390×844

Capturas del desarrollo:

Video funcionamiento del flujo:

Video flujo

Enlace a prototipo:

Mobile

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