Tarea 2: Elegir un Patrón de Interacción y desglosar 5 ejemplos buenos y 5 ejemplos malos de Experiencia de Usuario (UX) en distintos servicios digitales
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.
Patrones positivos:
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.
- Escala de Habitos UX: Bueno.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: El servicio presenta una interfaz bastante intuitiva, con sus pasos bien explicados, es un proceso poco engorroso y bastante sencillo.
- Colección de Pantallas:
Página principal, aparece pop up para "identificarse" si no hay una sesión iniciada.
Bajo el "botón" para iniciar sesión aparece la opción de registrarse, aunque no subrayada como la anterior.
Input de correo electrónico y contraseña, con verificación de coincidencia de contraseña y la seguridad de esta. Aceptar los términos y condiciones no requiere leer estos y se alojan en una página anexa.
Condiciones de Uso (Página anexa a la de creacíon de cuenta).
Aviso de privacidad de Amazon (Página anexa a la creación de cuenta).
Verificación de correo electrónico con código de seguridad.
Correo electrónico con el código de seguridad.
Ya con el código introducido se puede proseguir a crear la cuenta.
Cuenta creada e interfaz lista para usarse.
- 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).
- Escala de Habitos UX: Bueno.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: Aunque no intuitiva en un principio, al ir al apartado de "ayuda" se encuentran directamente los pasos de eliminación de cuenta, sin necesidad de engorrosos formularios o pasos muy extensos, pero si verificando via correo electrónico para evitar que la cuenta sea borrada por terceros.
- Colección de Pantallas:
Página principal de Mercadolibre, al no estar directamente la opción de eliminar cuenta, se accede al menú de "ayuda".
Entre las opciones se encuentra "Configuración de mi cuenta", se selecciona esta para continuar.
Se despliegan nuevas opciones, entre ellas siendo este solo el tercer paso esta "quiero cancelar mi cuenta".
Por seguridad la página pide una verificación con código por correo electrónico.
Correo electrónico con código de verificación.
Al introducir el código recibido se puede continuar con el proceso.
Se pregunta breve mente el por qué del cierre de la cuenta, en este caso no se deben rellenar largos formularios ni textos como en otros sitios o servicios.
Se da a conocer lo que se perderá si se borra la cuenta y pide el consentimiento del dueño de esta para proceder.
En un recuadro verde se anuncia la cancelación de la cuenta, mas abajo se explica que se puede usar nuevamente el correo electrónico pero la cuenta creada sera una nueva cuenta.
Al proceder se salta nuevamente a la página de inicio de Mercadolibre, donde se puede navegar sin necesidad de tener cuenta.
- 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.
- Escala de Habitos UX: Ubicar la experiencia del patrón en dentro del servicio entre : Bueno.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: Se requiere recuperar cuenta utilizada en dispositivo anterior, la aplicación presenta pasos a seguir cortos y sencillos, utilizando los datos ya registrados en el teléfono.
- Colección de Pantallas:
Pantalla de Carga de la aplicación.
Da la posibilidad automáticamente de recuperar cuenta, estando los datos requeridos en el teléfono (cuenta google vinculada).
Al no tener permisos de utilizar la ubicación muestra la ultima dirección utilizada en la cuenta anterior.
Pantalla popup para pedir permiso para utilizar la ubicación, requerida para el uso de la aplicación.
Input de datos e indicaciones especiales, solo la dirección y el modo de entrega son necesarios, indicado con un "*required" sobre estos. Mientras no se ingresen estos datos no se puede continuar utilizando el botón de "guardar".
Ingresados los datos de desbloquea la función de "guardar".
Cuenta recuperada y app lista para usarse.
- 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).
- Escala de Habitos UX: Bueno.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: 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.
- Colección de Pantallas:
Página web del programa para su descarga, botón notorio con instrucciones claras.
Redirección a página de descargas, donde se debe seleccionar el OS y si el sistema es de 32 o 64 bits, en este caso de 64, también ofrece la posibilidad de ver tutoriales, los requerimientos del sistema y el historial de actualizaciones del programa.
Inicia la descarga en el browser, no utiliza servicios externos de descarga.
Primera pantalla del servicio de instalación, selección de idiomas.
Advertencia para usuarios de versiones antiguas del programa, se debe aceptar para poder continuar con la instalación.
Selección de dirección de instalación del programa.
Carpeta en el menú de inicio, también permite devolverse a la selección anterior.
Crear ícono en escritorio (opcional).
Dar permiso para la instalación.
Proceso de instalación con detalle y barra de progreso.
Fin de la instalación con opción de ver tutoriales.
Ventana de Publicidad (Se puede cerrar).
Ventana de tutoriales variados (Se puede cerrar).
Sub ventana de error por no estar iniciada una sesión, lo cual no es necesario para utilizar el programa, también se puede ignorar y cerrar.
Programa listo para usarse.
- 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.
- Escala de Habitos UX: Ubicar la experiencia del patrón en dentro del servicio entre : Aceptable.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: El servicio aunque poco explicado es intuitivo y rápido, aunque bloquea ciertas opciones de descarga de comprobantes al utilizar otras.
- Colección de Pantallas:
Pantalla principal de Esval.cl, se debe ingresar el número de socio y rut para poder acceder a las opciones de conocer saldo, pagar cuenta u obtener boleta. En este caso se selecciona la de pagar cuenta.
Pantalla de selección de método de pago, se debe seleccionar el saldo a pagar para obtener las opciones de pago, esto no está indicado en la página.
Al seleccionar el saldo se despliegan las opciones de pago, en este caso se utilizará webpay, luego de esto se puede dar al "botón" "pagar en línea" para proceder.
Pantalla de selección de tipo de cuenta bancaria, la cual muestra cuatro opciones, en este caso "tarjeta de débito".
Pantalla de selección de banco e ingreso de datos, en este caso el rut, mientras no se ingrese uno válido, no se puede pulsar el "botón" de "Continuar", necesario para proceder con la operación.
Ingresados correctamente los datos se puede continuar.
Pantalla de carga "Esta transacción se realiza bajo un sistema seguro".
Ingreso a cuenta Banco Estado vía Webpay.
Ingreso de tercera clave de seguridad, junto a informaciones varias de la cuenta.
Nuevamente pantalla de carga "Esta transacción se realiza bajo un sistema seguro".
Pantalla de carga "Estamos autorizando su transacción".
Verificación de pago y opción de descargar el comprobante de pago.
Comprobante de pago. (luego de esto la página salta nuevamente a la página principal de esval.cl).
- Partituras de Interacción:
Patrones negativos:
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).
- Escala de Habitos UX: Mediocre.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones:
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.
Página principal, botón "Únete" para registrarse, totalmente visible.
Input de correo y contraseña, con indicador de seguridad de esta.
Términos y condiciones en página anexa, no verifica su lectura.
Verificación de edad y captcha para poder continuar con el proceso.
Aviso para ejecutar complemento flash player.
Permiso de ejecución complemento flash player.
Botón "Estoy listo" no responde y no indica el por qué.
Se intuye que es la verificación del correo electrónico, no indicada por la página anterior.
ventana popup con nuevo captcha.
Página parece funcionar normalmente, Se debe hacer click en "Hotel".
Interfaz funciona normalmente luego de resolver el problema de autenticación.
- 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).
- Escala de Habitos UX: Mediocre.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: La creación de la cuenta es demasiado sencilla, no verifica si el correo electrónico es real, por lo cual se presta a la creación de cuentas falsas y bots que disminuyen la calidad de la experiencia de usuario.
- Colección de Pantallas:
Página principal de mercadolibre, creación de cuenta señalada en la parte superior derecha de la página.
Input de nombres, correo y contraseña, pero no verifica la existencia del correo ni es necesaria una verificación posterior.
Seleccionar "Crear cuenta"
Recuadro verde anuncia la cuenta ya lista para usarse.
Único correo recibido es publicidad de la página, sin opciones de seguridad.
- 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.
- Escala de Habitos UX: Malo.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: El proceso para obtener datos personales es engorroso y al final de este no se da la seguridad de que se vayan a entregar estos ya que el proceso dura 30 días, lo cual no se advierte al comienzo de este.
- Colección de Pantallas:
Página de Login de Spotify.cl
Se selecciona "Configuración de privacidad" en búsqueda de los datos que se quieren descargar.
Se accede a "descarga de datos" donde se muestran tres pasos simples (lo cual posteriormente se puede ver que no es así).
Pop up con un captcha para confirmar que quien accede no es un bot.
Ventana pop up avisa que se ha enviado un correo electrónico de confirmación para poder continuar con el proceso.
Se confirma desde el correo electrónico para poder continuar.
El proceso, aunque se mostraba corto, queda en espera de hasta 30 días para poder completarse, lo cual no se advierte anteriormente en el mismo.
- 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.
- Escala de Habitos UX: Mediocre.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones: 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.
- Colección de Pantallas:
Aplicaciones y características en windows, ya que desde el programa no puede desinstalarse este mismo.
Se selecciona la opcion de "desinstalar".
Se confirma la opcion de "desinstalar".
Ventana de error, se selecciona reintentar y nuevamente da error, quedando en un loop.
Advertencia de que no puede realizarse el proceso de desinstalación con un mensaje de error.
Al no poder desinstalarse directamente se selecciona la opción de "modificar".
Esto abre el servicio de instalación del programa.
Al pulsar "siguiente" se muestran tres opciones, modificar, reparar y eliminar, se escoge la última opción.
La interfaz presenta errores gráficos que no permiten leer con claridad la opción demarcada.
Al pulsar eliminar aparece una barra de progreso.
Finalmente se logra eliminar el programa, aunque con un proceso engorroso y poco claro.
- Partituras de Interacción:
5.
- Nombre del Servicio:
- Soporte del Servicio: Aplicación, Sitio web, etc..
- Escala de Habitos UX: Ubicar la experiencia del patrón en dentro del servicio entre : Malo, Mediocre, Neutral, Aceptable ó Bueno.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones:
- Colección de Pantallas:
- Partituras de Interacción: