Pablo Chicano Tarea 3 - Taller de Diseño de Interacción 2020

De Casiopea



TítuloPablo Chicano 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)Pablo Chicano

Tarea 3:

Seguir definiendo y profundizando el patrón y los 10 ejemplos estudiados, considerando las correcciones realizadas en la reunión anterior. También desarrollar descripción del estudio, identificando bajo el carácter del patrón elegido, qué es considerado una buena practica de Experiencia de Usuario (UX).

¿Qué se refiere a patrones de interacción?

Los patrones de interacción son elementos diseñados para jerarquizar la relación de un servicio con el usuario, su buen uso permite convertir la experiencia de este en una experiencia positiva, o por el contrario, un mal patrón creara una experiencia negativa o engañosa para el usuario.

Estos elementos consisten en el diseño de soluciones para problemas que pudiese experimentar el usuario intentando realizar ciertas tareas, como por ejemplo llenado de formularios extensos, suscripción y des-suscripción de cuentas o contenidos, pagos seguros, etc... Es decir, cualquier tarea que sin un patrón de interacción seria mucho más larga y tediosa.

Los patrones de interacción nacen desde el concepto de patrones de diseño, acuñado por el arquitecto Christopher Alexander en 1979, no dirigidos al software, sino, teniendo su origen en la búsqueda de la construcción de edificios de mayor calidad siguiendo una serie de patrones creados por este.
No fue hasta 1987 que fueron incluidos al lenguaje de la informática por Ward Cunningham y Kent Beck, para luego popularizarse a principios de 1990, publicados en el libro "Design Patterns" escrito por el grupo Gang of Four (GoF).
Desde esto, podemos ver que los patrones de interacción van más allá de la informática y el diseño de interfaz, teniendo su origen en la idea de completar tareas de forma más eficiente.

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

La importancia como comunidad de diseñadores de identificar estos criterios es el poder aprender de ellos y de cómo estos afectan la experiencia del usuario positiva o negativamente, al saber esto se pueden proponer y diseñar soluciones ante los problemas que puede causar el mal uso de un patrón, o por el contrario mejorar uno que no funcione correctamente. Así también aprendiendo a identificar cuando nos encontramos como usuarios ante una mala práctica y poder evitar caer en ella.

¿Cómo identificamos y a que se refiere cuando hablamos de una mala y buena práctica?

Para identificar una buena o mala práctica debemos basarnos en la tarea que debiese cumplir un patrón de interacción, una buena práctica debiese ayudar al usuario en las tareas que desea realizar, haciendo su experiencia amena y facilitándola lo máximo posible.

Se debe tener en cuenta también el dialogo que el servicio mantiene con el usuario, y que este lo dirija correctamente en su navegación. En cambio, una mala práctica se caracteriza por impedir el correcto desarrollo de dicha tarea, o buscar de forma intencional que el usuario no la logre o dirigirlo de manera errónea hacia otras tareas o contenidos que este no desea realizar.

Una mala práctica puede ser incidental, esto ocurre cuando lo que debiese ser un buen patrón de interacción es mal implementado, pudiendo estar mal diseñado o funcionando erróneamente, por otro lado estos también pueden ser intencionales, a modo de dificultar o incluso impedir que el usuario realice la tarea deseada, o también buscando directamente que este se dirija hacia otras tareas o contenidos que no está buscando, por medio también de información intencionalmente errónea.

Se puede hacer la tarea de identificar esto por medio de pasos:

  1. Identificar el tipo de sitio o servicio en el que el usuario se encuentra.
  2. Identificar la tarea que el usuario desea realizar.
  3. Dependiendo de si las practicas implementadas para realizar la tarea deseada la vuelven fácil y amena o difícil y tediosa, podremos saber si la práctica utilizada es buena o mala.

Patron: Wizard

Un wizard es el dividir una tarea en una serie de pasos o condiciones que debe cumplir el usuario para completar una tarea mayor, por ejemplo, la instalación de un software, la creación de una cuenta de usuario, el pago por Internet, etc... Para que este patrón sea una buena práctica UX, debe cumplir su función de facilitar la tarea que se está realizando, dividiéndola en pasos para simplificarla, cuidando que sea la menor cantidad de pasos posibles, es decir, que si estos pasos fallan, hacen mas complicada la tarea, redirigen erróneamente de forma accidental o intencional al usuario, o no ayudan al usuario en su experiencia, este patrón pasa a ser una mala práctica UX.

Entre las malas prácticas mas comunes utilizadas con este patrón, están, el mal diseño de la herramienta, la cual genera errores, corta el proceso de forma inesperada, posee "timeouts" mal calculados o directamente sus pasos no responden. El uso de esta para redirigir al usuario a otros sitios o contenidos, no logrando realizar la tarea requerida. La descarga o instalación de contenido agregado que puede no ser del gusto del usuario, pero no se le informa de manera correcta para que sirve este. Wizard que no advierten que el proceso no sera automático y dan el aviso al "finalizar" este, quedando el usuario en la incertidumbre de la realización de su tarea. O directamente Wizards que no permiten la realización de la tarea que suponen hacer. Este es un patrón que debe ser diseñado con sumo cuidado, ya que es muy fácil que falle aunque se intente realizar una buena práctica si no se hace correctamente, consta de muchos elementos y su diseño de interfaz también debe poder mantener un dialogo que no sea tedioso con el usuario.

Buenas prácticas:

1. Crear cuenta en Amazon.com

  • Nombre del Servicio: Amazon.com
  • Soporte del Servicio: Sitio web (con versión app) de ventas internacionales de productos y contenido multimedia.
  • Descripción de experiencia de usuario con el servicio: Buena UX. El servicio cumple con que el patrón permita facilitar la tarea que se hace, presenta una interfaz bastante intuitiva, lo que facilita la navegación del usuario, los pasos a seguir están bien explicados y no crean confusión en el usuario, así logrando que el proceso por pasos sea poco engorroso y bastante sencillo.
  • Colección de Pantallas:
  • Partituras de Interacción:

2. Borrar cuenta en Mercadolibre.cl

  • Nombre del Servicio: Mercadolibre.cl
  • Soporte del Servicio: Sitio para vender productos online (con versión app).
  • Descripción de experiencia de usuario con el servicio: Buena Ux. Aunque el proceso no es intuitivo en un principio, al ir al apartado de "ayuda" se encuentran directamente los pasos de eliminación de cuenta, los cuales dividen esta tarea en secciones sencillas, sin necesidad de engorrosos y extensos formularios, también cumpliendo su función de seguridad verificando vía correo electrónico la identidad del usuario para evitar que la cuenta sea borrada por terceros.
  • Colección de Pantallas:
  • Partituras de Interacción:

3. Recuperar cuenta en Uber eats

  • Nombre del Servicio: Uber eats
  • Soporte del Servicio: Aplicación para pedir comida rápida con servicio de entrega.
  • Descripción de experiencia de usuario con el servicio: Buena UX. El servicio aprovecha la existencia de datos pre existentes del usuario para acortar los pasos de este wizard, así creando pasos cortos y sencillos para recuperar la cuenta anterior del usuario.
  • Colección de Pantallas:
  • Partituras de Interacción:

4. Instalar MediBang Paint Pro

  • Nombre del Servicio: MediBang Paint Pro
  • Soporte del Servicio: Software de dibujo digital (con versión app).
  • Descripción de experiencia de usuario con el servicio: Buena UX. El servicio de descarga e instalación del programa es acertado, bastante sencillo y bien indicado con instrucciones y pop ups, no instala programas extra dentro del paquete y permite al usuario configurar la instalación a gusto, ofreciendo también variedad de idiomas. Es gratuito y no requiere la creación de una cuenta para usarse, esta última solo ofrece servicios en la nube y variedad de pinceles y adiciones para el programa.

Esto permite que los pasos a seguir sean cortos y ofrezcan ayuda y contenido de interés para el usuario, sin ser invasivos o instalar programas fantasma.

  • Colección de Pantallas:
  • Partituras de Interacción:

5. Pagar cuenta Esval via Webpay

  • Nombre del Servicio: Webpay
  • Soporte del Servicio: Servicio de pago seguro en línea desde cuenta bancaria.
  • Descripción de experiencia de usuario con el servicio: UX aceptable. El servicio ofrece pasos bastante sencillos para realizar el pago, son pocos pasos pero está medianamente explicado (siendo un servicio que debiese estar pensado para todo tipo de usuarios, quienes pueden tener poco conocimiento informático), y bloquea ciertas opciones como la descarga del comprobante de pago al seleccionar otras, junto a timout muy cortos de la página.
  • Colección de Pantallas:
  • Partituras de Interacción:

Malas prácticas:

1. Crear cuenta en Habbo.es

  • Nombre del Servicio: Habbo.es
  • Soporte del Servicio: Red social y comunidad en línea (web y móvil).
  • Descripción de experiencia de usuario con el servicio: Ux Mediocre. Al momento de la creación de la cuenta la página no verifica la lectura de los términos y condiciones como otras verificando el scroll del texto, luego de esto, no indica la necesidad de autenticar la cuenta para que la interfaz funcione al momento de crear un personaje, ya que el botón para continuar no responde y no indica el por qué, por lo cual se debe intuir que el problema es la autenticación del correo.

A partir de esto, al bloquearse pasos que debiesen permitir la continuidad del proceso, este wizard pasa a ser una mala práctica UX ya que no logra cumplir con su función básica de dividir para conquistar.

  • Colección de Pantallas:
  • Partituras de Interacción:

2. Crear cuenta en Mercadolibre.cl

  • Nombre del Servicio: Mercadolibre.cl
  • Soporte del Servicio: Sitio para vender productos online (con versión app).
  • Descripción de experiencia de usuario con el servicio: UX Mediocre. Aunque el wizard consiste en dividir para simplificar el proceso realizado, el proceso en este caso de creación de cuenta es demasiado sencillo, no verifica la veracidad de los datos como el correo electrónico y esto hace que la página se preste a la presencia de cuentas falsas y bots, lo que daña la calidad de la experiencia de usuario, por lo cuál, aquí falla el patrón no por sus características primarias, sino a lo que conllevan la toma de decisiones que se hacen al implementarlo.
  • Colección de Pantallas:
  • Partituras de Interacción:

3. Obtener datos personales en Spotify.cl

  • Nombre del Servicio: Spotify.cl
  • Soporte del Servicio: Servicio de streaming de contenido musical y podcast.
  • Descripción de experiencia de usuario con el servicio: Mala UX. Los pasos del proceso son engorrosos y poco claros, difíciles de encontrar, y finalmente no se da la seguridad de que los datos se vayan a entregar ya que el proceso dura 30 días, lo cual no se advierte cuando se realiza el proceso. En este caso falla el patrón ya que los pasos no llevan al fin esperado, por lo cual este no se cumple, o no en el momento deseado.
  • Colección de Pantallas:
  • Partituras de Interacción:

4.Desinstalar Pokémon TCG online

  • Nombre del Servicio: Pokémon TCG online
  • Soporte del Servicio: Juego en línea basado en el juego de cartas Pokémon Trading Card Game.
  • Descripción de experiencia de usuario con el servicio: UX Mediocre. Al intentar desinstalar el juego desde el apartado para quitar programas de windows, ya que desde el mismo juego o la carpeta de archivos de este no es posible, el proceso da error, por lo cual se debe seleccionar "modificar" y desde ahí desinstalar el programa, dentro de esta nueva ventana, se presentan errores gráficos en la interfaz. En este caso el wizard no cumple con sus funciones ya que sus pasos no ayudan a la realización de la tarea, la necesidad de realizar la instalación de forma no intuitiva y presentando errores varios no permite el correcto desarrollo de la tarea requerida.
  • Colección de Pantallas:
  • Partituras de Interacción:

5. Instalar Oracle VM VirtualBox

  • Nombre del Servicio: Oracle VM VirtualBox
  • Soporte del Servicio: Software para crear máquinas virtuales de OS.
  • Descripción de experiencia de usuario con el servicio: Ux Neutral. Aunque este wizard cumple con facilitar la tarea dividiéndola, se instalan múltiples complementos que no le son descritos al usuario, lo que puede causarle a este desconfianza en la seguridad de la instalación, también considerando que este programa no está orientado a cualquier tipo de usuario.
  • Colección de Pantallas:
  • Partituras de Interacción: