Constanza Cabrera Tarea 3 - Taller de Diseño de Interacción 2020

De Casiopea
Revisión del 04:27 5 may 2020 de Constanza Cabrera (discusión | contribs.)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)



TítuloConstanza Cabrera 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 Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
3
Alumno(s)Constanza Cabrera

Patrones de interacción

¿Que se refiere a patrones de interacción?

Los patrones de interacción son elementos que aparecen repetidamente en los productos digitales que utilizamos. Dan soluciones recurrentes a problemas de diseño comunes, ya que son reutilizables. La importancia de un patrón de interacción recae en que el usuario va generando hábitos, y está acostumbrado a ciertas acciones y reacciones de la interfaz. Por lo tanto, lo escencial no es innovar en cómo interactúa, ya que podría generar confusión. Sino mejorar la experiencia del usuario observando cómo interactúa.

¿Por que es importante como comunidad de diseñadores identificar estos criterios?

Es importante estudiar este tipo de conceptos porque contribuyen a crear soluciones efectivas, permitiendo un diálogo entre el usuario y el desarrollador. Al hacer más eficiente el trabajo, y estudiando los hábitos de los usuarios, se puede lograr una mejora en la experiencia

¿Como identificamos y a que se refiere cuando hablamos de una mala y buena practica?

Una buena práctica se enfoca en las necesidades del usuario, ayudando y guiando para una navegación eficaz, de acuerdo a sus preferencias. El usuario se guía por su intuición, y la interfaz debiese ser lo suficientemente amigable para no llevarlo por un camino que no desea.

Las malas prácticas se pueden identificar tanto en el empleo deficiente de un patrón, es decir, un mal diseño o funcionamiento que no satisface las necesidades del usuario. O bien, en el uso inadecuado y persuasivo, donde el diseño se implementa de tal manera que se guía al usuario a tomar decisiones no deseadas o dificultando sus acciones. En este caso, las necesidades del servicio estan por sobre las del usuario.


Patrón de cupones

El servicio crea un espacio específico para ingresar un cupón o código de descuento. Ingresar el código le da al cliente cierta rebaja sobre el precio final de compra. El uso de cupones crea una sensación de apremio en el usuario, ya que la oferta es exclusiva y limitada. Por lo tanto, se debe actuar rápido para no perder el beneficio. Además encontrar un cupón de descuento genera un efecto psicológico positivo por el efecto ahorro.

Tipos de descuento más comunes:

  • Porcentaje
  • Dinero determinado
  • Envío gratuito
  • Regalo gratis

Formas de obtener un código de descuento:

  • Suscripción o registro
  • Primera compra
  • Exclusividad por la aplicación
  • Navegando en el sitio
  • Por redes sociales
  • Convenios o beneficios para clientes
  • Fechas especiales
  • Invita a un amigo
Criterios de evaluación:
- Facilidad para obtener el código. (Buena, regular, mala)
- Forma de ingreso en el carro de compra y visualización de resultado de ingreso. (Buena, regular, mala)
- Claridad de términos y condiciones. (Poco claro, Claro)
Resultados posibles: Muy bueno, bueno, regular, malo, muy malo.

Ejemplos de buena experiencia de usuario

Patrón de cupón de convenio en Outlife y La Barra

Datos de los servicios

  • Nombres: Outlife y La Barra
  • Plataforma: Sitios web de escritorio (www.outlife.cl y www.labarra.cl)
  • Descripciones:
    • Outlife es una organización dedicada al desarrollo y administración de parques y plazas. En el sitio se promociona la tarjeta de socio del club de parques (OutlifePass), que proporciona tarifas especiales para entradas a distintos parques y convenios con otros servicios.
    • La Barra es un sitio de ventas de bebestibles que forma parte de la cadena CCU.

Experiencia de usuario

  • Proceso: Al navegar el catálogo de descuentos y beneficios del Club de parques, el usuario se encuentra con un código de descuento que no requiere membresía y decide usarlo en el sitio del servicio en convenio. Al aplicar el código no hay dificultades ni comprobación de membresía, por lo que se puede obtener el descuento fácilmente.
  • Criterios de evaluación
    • Obtención de código: Buena. A pesar de ser un beneficio para socios, no requiere registro ni membresía y es fácil de copiar o memorizar.
    • Forma de ingreso: Buena. Se destaca el campo de ingreso y el descuento que se genera con colores fuertes. No hay comprobación de membresía con Outlife.
    • Términos y condiciones: Claro. Desde el inicio se muestran las condiciones en conjunto con el código.
  • Resultado: Muy Bueno. El código es fácil de obtener y utilizar, los términos son claros y la forma de ingreso no presenta dificultades.


Patrón de cupón exclusivo en Picodi y Eset

Datos de los servicios

  • Nombres: Picodi y Eset
  • Plataforma: Sitios web de escritorio (www.picodi.com/cl)
  • Descripciones:
    • Picodi es un sitio que proporciona cupones de descuento y promociones de distintos comercios en línea.
    • Eset es una empresa de seguridad informática.

Experiencia de usuario

  • Proceso: El usuario explora distintas promociones en el catálogo y utiliza un código de descuento exclusivo del sitio.
  • Criterios de evaluación
    • Obtención de código: Buena. Es fácil distinguir entre códigos y promociones. Al acceder a un código se abre automáticamente el sitio que ofrece el descuento.
    • Forma de ingreso: Buena. El campo de ingreso se encuentra fácilmente y muestra claramente el ingreso exitoso y descuento.
    • Términos y condiciones:Se muestran oportunamente al acceder al código.
  • Resultado: Muy bueno. Es fácil obtener y aplicar el cupón de descuento para cualquier usuario.


Patrón de cupón por primera compra en Dafiti

Datos de los servicios

  • Nombre: Dafiti
  • Plataforma: Sitio web de escritorio (www.dafiti.cl)
  • Descripción: Tienda online de calzados, vestuario y accesorios de moda.

Experiencia de usuario

  • Proceso: Al ingresar por primera vez, el sitio invita al usuario a suscribirse al newsletter para obtener un descuento en la primera compra. Luego se ingresa el código en el carro de compras y se aplica el descuento sin mayores dificultades.
  • Criterios de evaluación
    • Obtención de código: Buena. La promoción aparece en la página de inicio y el formulario es simple. El código es simple y fácil de recordar.
    • Forma de ingreso: Buena. Es fácil encontrar el campo de ingreso y tras aplicar el código hay respuesta visual que da enfásis al resultado.
    • Términos y condiciones: Claro. No hay restricciones de uso.
  • Resultado: Muy buena. Es fácil obtener el descuento y aplicarlo en el carro de compras.


Patrón de cupón en AliExpress

Datos de los servicios

  • Nombre: AliExpress
  • Plataforma: Sitio web de escritorio (www.aliexpress.com)
  • Descripción: Es una tienda online con una amplia gama de productos internacionales, desde electrónica a moda. Este sitio posee un sistema de cupones para sus usuarios.

Experiencia de usuario

  • Proceso: El usuario accede al centro de cupones de AliExpress y agrega cupones a su cuenta. Luego en el carro de compras estos se agregan automáticamente.
  • Criterios de evaluación
    • Obtención de código: Buena. Es fácil entrar al sistema de cupones y basta un click para acceder a ellos.
    • Forma de ingreso: Buena. Se visualiza fácilmente el campo de cupones y estos se añaden automáticamente, se puede ver el detalle y quitar simplemente.
    • Términos y condiciones: Claro. Las condiciones de uso se estipulan de manera simple y clara.
  • Resultado: Muy bueno. El sistema de cupones es fácil y rápido de encontrar y usar.


Patrón de cupón en La Araucana y Weinbrenner

Datos de los servicios

  • Nombres: La Araucana y Weinbrenner
  • Plataforma: Sitios web de escritorio (www.convenios.laaraucana.cl y www.weinbrenner.cl
  • Descripciones:
    • La Araucana es una caja de compensación de asignación familiar. En el sitio se pueden encontrar distintos beneficios para afiliados.
    • Weinbrenner es una tienda de vestuario y calzado outdoor y de trabajo.

Experiencia de usuario

  • Proceso: El usuario afiliado a la caja de compensación accede a los beneficios.
  • Criterios de evaluación
    • Obtención de código: Regular. Es fácil navegar por las categorías de beneficios. Pero luego abre una nueva pestaña donde hay que volver a especificar la tienda de interés y datos del afiliado. El código es fácil de copiar y además envía automáticamente al correo, pero el proceso se podría agilizar.
    • Forma de ingreso: Buena. Se encuentra fácilmente el campo de ingreso y luego de aplicar el descuento se especifica el detalle de este.
    • Términos y condiciones:Claro. Se especifican desde antes de acceder al cupón de manera clara y ordenada.
  • Resultado: Bueno. El descuento es fácil de aplicar, pero se podría agilizar el método de obtención del código.

Ejemplos de mala experiencia de usuario

Patrón de cupón en Fensa

Datos de los servicios

  • Nombres: Fensa
  • Plataforma: Sitio web de escritorio (www.tiendafensa.cl)
  • Descripción: Tienda online de electrodomésticos y línea blanca como refrigeradores, cocinas y calefacción entre otros.

Experiencia de usuario

  • Proceso: El usuario explora el catálogo y se encuentra con un código de descuento que aparece de manera aleatoria sobre algunos productos y decide usarlo en el carro de compras. Tras el ingreso no se aplica el descuento pero no se explica el por qué. El código es aplicable solo a productos seleccionados sin mayor explicación sobre ello, lo que genera confusión.
  • Criterios de evaluación
    • Obtención de código: Buena. Basta con revisar el catálogo para encontrarlo adjunto a ciertos productos.
    • Forma de ingreso: Mala. El campo de ingreso es fácil de visualizar. Sin embargo no muestra respuesta al usuario tras el ingreso.
    • Términos y condiciones:Poco claro. No se estipulan condiciones, sin embargo no es aplicable a todos los productos.
  • Resultado: Malo. Si bien es fácil obtener e ingresar el código, falta aclarar las condiciones de uso y generar respuesta de ingreso correcto o incorrecto.

Patrón de cupón para primera compra en Under Armour

Datos de los servicios

  • Nombre: Under Armour
  • Plataforma: Sitio web de escritorio (www.underarmour.cl)
  • Descripción: Tienda de ropa y accesorios deportivos.

Experiencia de usuario

  • Proceso: Al ingresar por primera vez al sitio, se incentiva al usuario a suscribirse al newsletter para obtener un descuento en la primera compra. El usuario se inscribe y recibe el código en el correo, y este resulta ser muy complejo e imposible de copiar, por lo que se debe memorizar. Luego en el carro de compra, el campo de ingreso está muy abajo por lo que es difícil de encontrar. Además sobre este cuadro se encuentran más términos que no se especificaron previamente. Tras el ingreso se vuelve arriba y se muestra el descuento. Para ver el detalle del cupón hay que volver a bajar.
  • Criterios de evaluación
    • Obtención de código: Media. La inscripción es simple y rápida, sin embargo el código no se puede copiar y es muy complejo (19 carácteres aleatorios).
    • Forma de ingreso: Media. Se prioriza el botón continuar para terminar la compra. Es necesario buscar al final de la sección para poder ingresar. Aunque se aplica el descuento, la respuesta de ingreso también se oculta.
    • Términos y condiciones:Poco claro. En el correo se muestra solo la fecha de término de la promoción. Sin embargo en el carro de compras hay más restricciones sobre el uso de cupones.
  • Resultado: Muy malo. Se obtiene fácilmente pero es difícil de utilizar en la práctica. Además se añaden condiciones de uso durante el proceso.

Patrón de cupón para nuevos usuarios de Uber Eats

Datos de los servicios

  • Nombre: Uber Eats
  • Plataforma: Sitio web de escritorio (www.ubereats.com/cl)
  • Descripción: Servicio online de reparto de comida a domicilio.

Experiencia de usuario

  • Proceso: Los usuarios de Uber reciben descuentos de Uber Eats. Este informa sobre 18.000 CLP de descuento, pero al revisar el detalle, son 6.000 CLP para los primeros 3 pedidos. Luego, al ingresar el código en el carro de compras, se informa que está vencido. El usuario vuelve al correo para revisar nuevamente las condiciones y encuentra más restricciones al final del mensaje. Finalmente se da cuenta de que no cumplía con los requisitos mínimos de compra ni con el plazo para usar el cupón.
  • Criterios de evaluación
    • Obtención de código: Media. Es fácil visualizar y copiar el código, sin embargo es cuestionable recibir la promoción sin haberse suscrito previamente.
    • Forma de ingreso: Buena. El link de ingreso de promociones está a la vista y da respuesta positiva o negativa tras el ingreso.
    • Términos y condiciones: Poco claro. La información es engañosa ya que ofrece un monto, pero este se divide para usar en 3 compras. Además, las condiciones de uso están al final del correo en letra pequeña.
  • Resultado: Malo. Es fácil obtener e ingresar el código, pero no se hace énfasis en las condiciones de uso y puede resultar en una pérdida de tiempo.

Patrón de cupones de Natura

Datos de los servicios

  • Nombre: Natura
  • Plataforma: Sitio web de escritorio (www.natura.cl)
  • Descripción: Venta de artículos de belleza y cuidado personal.

Experiencia de usuario

  • Proceso: El usuario encuentra códigos de descuento navegando en la página de inicio: 10%, 20% y 30% sobre ciertos montos de compra, además, el cupón por primera compra. Luego en el carro de compras no se puede utilizar el cupón del 30% para compras sobre los 30.000 CLP y no se especifica el por qué. Se ingresa el descuento del 20% para compras sobre los 20.000 CLP y este sí funciona. Al intentar añadir el código de descuento por primera compra se da cuenta de que solo se puede ingresar una sola promoción.
  • Criterios de evaluación
    • Obtención de código: Buena. Es fácil encontrar los cupones para compras sobre determinados montos. Además se destaca permanentemente el cupón de primera compra.
    • Forma de ingreso: Medio. Es fácil encontrar el campo de ingreso, sin embargo al ingresar un código no válido no se explica el por qué.
    • Términos y condiciones: Poco claro. No se dan mayores detalles de restricciones de uso, como si son aplicables a ciertos productos o de si son o no acumulables con otras promociones.
  • Resultado: Malo. Da la impresión de que se pueden ingresar varios cupones y no es así. Además no se muestran condiciones de uso y el cupón resulta inválido.

Patrón de cupón de Metro Valparaíso CLUB y DIB

Datos de los servicios

  • Nombres: Metro Valparaíso CLUB y DIB
  • Plataforma: Sitios web de escritorio (www.mvclub.cl y www.dib.cl)
  • Descripciones:
    • Metro Valparaíso CLUB es un sistema de beneficios y descuentos exclusivos para clientes de metro registrados como socios.
    • DIB es un sitio de ventas de alfombras y ropa de cama.

Experiencia de usuario

  • Proceso: El usuario busca beneficios para miembros del club de metro Valparaíso y encuentra 70% de descuento en compras online en DIB. Al obtener el código las condiciones generan un poco de confusión al estar mal redactadas. Luego en el carro de compras el descuento que se aplica es solo del 10%.
  • Criterios de evaluación
    • Obtención de código: Bueno. Es fácil encontrar los beneficios y acceder al código de descuento como usuario registrado. Aunque se podría agilizar más el proceso.
    • Forma de ingreso: Bueno. Se visualiza fácilmente el campo de ingreso y el resultado aplicación del código. Sin embargo no se genera el descuento esperado.
    • Términos y condiciones: Poco claras. Las condiciones no están bien redactadas y generan confusión para el usuario.
  • Resultado: Malo. Los términos mal redactados pueden generar resultados no esperados y confusión para el usuario.