Antonia Escudero Tarea 2 - Taller de Diseño de Interacción 2020

De Casiopea
Revisión del 20:00 29 mar 2020 de Antoescuderos (discusión | contribs.) (→‎Introducción)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)



TítuloFormas de pago
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2020
CarrerasDiseño
2
Alumno(s)Antonia Escudero

Formas de pago web

Introducción

A este patrón su nombre lo describe a sí mismo, abarca todas las formas de pago web y trata de clarificarlas. Dentro de las formas de pago se podría considerar que los mejores sistemas son aquellos que cuentan con más pasos a seguir, ya que generalmente más pasos significa ingresar más claves y códigos. Sin embargo, considerando la experiencia del usuario, podríamos también decir que los más seguros son los peores porque son los más tediosos. A pesar de que en este caso sobretodo es crucial la seguridad, es uno de los aspectos más importantes, sino el más importante, el ingreso de todas esas claves usualmente significa tener que mirar una tarjeta, aparato, etc. y tener que copiar un número gigante que resulta difícil hasta de mirar. Tomando en cuenta estos dos aspectos resulta un poco difícil clasificar los buenos o malos ejemplos de este servicio, ya que los seguros usualmente tediosos, y los rápidos y fáciles suelen ser más inseguros.

Es por esto que para este patrón se debe evaluar el punto medio entre ambas, el servicio que se acerque a ser el más rápido, fácil, pero sobretodo seguro sería el mejor.

Caso n°1: Pago con tarjeta Bci

Descripción

Este caso es clasificado como el más seguro ya que además de pedir los datos de la tarjeta, como en la mayoría de los casos, pide usuario, clave y además el MultiPass (clave que cambia cada ciertos segundos).

Secuencia del pago

Partitura

Caso n°2: Pago con MACH

Descripción

Mach es una aplicación para celulares, la cual te crea una tarjeta virtual a la cual tu le puedes poner cierto cupo. Esta tarjeta se paga con la cuenta que tu le agregues. Esta entre las más seguras ya que te pide contraseña al entrar, tienes que ingresar los datos de esta tarjeta virtual y además al final puedes confirmar o rechazar la compra desde tu teléfono.

Secuencia del pago

Partitura

Caso n°3: Pago con Cuenta Rut de Banco Estado

Descripción

La plataforma de Banco Estado pide usuario, contraseña y además la clave de tu tarjeta de transferencias.

Secuencia del pago


Partitura

Caso n°4: Pago con PayPal

Descripción

PayPal es otra plataforma donde tu ingresas previamente los datos de tu tarjeta. Para pagar con ella te piden usuario, contraseña y confirmar la compra.

Secuencia del pago

Partitura

Caso n°5: Primera compra en App Store de Apple

Descripción

Para ingresar un método de pago en la App Store de Apple debes ingresar con tu huella (touch ID). Luego para comprar confirmar de la misma manera la compra.

Secuencia del pago

AEscudero Secuencia AppleStore-01.jpg AEscudero Secuencia AppleStore-02.jpg

AEscudero Secuencia AppleStore-03.jpg AEscudero Secuencia AppleStore-04.jpg

AEscudero Secuencia AppleStore-05.jpg AEscudero Secuencia AppleStore-06.jpg

AEscudero Secuencia AppleStore-08.jpg AEscudero Secuencia AppleStore-09.jpg

Partitura

Caso n°6: Compra dentro de App

Descripción

Con los datos ya ingresados en la App Store (como se mostró en el ejemplo anterior) lo único que se debe hacer en este caso en confirmar con el Touch ID.

Secuencia del pago

AEscudero Secuencia CompraYoutube-01.jpg AEscudero Secuencia CompraYoutube-02.jpg

AEscudero Secuencia CompraYoutube-03.jpg AEscudero Secuencia CompraYoutube-04.jpg

Partitura

Caso n°7: Pago con One Pay

Descripción

One Pay es otra aplcación de pago, donde tienes ingresadas tus tarjetas. Es menos segura que otras ya que no pide contraseña para entrar, pero para realizar el pago se debe escanear un código QR desde el teléfono.

Secuencia del pago

Partitura

Caso n°8: Primera compra App Store de Android

Descripción

A diferencia de la versión Apple, esta no pide contraseña para agregar una tarjeta de crédito, tampoco la pide al tener que confirmar una compra.

Secuencia de pago

AEscudero Secuencia Android-01.jpg AEscudero Secuencia Android-02.jpg

AEscudero Secuencia Android-03.jpg AEscudero Secuencia Android-04.jpg

AEscudero Secuencia Android-05.jpg

Partitura

Caso n°9: Pago con Cencosud Scotiabank

Descripción

En este caso particular con la tarjeta Cencosud, solo se piden los datos de la tarjeta para realizar el pago.

Secuencia del pago

Selección del método de pago
Ingresar datos de la tarjeta

Verificación de datos

AEscudero PagoCencosud-02.jpg
AEscudero PagoCencosud-03.jpg
Mensaje de error de la pagina
  • Con el primer número de la tarjeta la pagina reconoce cual de los dos tipos de tarjeta es.
  • La pagina te permite presionar el botón de pagar a pesar de advertir que todos los datos están malos, sin embargo, al hacerlo la pagina se actualiza con un mensaje que te advierte que algún dato está mal.
Resumen de la compra

La pagina también entrega un resumen de la compra que incluye, entre otras cosas, la fecha de entrega, el precio total y la imagen del producto que estas pagando.

Partitura

Caso n°10: Pago con tarjeta de crédito

Descripción

En este caso solo se piden los datos de cualquier tarjeta para realizar el pago.

Secuencia del pago

Selección del método de pago
Ingresar datos del método de pago

Detalles al ingresar datos de la tarjeta

AEscudero secuencia Visasola-1-01.jpg
AEscudero secuencia Visasola-1-02.jpg



Al ingresar el número de la tarjeta la barra divide lo divide de a cuatro dígito lo cual facilita la lectura del mismo, además advierte cuando hay un error al contrario de las demás secciones que solo se aseguran de que ingreses alguna información.

En la pagina del pago además se entrega un resumen de la compra, con todos los detalles de precios del producto y envios.


Si existe un error dentro de los datos el sitio no te permite continuar con la compra

Partitura