Fernanda Talamilla P Tarea 3 - Taller de Diseño de Interacción 2020

De Casiopea



TítuloFernanda Talamilla P Tarea 3 - Taller de Diseño de Interacción 2020
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2020
CarrerasDiseño, Diseño Gráfico, Diseño Industrial
3
Alumno(s)Fernanda Talamilla P

Tarea N°3

Patrón carro de compra

Este patrón de interacción, carro de compra, se refiere a el nombre genérico que se da al software utilizado para facilitar la compra por internet. La función de este software es permitir que los usuarios visiten cualquier página web o aplicación y pongan en su "carro de compra", todos los artículos que desean comprar, para luego pagar.

Buena UX en patrón carro de compra

Una buena experiencia de usuario en un carrito de compra es aquella que, logra de manera rápida y eficiente satisfacer las necesidades de compra de un usuario. Es decir la persona que interactúa con una página encuentra lo que busca, logra de manera rápida agregar el producto al "carro de compra", visualiza lo que esta haciendo, es decir, aparecen pop up que indican que se ha agregado un producto al carrito de compra, tiene opciones de retiro o envío del producto y finaliza la compra con el pago de esta, fácil y rápido.

Mala UX en patrón carro de compra

Una mala experiencia de usuario en un carrito de compra es aquella que, no logra satisfacer las necesidades de compra de un usuario. Es decir hace engorroso el proceso de, añadir producto a carrito de compra, seleccionar dirección de tienda para retirar, no da opción de retirar en tienda o de envío, o tiene problemas durante el proceso de compra, anuncios, pantalla en blanco, error, etc.

Plataformas o servicios Buena UX en Carro de compra

N°1 Fluoresencia

  • Nombre del Servicio:Fluoresencia
  • Soporte del Servicio: Sitio web
  • Escala de Habitos UX: Bueno
  • Descripción de experiencia de usuario con el servicio:El usuario al ingresar a la página la nota muy bien organizada y fácil de leer. Al ir a la sección de "Mochilas"<"box" ve la descripción de las mochilas: tamaño, capacidad de litros,etc. El agregar al carrito, proceso de verificación del producto, ingreso de datos y pago se hace muy fácil y rápido.
  • Colección de Pantallas Secuenciales:
1 Buscar en google fluoresencia.cl
2 Seleccionar "mochilas">"box"
3 Agregar al carrito "Box paleta 2A New Bolck"
4 Se abre la ventana de "carro de compra", selecciono "ver carrito"
5 Reviso el carrito y voy a pagar
6 Ingreso mis datos y voy a realizar pedido
7 Voy a pagar

N°2 Only Joke

  • Nombre del Servicio:Only Joke
  • Soporte del Servicio: Sitio web
  • Escala de Habitos UX: Bueno
  • Descripción de experiencia de usuario con el servicio:El usuario se siente cómodo realizando la compra. La página tiene todo organizado en categorías, por lo que, el buscar los productos se hace muy sencillo. Al momento de añadir un producto al carrito y luego ingresar datos y pagar, es muy efectivo y fácil de realizar.
  • Colección de Pantallas Secuenciales:
1 Buscar en google onlyjoke.cl
2 Ir a "shop all"< "librería pro"< "Libretas grandes"
3 "Comprar" libreta grande quality time
4 En el carrito de compra ir a "terminar pedido"
5 Ingresar datos
6 Seleccionar "Continuar con envios"

]]

7 Seleccionar región para el envío
8 Seleccionar "continuar con el pago"
9
10 Agregar "dirección de facturación" y "finalizar el pedido"

N°3 Bubba

  • Nombre del Servicio:Bubba
  • Soporte del Servicio: Sitio web
  • Escala de Habitos UX: Bueno
  • Descripción de experiencia de usuario con el servicio:El usuario encuentra de manera eficiente lo que busca, "mochilas", el sitio web tiene las categorías de los productos muy bien organizadas. El proceso de agregar al carro de compra es visible, ya que al añadir el producto, aparece una notificación que te indica lo que has hecho. Si bien posee 6 pasos para finalizar la compra, esta dentro del "normal" de pasos a seguir en cualquier carro de compra de una Buena UX de páginas web.
  • Colección de Pantallas Secuenciales:
1 Buscar en google bubba.cl
2 Seleccionar "mochilas"< "classic"
3 Agregar al carro "Mochila Mini Mint""
4 Se abre una ventana en la parte superior que indica que se ha añadido al carro
5 Voy a "mi cuenta" y "a pagar"
6 Paso 1 "opciones de compra", seleccionar "nuevo cliente" o "cliente que vuelve"
7 Completar Paso 2 "Cuenta y detalles de facturación", Paso 3 "Detalles de entrega", Paso 4 "Envío", Paso 5 "medio de pago" y Paso 6 "Confirmar el pedido" para finalizar pedido

N°4 Zazu

  • Nombre del Servicio:Zazu
  • Soporte del Servicio: Sitio web
  • Escala de Habitos UX: Bueno
  • Descripción de experiencia de usuario con el servicio:El proceso de selección del producto es muy fácil, cuando lo seleccionas, te muestra de inmediato una ventana emergente con el producto que agregaste al carrito. El ingreso de datos, dirección de envío y pago se efectúa de manera rápida, simple y fácil de entender.
  • Colección de Pantallas Secuenciales:
1 Buscar en google zazu.cl
2 Ir a "productos"< "estuches"
3 Seleccionar en compra rápida el "estuche tiny treasures"
4 Se abre una ventana que indica el producto que has seleccionado
5 Ir al carrito y a finalizar pedido
6
7 Ingresar datos, dirección de envío y seleccionar "continuar con envíos"
8
9 Seleccionar Región para el envío y "continuar con el pago"
10
11
12 Agregar dirección de facturación y "finalizar el pedido"

N°5 Librería Nacional

  • Nombre del Servicio:Librería Nacional
  • Soporte del Servicio: Sitio web
  • Escala de Habitos UX: Bueno
  • Descripción de experiencia de usuario con el servicio:La página web consta en la descripción de cada producto con el stock disponible en las tiendas, así al momento de pagar y seleccionar "retiro en tienda" no hay ningún problema porque fue revisado con anterioridad.
  • Colección de Pantallas Secuenciales:
1 Buscar en google Nacional.cl
2 Ir a "escolar"< "blocks"
3
4 Revisar en que tiendas hay stock para el retiro y Añadir al carro "block liceo 60 artel"
5 Añadir al carrito e ir a pago
6 En carrito de compra puedo "iniciar sesión", "comprar sin registrarme" o "registrarme"
7 Ingreso mis datos
8 Selecciono "retiro en tienda" y la dirección especifica y voy a pagar

Plataformas o servicios Mala UX en Carro de compra

N°1 Uber eats

  • Nombre del Servicio: Uber eats
  • Soporte del Servicio:Aplicación
  • Escala de Habitos UX:Neutral
  • Descripción de experiencia de usuario con el servicio:El usuario se enfrenta al problema de no poder realizar dos pedidos al mismo momento, la app en ningún momento señala este detalle, hasta que en el carrito de compra uno se enfrenta a esta advertencia.
  • Colección de Pantallas Secuenciales:
1 Ingresar en buscador de google ubereats.cl
2 Ingresar la dirección de entrega
3 Seleccionar página del local de comida
4 Recorrer la página del local y seleccionar un producto
5 Agregar al carrito
6 Ventana emergente que muestra lo que añadiste al carro de compra
7 Ir a otra página del local de comida
8 Recorrer la página del local y seleccionar un producto
9 Agregar al carrito otro producto de otro local de comida
10 Selecciono otro producto
11 Aparece una ventana emergente que dice que para realizar esa acción deb0 realizar un nuevo pedido, osea borrar el anterior
12 Hice un nuevo pedido con otro producto pero borrando el anterior, es decir que no puedo hacer 2 pedidos en 2 locales diferentes

N°2 Pharol

  • Nombre del Servicio: Pharol
  • Soporte del Servicio:Página web
  • Escala de Habitos UX:Neutral
  • Descripción de experiencia de usuario con el servicio:El usuario luego de seleccionar los productos a comprar, va a al carrito de compra en donde debe seleccionar un lugar para el retiro de la compra. Aparecen todas las tiendas disponibles, sin embargo, al seleccionar una, no se encuentra disponible, luego manda a error, al seleccionar otra tienda ,nuevamente manda a error, imposibilitando finalizar la compra.
  • Colección de Pantallas Secuenciales:
1 Ingreso en buscador de google pharol.cl
2 Agrego al carro un producto eucerin
3 Agrego al carro un producto vichy
4 Voy a la opción "tu bolsa" y reviso mi compra
5
6
7 Ingreso mis datos
8 Selecciono una farmacia para realizar el retiro de la compra
9 Me muestra la dirección de las farmacias disponibles,no hay ninguna con restricción
10 Me manda a error, no me deja seleccionar esa dirección de farmacia
11 Me manda nuevamente a error
12 Me manda nuevamente a error, no puedo finalizar la compra

N°3 Lush

  • Nombre del Servicio: Lush
  • Soporte del Servicio:Página web
  • Escala de Habitos UX:Neutral
  • Descripción de experiencia de usuario con el servicio:El proceso de buscar los productos y añadir al carrito de compra es eficiente, pero al momento de pagar aparece solo la opción de envío y no "retiro en tienda", es decir no permite elegir entre una opción u otra.
  • Colección de Pantallas Secuenciales:
1 Ingresar a buscador de google lush.cl
2
3 Ir a productos > desodorante
4
5 Seleccionar T´eo y leer la descripción del producto
6 Añadir al carrito de compra
7 Ir a "ver carrito"
8 Revisar carro de compra
9 No aparece la opción de "retiro en tienda", solo es con envío
10
11
12 ¿Debo pagar si o si el costo de envío?

N°4 Dafiti

  • Nombre del Servicio: Dafiti
  • Soporte del Servicio:Página web
  • Escala de Habitos UX:Malo
  • Descripción de experiencia de usuario con el servicio:Si bien se puede ingresar a la página, al momento de seleccionar pagar no se abre ninguna ventana, luego, manda a error y aparece una ventana en blanco.
  • Colección de Pantallas Secuenciales:
1 Buscador de google
2 Página de Inicio
3 Ir a categoría "mujer">"ropa">"vestidos"
4 Recorrer la Página
5 Seleccionar vestido a gusto y hacer click
6 Revisar talla y comprar
7 Al momento de comprar no se abre ninguna pestaña para mostrar el carro de compra
8 Hacer click en el icono del carro de compra, manda a error

N° 5 Cornershop

  • Nombre del Servicio: Cornershop
  • Soporte del Servicio:Página web
  • Escala de Habitos UX:Malo
  • Descripción de experiencia de usuario con el servicio:El proceso inicial, cuando uno entra por primera vez, es tedioso y largo. Al momento de iniciar sesión e ir a comprar, los iconos de "tienda cerrada" son muy pequeños, y cuando uno quiere revisar el carro de compra aparece que "de momento no estan recibiendo pedidos para esta tienda", entonces uno debe comenzar el proceso de selección y compra nuevamente.
  • Colección de Pantallas Secuenciales:
1 Buscar en google cornershop.cl
2 Seleccionar comuna
3
4 Para comprar debes registrarte
5 Ingresa tus datos
6 Revisa tu email, para activar tu cuenta y poder comprar en cornershop
7
8 Hacer click desde el correo en "activar cuenta"
9
10 Ingresar tu dirección
11 Recorrer la página
12 Seleccionar una tienda, en este caso "casa&deas"
13 Agregar al carrito un "set de marcadores de pizarra XL"
14 No se puede realizar este pedido