Proyecto Final - Javiera Aranda R

De Casiopea


TítuloProyecto Final - Javiera Aranda R
Tipo de ProyectoProyecto de Curso
Palabras Claveproyecto_ux_2022
Período2022-2022
AsignaturaDiseño de Experiencia de Usuario
Del CursoDiseño de Experiencia de Usuario 2022
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.
Alumno(s)Javiera Aranda Reinoso
ProfesorJaviera González

Proyecto final; proceso de diseño

Observación y presentación del problema

Hipótesis

Las hipótesis se centran en el comprador y en la experiencia que este tiene al momento de realizar una compra sea en las cajas de autoservicio o en las tradicionales (donde otro te atiende), además en como se muestra la información de las etiquetas de precios de un producto.

  1. El comprador pide ayuda en las cajas de autoservicio, ya que las instrucciones de uso no son efectivas.
  2. El comprador pierde mucho tiempo al momento de ubicarse en una caja de pago, debido a que la información (caja preferencial, método de pago y canje de puntos) esta mal jerarquizada.
  3. El comprador pierde tiempo al dirigirse a los lectores de código de barra (estos sirven para consultar el precio de un producto), ya que las etiquetas de precio son poco visible y están mal distribuidas.

Encuesta y entrevista

La finalidad de mi encuesta es crear una primera instancia de comunicación con el comprador, esta encuesta consta de 12 preguntas entre ellas preguntas demográficas, de respuesta múltiple, evaluación, entre otras. si bien es una encuesta con pocas preguntas me sirvió bastante para ir dando forma a los problemas. Además en base a las preguntas ya realizadas fui creando otras para las entrevista que me ayudaran a profundizar aun mas y cuestionar el ¿por qué de las cosas? es en esta etapa en donde pude entender el verdadero problema y dolores que el usuario presenta.

Registro

Archivo:Audio 1-entrevista.mp3

Archivo:Entrevista-2 jar.mp3

Insights

Con ayuda de las respuesta de las encuestas y entrevistas fue sacando conclusiones y encontrando el verdadero problema que el usuario tenia en los diferentes servicios.

  • La información más importante no es visible a primera vista.
  • Una información bien jerarquizada genera confianza y seguridad en el comprador.
  • La falta de apoyo e información genera angustia al comprador.


User persona

Entrevista

Registro


Aspectos recopilados para la construcción del user persona

User persona final

User persona diseño.jpg

link

  1. Página Miro [[1]]

Journey Map

link

https://miro.com/app/board/uXjVO7j-C6s=/

Necesidades de los usuarios

  • El usuario necesita sentirse seguro al momento de dirigirse a la caja de pago.
  • No se deben generar retrasos por la falta de información.
  • Hay que intentar disminuir la búsqueda de ayuda ya sea por consultores de precios o por las personas asistentes en cajas de autoservicio.

Propuesta de solución

Tras trabajar en clases una lluvia de ideas de las soluciones considerando que toda idea sirve este o no este a nuestro alcance, se elige una. Creo que una información bien jerarquizada o un modo de descubrir esa información ahorra tiempo y genera confianza en el usuario sobre el servicio, es por ello que se implementa un escáner de código de barra, en donde su uso se habilita cuando utilizas la App en modalidad presencial. Este escáner ayudara a saber el valor correcto del producto y también a construir una lista con los productos, más valor unitario, y el valor total de la compra.

¿Por qué usar el escáner de la App Santa Isabel?

Muchas veces sucede que vamos con un presupuesto muy acotado y nos dirigimos con incertidumbre a la caja de pago, por saber si nos pasamos de el o no, ya que algunos productos no tenían su valor o no estaban en el lugar correcto impidiendo el conocimiento adecuado de la información. Esta función nos permitirá sentirnos más seguros y al mando de la compra.

Cadsort

Resultados por tarjeta

Resultados por Grupo

Link del cadsort

https://uxmetrics.com/collect_cs/obfE7J

Link detalle de los resultados

https://uxmetrics.com/card_sort_reports/iFKsh1

Link mapa de navegación

https://miro.com/app/board/uXjVO4QmuXg=/?share_link_id=11361376494

Primer acercamiento a los wireframe

Flujo de compra de un producto

Segundo acercamiento a los wireframe

Se realiza una primera versión de prototipo con el objetivo de completar la tarea de "escanear el código de barra de un producto", esta función se integra a la aplicación del supermercado Santa Isabel con el fin de ahorrar tiempo y confusiones en el usuario. Al escanear el código se puede agregar a la lista, para simular el valor total de la compra y verificar que el producto que esta siendo elegido sea el correcto.

La primera versión se compone de un total de 6 pantallas. Estas tras la corrección en clases se modificaron y agregaron 2 frames más, creando en uno de ellos un simulación de escaneo para lograr que fuera lo más claro posible.

Link del prototipo

Realiza la siguiente tarea "simula escanear el código de barra de un producto y agregarlo a la lista de compras"

https://www.figma.com/proto/9wzJf5AsvXXSvu5QaDlavf/Untitled?node-id=10%3A68&scaling=scale-down&page-id=0%3A1&starting-point-node-id=1%3A4

Link del archivo de Figma

https://www.figma.com/file/9wzJf5AsvXXSvu5QaDlavf/Untitled

Iteración

Resultados del test de usabilidad

Tras el uso del segundo prototipo realizado por 8 usuarios se encontraron los siguientes hallazgos:

  • Incoherencia entre las etiquetas de lista
  • Al momento de ingresar a la lista es necesario habilitar 2 rutas.
  • Al ser un programa que no permite respuestas abiertas del usuario o una interacción 100% real, genera confusión y perdida de tiempo buscando el lugar indicado a apretar.

Prototipo final de la App

Piensa que tienes que descargar la App Santa Isabel, y entra a la App como usuario ya registrado. Al ir en modalidad presencial debes "Simular un escaneo de un producto y agrégalo a tu lista para simular el valor total de tu compra. Así tendrás el valor correcto al momento de llegar a la caja de pago.

Tras el uso del segundo prototipo realizado por 8 usuarios se realizaron los siguientes cambios:

  • Se implementan pantallas previas al ingreso, presentando el objetivo de la App.
  • Se arreglan las etiquetas.
  • Se modifica el icono de carro por uno de lista, para que no sea inconsistente.
  • Se habilitan 2 rutas para el ingreso a la lista.
  • Para acortar el tiempo de uso del prototipo se amplia el área para presionar y lograr el avance a la siguiente pantalla.
  • Se permite una visión de todo el menú.

Pantallas

Link del prototipo

https://www.figma.com/proto/dIgIRQ3NRyjOYXFckfBNuy/Untitled?node-id=2%3A53&scaling=scale-down&page-id=0%3A1&starting-point-node-id=9%3A69

Link del archivo de Figma

https://www.figma.com/file/dIgIRQ3NRyjOYXFckfBNuy/Untitled?node-id=0%3A1

Presentación

Link

https://www.canva.com/design/DAE832-D23k/K5rNmOw74sXBgLQH3T8CKA/view?utm_content=DAE832-D23k&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton