"Deadlock in the Lockers" por un bug de UX en el mundo físico

Siempre he sido un mal tester. Cuando me han dado a probar los productos, he tenido la suerte, el acierto o la desgracia, de tocar donde nadie esperaba que se hiciera o en el orden que nadie pensó que alguien lo hiciera. Ha sido un don toda mi vida. Me dan algo a probar, y no me funciona. Quizá porque soy más torpe, o porque me gusta probar qué pasaría si....Supongo que por eso acabé buscando bugs en el software, es una habilidad natural innata qué, a veces, me juega malas pasadas.

Figura 1: "Deadlock in the Lockers" por un bug de UX en el mundo físico 

Este "súper poder" me llevó el otro día, cuando tenía lugar el GP F1 en Madrid, a terminar en un Deadlock con los Lockers, por culpa de un fallo de UX en el sistema físico de la apertura y cierre de los mismos. Os lo cuento, por si algún día es vuestra primera vez, para que no caigáis en el mismo problema que forcé yo a la primera. Para no alargar la historía, os diré que tenía entradas para la F1 de Madrid y la carrera comenzaba a las 15:00. Yo aterrizaba en Madrid viniendo de México a las 13:15, y tenía el tiempo justo para ir hasta  un Hotel de Valdebebas y dejar mi equipaje en los Lockers para luego correr hacia la entrada del circuito y ver la carrera. Todo planificado.

Figura 2: Los Lockers

Cuando llegué a la recepción del hotel pregunté por los lockers, y una chica muy amable me dijo que estaban abajo, en el parking, pero que con la carrera no sabía si quedaría ninguno libre. Esto metió nerviosismo en mi plan, y baje un poco acelerado para ver si tenía uno disponible. No había utilizado nunca el sistema, y mi preocupación era si aceptarían tarjeta de crédito, que venía pelado, pero ahora tenía que encontrar alguno vacío para poder utilizarlo. Nervios++

Cuando llegué, me topé con todos los lockers cerrado, y mi nerviosismo empezó a crecer, pero de repente, mi ojo captó una puerta abierta de un locker, y me sentí aliviado. Corrí hacia ese locker, y puse mis cosas dentro. Me quedé con el número de la taquilla, lo cerré, y me fui hacia la pantalla para pagar el alquiler de ese locker y asegurarme que se quedaba cerrado.

Suena bien, ¿verdad?

Lo cierto es que cuando llegué a la pantalla del pago, me encontré con un menú con dos opciones. Una para alquilar un locker, y la otra para abrir un locker. Tiene sentido, pensé. Vamos a alquilar un locker, y cuando le di a esa opción, me esperaba un interfaz para poner el número de mi taquilla, pero lo que me encontré fue una lista de números de taquillas, entre las que no estaba el mío.... What? 

Seleccioné un número de los disponibles y pagué, viendo cómo se abría automáticamente el locker con ese número. Aquí iría una onomatopeya de cerebro pensando sobre qué ha pasado, pero lo cierto es que pensé: "Bueno, si la otra no la puedo cerrar, cambio las cosas y listo". Así que me fui a la taquilla donde había metido mis cosas para abrirla, pero... oh, oh... estaba cerrada y no se abría. Deadlock total.

¿Cómo era esto posible?

El tiempo corría en mi contra, así que me fui corriendo a la recepción subiendo los escalones en tiempo de record de vuelta del circuito, y le conté a la chica lo que me había pasado recortando los espacios entre las palabras. Ella me miró con cara de no entiendo nada y dijo... "¿Es un problema con los lockers?" 

"Sí, sí, sí, sí.." respondí, al tiempo que agitaba mi cabeza en vertical a 200 rpms. Y ella dijo que para los lockers, al responsable de los lockers, que precisamente venía por el hall del hotel. Gracias, gracias, gracias. Así que le asalté, y mejorando mi tiempo anterior, le conté otra vez toda la historia. Y me miró con cara de "... What?" 

Le expliqué que sí, que había un locker abierto, que yo pensé que primero elegías taquilla, luego la pagabas, y se cerraba, pero que no, que luego vi que el sistema es distinto, que primero pagas, eliges taquilla, ésta se abre, pones las cosas dentro y luego se cierra, pero que tus cosas estaban en una taquilla abierta, que alguien había pagado para cerrar, pero que se había ido y la había dejado abierto y... el resto ya os o he contado.

La persona no entendía nada, pero uso su clave de administrador de los Lockers (Modo God Locker) y me preguntó antes de abrir la taquilla por todas mis cosas, que yo le describí minuciosamente: "Un libro de Isaac Asimov, tres calzoncillos usados, una mochila de Cloudflare, unos dulces mexicanos, ....y cosas".  En el momento de comprobar que era mi equipaje, a pesar de saber que lo acababa de poner allí, estaba nervioso pensando... ¿Te imaginas que ahora hay otra cosa y es una broma de cámara oculta?

View this post on Instagram

A post shared by Chema Alonso (@chemaalonso)

Por suerte... (ya ves tú qué suerte) estaban mis cosas, y pude cambiarlas y cerrar la taquilla para irme a la carrera. Llegué, como podéis ver en el vídeo. Pero me pasé toda la carrera sin entender qué había pasado, así que cuando volví a recoger mis pertenencias vine con el modo Debug ON.

Al llegar, para abrir la taquilla, había dos opciones: "Abrir una vez" o "Abrir y terminar el alquiler". Pensé... "¿Qué opción de estas ha llevado al Deadlock en el que me quedé?" Pues parece a priori  que ninguna, o que podían ser las dos. En cualquiera de los dos casos el problema parecía el mismo. Si el usuario que termina el alquiler y se va, deja la taquilla abierta, no hay un mecanismo de cierre automático retardado para evitar que alguien, por error, o por no conocer el proceso como era mi caso, ponga sus cosas dentro. Si alguien pone algo dentro y se cierra, se acabó, ¿o no?

Figura 4: Mientras pensaba en eso, me perdí y acabé

a pie de pista sacándole una foto a mi colega Max.

Pues no, en este caso, la solución al misterio del problema era "Abrir una vez" sin terminar la sesión. Si hubiera elegido al opción de "Abrir y terminar el alquiler" cuando yo fui a pagar, esa taquilla aparecería como disponible, pero no estaba, así que la persona abrió la taquilla sin terminar la sesión y me dejo en un Deadlock. Es decir:

• Un usuario alquila una taquilla por 8 horas y le pone el código 2345
• El usuario vuelve a la hora para irse, pero abre la taquilla sin cerrar el alquiler.
• Deja la taquilla abierta.
• Un nuevo usuario que no conoce el sistema pone sus cosas dentro pensando que está disponible.
• Cierra la taquilla
• La taquilla sigue alquilada aún por 7 horas y no está disponible.
• El nuevo usuario se ha quedado sin sus cosas.

La solución, además de poner el cierre retardado automático - caro -, sería poner información contextual directamente en la taquilla: "Antes de poner sus cosas dentro asegúrese de haber pagado" o "No ponga cosas dentro de la taquilla si no la ha abierto con el panel de control" ... o cualquier otro mensaje para el usuario que no ha visto aún el proceso de pago.

Figura 5: Con la ayuda de Megatorpe

El bug es pequeño, pero como podéis ver, existe, y me acordé de los libros de ANAYA de Informática para Torpes, donde MegaTorpe hacía todo lo que nadie esperaba que hiciera. Sí, yo fui MegaTorpe, pero el issue existe, y alguien tendrá que pensar cómo subsanarlo, o delegar ese caso de uso "Corner Case" en el Modo God del Locker Admin.

¡Saludos Malignos!

Autor: Chema Alonso (Contactar con Chema Alonso)  

Cómo salir del cuadro de dialogo que te ha bloqueado Blogger porque te quedaste sin Internet

Que yo publico todos los días es algo que podéis ver en los artículos del blog diariamente. Eso me obliga a tener que conectarme desde cualquier ubicación, ya sea en medio de las montañas, en países de todo el mundo, en mitad de una ciudad, un avión, o en el medio del mar mientras me mecen las olas. Y por supuesto, muchas veces tengo problemas con la conectividad mientras estoy trabajando.

Figura 1: Cómo salir del cuadro de dialogo que te ha

bloqueado porque te quedaste sin Internet

En estas situaciones, me he topado muchas veces con un problema con Blogger. Me permite trabajar off-line bastante bien, pero tiene un par de situaciones de "Deadlock" en las que me quedo bloqueado sin poder grabar el contenido. Como eso me obligaría a re-escribir el artículo completo, aprendí un workaround que es lo que os voy a contar hoy.

Figura 2: Escribiendo un post en Blogger tranquilamente

En la imagen anterior estoy escribiendo un post en mi blog, tranquilamente. Tengo conexión a Internet - o no -, pero sigo trabajando tranquilamente. De repente, quiero poner un enlace y no me doy cuenta de que estoy sin conexión a Internet, y entro en un "Dead-end".

Figura 3: He querido poner un hipervínculo y sin conexión no puedo hacer nada.

En esta situación, la opción de "Apply" no está funcionando, y la tecla de ESC - mi querida tecla roja - no está funcionando, así que no puedo tocar nada más del interfaz. En mi primer incidente de este tipo, restauré la conexión a Internet, esperando que se activara la opción de "Apply", cambiando el enlace varias veces, pero nada.

Figura 4: Una vez roto el cuadro de diálogo, ni con Internet se arregla

Así que automaticé un workaround que, como me ha pasado estos días, os lo cuento hoy. No hay más que entrar en las herramientas de Developer en Google Chrome y buscar el cuadro de diálogo en la sección de ELEMENTS, que está dentro de un DIV y que en el UX se ve resaltado en azul y con el DIV asociado.

Figura 5: Elimina el DIV del cuadro de dialogo y listo.

En Blogger no es suficiente, porque hay una capa que bloquea el acceso al resto del interfaz incluso una vez que hayas borrado este DIV. Así que con un poco de paciencia, encuentras el bloqueador y a borrarlo.

Figura 6: Borra también la capa que bloque el UX

Una vez que hayas borrado estos dos elementos, ya puedes volver a disfrutar del IU, en este caso, de Blogger, y una vez restaurada la conexión, guardar todos los cambios que hayas hecho mientras el equipo estaba off-line.

Figura 7: El UI de Blogger restaurado para que guardes tus contenidos

No sé si esto te ayudará en alguna ocasión, pero a mí me ha salvado la vida varias veces, al evitar que perdiera el trabajo que tenía hecho mientras estaba off-line, porque estos cuadros de diálogos no están preparados para el modo off-line. ¿Es un bug de UX? Pues sí, creo que deberían arreglado, pero llevo tanto años en Blogger que hasta me he acostumbrado a sus límites.

¡Saludos Malignos!

Autor: Chema Alonso (Contactar con Chema Alonso)  

¿Por qué no aparece la foto o el vídeo que tengo en el carrete de iPhone cuando quiero compartirla por WhatsApp?

¿Te ha pasado alguna vez que has descargado una fotografía o un vídeo en tu iPhone desde un correo electrónico o una web, y luego cuando la has ido a buscar en WhatsApp no la has encontrado? No te preocupes, no estás sólo, y tiene un explicación que te voy a contar para que no te pase más veces, y para que sepas qué está pasando si alguna vez te pasa.

Figura 1: ¿Por qué no aparece la foto o el vídeo que tengo en el carrete

de iPhone cuando quiero compartirla por WhatsApp?

El problema suele ser con fotografías o vídeos antiguos, que alguien te manda por correo electrónico, o los recuperas tú desde un backup en un disco, o desde una web. Lo guardas en tu carrete de fotos del iPhone, y la ves ahí. La última de todas las fotos y vídeos. Esto me pasó a mi con un vídeo gracioso que grabé el 25 de Diciembre de 2015 con mi hija pequeña, Mi Survivor, durmiendo sobre mis hombros. 

Figura 2: El vídeo del 25 de Diciembre de 2015

Lo guardé en el carrete de fotos, y fui a compartirlo por WhatsApp, pero cuando le doy a seleccionar más imágenes y vídeos para  compartir, la sorpresa es que el vídeo no está ahí. Es como si no existiera. Tranquilidad, que ahora lo explico.

Figura 3: En WhatsApp el vídeo no está el primero, como debería.

Lo que sucede es que sí que está, pero... en su Fecha de Creación, no en su Fecha de Almacenamiento. Mientras que el carrete de iOS en iPhone ordena las fotos por la Fecha de Almacenamiento, el selector de WhatsApp las tiene ordenadas por Fecha de Creación, así que ese vídeo está en el 2015, y no en el 2026.

Figura 4: En el carrete de iPhone pincha en Adjust

Para solucionar esto, lo que hago yo, cambiarle la fecha a la foto y el vídeo, o duplicarla, cambiar la fecha al duplicado, y listo. Para eso, en el carrete de fotos de iPhone entras la información de la fotografía desplazándola hacia arriba.

Figura 5: Pon la fecha de hoy para que la encuentres fácilmente

Una vez ahí, pinchas en la fecha, y.... se te abre el calendario para que puedas ponerle la Fecha que quieras, que si quieres ponértelo fácil, pues que sea hoy mismo.

Figura 6: Ya está la primera en WhatsApp

Una vez hecho esto, ya te puedes ir a WhatsApp, seleccionar nuevas fotografías a compartir, y mágicamente, la fotografía o el vídeo aparece ahora la primera del carrete, para que la puedas cargar.

Figura 7: WhatsApp INT: OSINT en WhatsApp.

Escrito por Luis Márquez en 0xWord.

Os he compartido esto porque a mí me ha pasado muchas veces, así que si te pasa en el futuro, ya sabes por qué sucede y puedes apañarlo tal y como te he contado hoy. Al final, es sólo un problema de decisiones de UX que afectan a la usabilidad.

¡Saludos Malignos!

Autor: Chema Alonso (Contactar con Chema Alonso)  

Vienna Airport hace la vida más fácil a los viajeros con "Grab This Display QRCode"

Hace unos meses os hablaba de que no entendía por qué los aeropuertos, o cualquier servicio que exige esperar un dato en un lugar físico, como la puerta de embarque en un aeropuerto, o la asignación de un mostrador en una administración pública, una tienda o una empresa, no sacaban partido de una característica que hace la vida más fácil a las personas: "Grab This Display".

Figura 1: Vienna Airport hace la vida más fácil

a los viajeros con "Grab This Display QRCode"

Pues bien, hoy quiero hablaros de cómo el Aeropuerto de Viena lo tiene perfectamente implementado, y es una gozada. Así que se merece que le dedique un post para hablar de ello. Estaba esperando con mucho tiempo en una reunión antes de buscar la puerta de embarque de mi vuelo a Lisboa, y cuando llegué a la pantalla de mi información, vi el mensaje de "Puerta a las 11:15".

Figura 2: Información aún no disponible.

¿Toca esperar de pie delante de la pantalla?

Sin embargo, en la parte inferior hay un mensaje con un QRCode que dice: "Access your flight info" y casi me pongo a llorar de la emoción. Sí, soy muy sensible con estas cosas. Sin embargo, saltaron todas mis alertas...

Figura 3:  ¿Habrá Ads & Apps para monetizar la necesitad?

¿Podría ser una implementación correcta de Grab this Display o me llevaría a descargar un app, sacarme una cuenta, validar el e-mail y todas estas cosas para hacer "Growth" a partir de una necesidad básica de un usuario? Sí, como todas esas cosas que hemos permitido hacer a las SmartTV, que han hecho que el nivel cognitivo necesario para ver la tele se haya incrementado drásticamente.

Figura 4: Vamos a jugar

Y para sorpresa mía, estaba perfectamente implementado. Ni Ads ni Apps, directamente la información para que te puedas ir a sentar a una silla tranquilamente o esperar tomándote un café o comprando en las tiendas, que esto también ayuda al negocio de las tiendas - en vez de tener a la gente delante de las patallas las tienes en la cafetería y las tiendas.

Figura  5: La pantalla de mis vuelos en una web

responsive para mi móvil. Lloro.

Tan bien me sentó, que me fui a ver qué compañía se encarga de la tecnología del Aeropuerto de Vienna, y aquí os lo dejo. Mis felicitaciones al equipo de T-Systems y de Flughafen Wien AG (FWAG). Que así debería ser en todos los aeropuertos.

Figura 6: Responsables de la tecnología del Aeropuerto de Vienna

Si eres responsable de la tecnología de algún aeropuerto, o conoces a la gente que lo es, y no tienen en el aeropuerto que utilizas un "Grab This Display QRCode", a ver si me ayudas a que empujen a poner esta característica en todos y hacemos que los aeropuertos de España y de Portugal sean más accesibles y piensen un poquito más en los usuarios. 

Personas mayores, gente con movilidad reducida, comercios que se quedan sin clientes por ver pantallas y el medioambiente, que con esto se pueden reducir el número de pantallas y sustituir por QRCodes everywhere te lo agradecerán.

¡Saludos Malignos!

Autor: Chema Alonso (Contactar con Chema Alonso)  

Día internacional de la tecla ESCAPE. Hay dos tipo de informáticos: Los de tecla ESC ROJA y otros.

Después de las experiencias que os conté en el artículo de "La "shittización" en contra de hacer las cosas simples", que luego evolucioné y escribí en El futuro está por hackear con el titulo de "Solo para Gente Smart", le estuve dando muchas vueltas a los nuevos interfaces de usuario que tienen una alta exigencia de Nivel Cognitiva, que obliga a las personas a conocer los significados de iconos, de textos, los movimientos de la pantalla, o los flujos de navegación, y saber qué es un flujo de navegación, una acción o un comportamiento "conocido". 

Figura 1: Hay dos tipo de informáticos: Los de tecla ESC ROJA y otros.

Día Internacional de la tecla ESCAPE.

Estas reflexiones me hicieron pensar en la tecla roja de los teclados AMSTRAD, la tecla de ESC o Escape. Una de los primeras teclas que, para los que veníamos de la máquina de escribir Olivetti era especialmente llamativa. Y molaba todo, la verdad. En las máquinas de escribir que tenían tecla roja, la ésta era para subir el carro de la cinta de tinta y escribir en ese color, como os enseñaré que hacía yo en mis primeros textos, que los tengo guardados y merecen la pena ser publicados.

Figura 2: Tecla ESC en los teclados del AMSTRAD CPC 464

La tecla ESC (Escape) es una de las teclas más antiguas y simbólicas de la informática moderna, que nació para resolver un problema muy concreto de interacción con los programas de una computadora y que se convirtió con el tiempo en un auténtico “botón de pánico” para muchos usuarios, y hoy sigue estando presente en casi todos los teclados, aunque en algunos dispositivos haya sido reemplazada por versiones táctiles o funciones virtuales - que no nos gusta a todos -.

La historia de la tecla ESC  

Pero dejadme que os cuente un poco la historia, al estilo de como son las historias del libro de "Microhistorias: anécdotas y curiosiades de la historia de la informática (y los hackers)" que publicaron mis amigos Fran Ramírez y Rafel Troncoso en nuestra querida 0xWord.

Figura 3: Libro de "Microhistorias: anécdotas y curiosiades de la historia
de la informática (y los hackers)" de Fran Ramírez y Rafel Troncoso 0xWord.

La tecla Escape fue creada a comienzos de la década de 1960 por Robert “Bob” Bemer, programador de IBM y figura clave en la estandarización del Código ASCII. Bob Bemer buscaba una forma sencilla de cambiar entre distintos conjuntos de códigos y protocolos de comunicación utilizados por fabricantes incompatibles entre sí. Es decir buscaba "cambiar de flujo" - y por eso me acordé de ella cuando hablaba de los flujos de navegación en la televisión - entre unos y otros, así que pensó en tener una tecla especial que le permitiera "escapar" del flujo actual.

Figura 4: Símbolo en el estándar ISO de la tecla ESCAPE

Su propuesta se integró en el estándar ASCII como el carácter de control número 27, reservado para indicar que lo que venía después ya no era texto normal sino una instrucción especial. De este modo, la tecla ESC se convirtió en la puerta de entrada a las llamadas secuencias de escape, fundamentales en los scripts de sistemas operativos UNIX/LINUX durante muchos años. La gente le tiene tanto cariño, que puedes personalizarla, y se hacen diseños especiales para los teclados. En Amazon puedes comprarte algunas Teclas ESC Espectaculares.

Figura 5: ¿Friki de la informática con teclado mecánico y amante de los cómics?

¡¡¡¡Éste es el regalo que le tienes que hacer sin lugar a dudas!!!!

A diferencia de las letras o los números, ESC no está pensada para escribir un símbolo visible, sino para generar un carácter de control. En ASCII, ese carácter 27 se interpreta como una señal que modifica el significado de los bytes siguientes, permitiendo cambiar de color, mover el cursor o alterar el formato en terminales antiguas. Es decir, ya no estamos en el flujo de datos imprimibles, sino en el flujo de datos de control. 

En los primeros sistemas basados en línea de comandos, como muchos entornos de UNIX y DOS, el uso de ESC permitía iniciar secuencias que controlaban directamente la pantalla o el dispositivo, más que el contenido del texto. Esa lógica se conserva en las “secuencias de escape ANSI” que todavía hoy emplean muchos emuladores de terminal. 

Misma tecla, utilidad para los usuarios

Pero no sólo para los "programadores" tenía sentido esta tecla, ya que la tecla ESC se volvió especial y ofrecía al usuario una forma rápida de recuperar el control cuando algo no iba como se esperaba. En muchas interfaces de usuario, los programadores decidieron darle una utilizad a nivel de usuario y comenzaron a interceptar esta tecla y darle una utilidad, por lo que pulsarla comenzó a significar para los usuarios mensajes de "cancelar, abortar o salir de una operación", lo que popularizó su fama de “botón de pánico”.

Figura 6: Regala la tecla de ESC tipo queso Gruyere para los glotones.

O para Philipe Lardy, que ha abierto una Quesería

Además, su posición fija en la esquina superior izquierda del teclado la hizo fácil de localizar sin mirar, lo que reforzó su papel como recurso inmediato ante errores o procesos indeseados. Con el tiempo, la metáfora de llamar a esta tecla como “escotilla de escape” se consolidó. Era y es una salida rápida para abandonar un estado incómodo del sistema del que no se sabe salir. Es decir, es como entrar y salir de una habitación.

En mis épocas de universitario, en la asignatura de "Sistemas Operativos", teníamos que programar un driver de teclado para un sistema UNIX, y había que controlar todas las posibles excepciones. El profesor, en la evaluación de la práctica se hacía un bonito paseo por la tecla ESC para ver si la habíamos tenido presente y si no... suspenso al canto.

Figura 7: A mí me gustan que sean rojas. Debería ser obligatorio.

Una anécdota llamativa en la historia reciente de la tecla ESC fue su desaparición física en algunos modelos de MacBook Pro, donde fue sustituida por un botón virtual en la Touch Bar. Este cambio generó debate entre usuarios y desarrolladores - incluido yo mismo que me tenía cabreadísimo no tener mi tecla de ESC - . Y la explicación era que se quería tener una tecla mecánica inmediata para cancelar acciones, y si genera secuencias de escape interpreta el sistema operativo, mejor que mejor.

Por suerte la polémica fue tal que versiones posteriores de portátiles de Apple recuperaron una tecla ESC física, lo que evidenció el apego emocional y práctico que la comunidad tiene a esta tecla. Yo la sigo utilizando, por supuesto.

Día Internacional de la tecla ESC

 Tanta fama tiene esta tecla que  se ha llegado a celebrar un “World ESCAPE Day” como reconocimiento a su relevancia histórica en la informática personal, que es.... a ver, a ver.. mira, justo hoy, así que aproveché a guardar este post hasta hoy por eso mismo.

Figura 9: World Escape Day - Día Mundial de la tecla ESCAPE

Hoy en día, la tecla ESC sigue utilizándose para salir de la pantalla completa en navegadores y reproductores de vídeo, cancelar diálogos y detener ciertas operaciones en software de escritorio. En muchos programas de línea de comandos y editores de texto avanzados, continúa sirviendo para cambiar de modo, abortar comandos o volver a un estado neutro. Sin embargo, su presencia física se ve cuestionada en algunos dispositivos modernos, que tienden a interfaces táctiles o teclas programables, aunque el concepto de “escape” persiste como función lógica, incluso sin un botón dedicado.

Figura 10: Kit con la tecla ROJA, como debe de ser

Pese a todos estos cambios y transformaciones, la historia de ESC muestra cómo una pequeña tecla de control ha influido profundamente en la forma en que las personas interactúan con las máquinas, y la clave es que es fácil de entender para qué sirve, y está bien puesta. Un éxito del diseño de los interfaces de usuario que otras teclas como las Function Keys no han conseguido, a pesar de su clara utilidad.

¡Saludos Malignos!

Autor: Chema Alonso (Contactar con Chema Alonso)  

Nivel de Complejidad Cognitiva en los Interfaces de Usuario & Experiencias de Usuario

Llevo un par de semanas dándole vueltas a la Interfaces de Usuario IU y a las Experiencias de Usuario UX por el artículo que os publiqué a finales del año pasado que titulé: "La "shittización" en contra de hacer las cosas simples" y mañana saldrá publicado sobre este mismo tema un artículo más profundo en mi sitio de Zenda Libros: "El futuro está por hackear". Pero hoy quería hablaros de un concepto que afecta directamente a las personas mayores. Es el concepto de "Nivel de Complejidad Cognitiva".

Figura 1: Nivel de Complejidad Cognitiva en los

Interfaces de Usuario & Experiencias de Usuario

El ser humano sufre una evolución constante de sus capacidades cognitivas, desde que somos bebes, hasta que somos ancianos, nuestras capacidades cognitivas sufren un camino de ida y vuelta, que hace que tengamos que subir una cuesta de aprendizaje en la niñez, y que nuestro cerebro pierda capacidades en la ancianidad. En el medio, alcanzamos nuestra máxima potencia cognitiva.

Sin embargo, no importa la edad que tengas, las interfaces de usuario y las experiencias de usuario están incrementando constantemente la Complejidad Congnitiva de sus UI/UX, exigiendo un conocimiento cada vez mayor por parte de los usuarios, y creo que deberíamos tener, sin lugar a dudas, una Rating de Complejidad Cognitiva de cada uno de los servicios digitales que consumimos. 

Creo que se debería exigir conocer el Nivel de la Complejidad Cogntiva de cada sistema tecnológico, ya sea página web, servicio digital, producto o aparato, y además exigir que los servicios básicos no tengan una Complejidad Cognitiva demasiado grande.

Dejadme que os ponga un ejemplo, de nuevo, con la televisión. En el pasado había que saber enchufarla a la corriente - a 220v -, encenderla, configurar los canales en la antena, y luego darle al botón de encendido y apagado, subir y bajar el volumen, cambiar de canal. Luego la fuimos complicando con las fuentes de conexión, con el HDMI 1, HDMI 2, el cable, etc... se metieron botones de acceso rápido, Teletexto, opciones de configuración de colores, formatos de audio, capacidad de conectar discos de almacenamiento externo, etcétera. Todo eso fue incrementando el Nivel de la Complejidad Cognitiva de sacar el 100% de partido de la televisión, pero al menos los servicios principales - ver la tele - estaban en un Nivel de Complejidad Cognitiva bajo.

Un ejemplo de Complejidad Cognitiva

Ahora miremos las SmartTV que tenemos hoy en día, y analicemos el Nivel de Complejidad Cognitiva que tiene un interfaz como éste, que he decir que a mí me encanta. Vamos a hacerlo sin contar ya la fase de configuración previa que tiene un Nivel de Complejidad Cognitiva distinto y que evidentemente es mucho mayor que la Complejidad Congnitiva que exigía una televisión de antaño. 

Figura 2: Interfaz de SmartTV

Si miráis en esta imagen de UI/UX tenemos un montón de cosas que son necesarias conocer para una persona. Probablemente para ti es fácil, porque estás en el mundo tecnológico y sigues la evolución tecnológica, pero suponte que eres una persona que veía la televisión de "toda la vida", y ahora te ponen este interfaz, ¿qué cantidad de cosas debes conocer?

Pues infinitas. Vamos a ir enumerando algunas de ellas.

La primera es que esto es un sistema operativo donde tienes un elemento seleccionado. ¿Cuál? Puedes debes localizarlo. Tú lo sabes, seguro, pero pregúntale a una persona que no haya visto nunca una SmartTV. Ni idea. En este caso está seleccionado "Discover". Lo siguiente es que no hay acceso directo a la televisión desde el mando, así que tienes que ir a localizar la da la televisión, así que tienes que aprender a navegar entre los elementos seleccionados. Para eso debes encontrar las flechas de movimiento, o el touch pad, en los mandos de televisión y saber cómo moverte. No es trivial.

Después, debes saber qué cómo funciona cada control. En este caso hay una serie de controles de UI/UX que debes conocer cómo se manejan. Por ejemplo, los puntitos debajo de Whatch Now, las Tabs de Discover/Live/Apps, que cada una de ellas mostrará una pantalla diferente, luego tienes el Scroll Infinito de listas, donde cada lista puede ser infinita a la derecha o izquierda porque son circulares. Por último la barra de configuración de la izquierda, que va en modo "panel desplegable".

Figura 3: Controles de movimiento

Después debes conocer que para moverse por el interfaz de usuario tienes también teclas de acceso directo como "Menú", "Inicio", "Apps", en cada mando remoto de manera diferente, que existe también el botón de "Volver", y que dependiendo de donde estés pueden tener un comportamiento diferente, porque cada app podrá interceptar el evento y darle una función distinta.

Además, debes conocer el concepto de "árbol de navegación" o "flujo de navegación", para saber que cuando le das a la tecla "Volver" te va a llevar a un punto anterior en ese árbol o flujo de navegación. Pero no siempre. También debes conocer los iconos que se han utilizado para "Seleccionar", para "volver" o "Inicio" que te encontrarás una casa, una flecha retorcida o un cuadrado con una flecha saliendo de él.

Ahora vamos al control de la izquierda, que parece solo una barra. Debes saber que es para configurar cosas de tu televisión, que cada icono representa algo. Debes conocer que tu perfil de usuario se configura en tu foto. Tienes que saber qué es un perfil de usuario, y cómo puedes tener múltiples usuarios. Además tendrás que saber que cada perfil de usuario tendrá un aspecto distinto de la televisión porque se puede configurar, o porque se configura automáticamente con algoritmos basados en tus datos de consumo de televisión.

Si necesitas configurar algo deberás irte al panel de la izquierda, seguir bajando al icono adecuado, y se desplegará un menú a la derecha horizontal que tendrá, por cada nuevo elemento una nueva configuración en un menú hacia abajo. Un montón de cosas que hay que saber.

Figura 4: Control del banner

Pero vamos a la parte de arriba, donde muchas personas mayores se pierden buscando solo el lugar donde está el elemento "seleccionado". En el "banner rotante" de arriba tenemos una serie de puntitos que indican qué elemento se está viendo del rotante. Además está el botón de "Watch Now", pero debes saber que es de Prime Video, así que si haces clic se te va a ir a esa app que puede que la tengas contratada, o que no la tengas, y sea una pre-carga con un paquete de prueba de 30 días que te pida registrarte.

Esta es una trampa mortal que ha sufrido mi madre muchas veces porque en la parte de "Now Playing" o "Recomended for You" está también la trampa. Sin darte cuenta, cada una de esas imágenes tiene un icono que indica con que app está asociada, así que si le das pensando que la vas a poder ver, lo mismo te has comido una publicidad que lleva al registro de una nueva app.

Figura 5: Contenido asociado a una app

A todo esto, hay que conocer las apps, que vienen preinstaladas, y que te van a preguntar cosas distintas. Pero no voy a entrar en ello. Solo una pantalla como esta, que es lo primero que ven todos los usuarios cuando el técnico les termina de configurar una nueva SmartTV exige un aprendizaje cognitivo enorme para el que muchas personas no están preparadas. 

Aprender UI/UX

Recuerdo que yo hice cursos de aprendizaje de WordStar, de Lotus 1,2,3, de Windows 3.1, y creo que eran más sencillos que aprender a manejar una SmartTV hoy en día para una persona mayor. Pero por desgracia estos retos cognitivos aparecen todos los días.

Yo os contaba el bug de UI/UX de WhatsApp con la letra grande, pero todos los días me encuentro alguna app en la que el diseñador ha puesto el botón de "Continuar" cuando pide un dato, justo en la zona que va a ser tapada por el teclado del móvil, por lo que cuanto terminas de teclear debes saber que debes pulsar en la app en algún sitio para que se vaya el teclado y poder dar a continuar. Reto cognitivo que para muchas personas es una barrera.

Creo de verdad que necesitamos comenzar a medir esto de verdad y que venga en las etiquetas, igual que etiquetamos muchas otras, la Complejidad Cogntiva debería estar eliminada de servicios básicos como televisión, radio, bancos, empresas utilities, etcétera, porque las personas mayores sufren exclusión social solo porque alguien decidió incrementar por diseño, para capturar más datos, para hacer upselling o cross-selling UI/UX aprovechando los servicios básicos.

¡Saludos Malignos!

Autor: Chema Alonso (Contactar con Chema Alonso)  

La "shittización" en contra de hacer las cosas simples

Hace años, más de una docena, usaba a mis queridos héroes de "The Big Bang Theory" para explicar cómo de difícil lo habíamos hecho los que trabajamos en ciberseguridad para que las personas normales se pudieran conectar de forma segura a una red WiFi y a Internet. En el artículo de "Mea Culpa, Penny" explicaba todas las cosas que un usuario debía saber para configurar una VPN que se tunelizara a través de proxys, firewalls de redes,... ¿La quiere L2TP, SSTP o PPTP? 

Figura 1: La "shittización" en contra de hacer las cosas simples

Si eso se lo tengo que decir a mi madre, mejor la tengo que decir que no se conecte. Pero esta complejidad constante de la tecnología se ha ido extendiendo a la guerra comercial por el usuario, lo que hace que cada vez el número de opciones, los diseños de los interfaces, y el salto conceptual intelectual que el diseñador de un UX espera de un usuario, es cada vez mayor. 

En los foros tecnológicos se dice que un UX se ha "shitted" o "enmierdado" cuando la cantidad de opciones para el usuario, la anarquía de la distribución, la diversidad de los controles que debe tocar, y la cantidad de cosas que el usuario "debe suponer" para poder manejarlo, es enorme, y genera frustración en los usuarios. Esto, que parece evidente, es muy complicado de hacer. Hacer las cosas simples require de mucho trabajo, y para ello hay que primar al usuario o consumidor, por encima de las necesidades de negocio.

Cambiar de terminal iPhone

Os cuento esto por dos casos que he sufrido esta semana, que han sido bastante significativos. El primero de ellos con la migración de mi iPhone. Este es un proceso que he realizado ene veces ya, porque todos los años voy migrando mi iPhone. Esto implica migrar las apps, las fotos, los datos, etcétera... Todo esto bien, pero pero cuando llegamos a las partes de seguridad, la cosa se complica un poco. En mi caso, el iPhone era americano, además, como tengo en el mismo la conexión personal y la profesional, tenía una SIM y una eSIM, de dos países diferentes, además de que tenía que pasar de SIM a eSIM obligatoriamente.

El proceso, por supuesto, no funcionó correctamente, y acabé teniendo que ir a tienda, borrando las eSIM creadas virtualmente a partir de la SIM, y teniendo que comprar nuevas eSIM para el terminal americano. Eso hizo que perdiera los contactos de la SIM, y los contactos de la SIM perdidos generaron que se borraran también de la agenda, y por ende de WhatsApp y por ende usuarios dejaron de ver mi foto y me escribieron "¿Me has bloqueado?" No, estoy migrando un iPhone, no worries. Algunos se habrán enfadado y me habrán borrado a mí, así que me ha hecho perder amigos.

Como tengo Multi-SIM para dos países distintos, voy cambiando qué SIM activo o desactivo, pero claro, en la nueva versión de iPhone asocia a cada contacto una SIM por defecto, y cuando no está conectada esa SIM te sale una alerta que dice: "¿Quieres cambiar la asociación por defecto de la SIM a este contacto para poder llamar?" Y un sinfín de lindezas más, como por ejemplo que los contactos de iOS ahora tienen el botón de contactos, donde sale la lista y solo se puede hacer scroll y pulsar a la derecha en unas letras muy, muy, muy chiquititas... que no sé quién ha diseñado.

Figura 2: Esta me ha encantado. El número que el banco ha pasado a Apple es erróneo y después de llamar al Contact Center de ese número y esperar 20 minutos me dicen: "El número que te da iPhone no es de tu banco, somos otro banco". Genial.

Con la SIM ha sido una fiesta, pero luego hubo que migrar las Wallets, las apps bancarias, los 2FA, las autenticaciones de las herramientas de mensajería, etcétera, etcétera, y para cada una el proceso con la entidad es distinto. Instala app, inicia sesión con las credenciales, por el 2FA, te falta la passkey, recupera password, envía SMS, es de otro país y no llega, desactiva SIM, activa la otra, etcétera. Muy divertido y entretenida la gincana de migrar un terminal iPhone.

La autenticación doble con la identidad simple

La más divertida ha sido una app de un servicio - permitidme que no diga la empresa porque tengo amigos en ella y quiero arreglarlo antes -, donde al ir a hacer Login me ha dado la opción de usuario y contraseña, y en paralelo la opción de "Login con Google". Como no recordaba la contraseña - llevaba la app instalada mucho tiempo con autenticación automática con FaceID - le he dicho que autentique con Google. Y... surprise, me he encontrado con que usé la cuenta de Google sí, pero no con autenticación delegada, sino que lo hice con una contraseña, así que estamos en el caso de misma dirección de e-mail con doble autenticación, con usuario y contraseña o con IdP delegado usando OAuth.

Esto es un problema de arquitectura que los responsables de identidad y seguridad deben resolver, y si no lo hacen bien, genera escenarios de ataque como os comenté en el artículo del año 2022 : "Pre-Hijacked Accounts: o cómo robar una cuenta a un usuario antes de que se la cree". Dependiendo de cómo lo resuelvan, se pueden dar unos casos u otros. En mi caso, ha sido un DoS en toda regla que aún no he podido resolver y que voy a resolver llamando a mis colegas en esa empresa. 

El proceso ha sido muy divertido. Me enfrento al login y doy a "Login with Google". Comienza el proceso de autenticación delegada, y el sistema descubre que mi cuenta ya está creada pero con autenticación con contraseña. Salta el sistema de protección y unión de los dos procesos de autenticación para la misma identidad y me pide la contraseña que tiene la cuenta. Correcto. No la recuerdo, así que voy al proceso de recuperación de contraseña. Me manda el enlace de recuperación al correo de la cuenta de Google. Ojo que me lo envía a la dirección de correo con la que acabo de hacer login con Google, luego... ¿para qué? Si acabo de hacer login con Google, tengo acceso al Gmail del login de la cuenta, así que es un paso innecesario que no añade ninguna seguridad, pero para el sistema serán dos procesos independientes, y es el usuario el que se tiene que adaptar a la arquitectura y no al revés.

Da igual, sonrío, hago clic para cambiar la contraseña de la cuenta, pongo una y me dice... "No se puede cambiar la contraseña a esta cuenta". ¿Por qué? Pues porque en vez de mantener los dos autenticadores - con Google y por Usuario/Password, ha fusionado a un sólo autenticador, pero hasta que no introduzca la contraseña anterior - que no me deja cambiar - no puedo iniciar sesión. Conclusión "Deadlock" de libro por un mal diseño de seguridad. 

Después de dos días migrando cosas, aún me quedan un par de tarjetas bancarias que por motivos "corner case" aún no he conseguido migrar, y una cuenta de servicios de la empresa que por geo-location tampoco me permite procesar, pero más o menos lo tengo todo. Pero mientras pasaba por este proceso, me imaginaba a mi madre, y a muchas, muchas, muchas personas que tienen que pasar por aquí recordando que yo entiendo qué me están pidiendo, qué me está pasando, cuál es la situación en la que estoy en todo momento, pero que para ellas puede ser un dolor increíble.

La nueva "Simple" Televisión

Esta parte, que ha sido una de ellas, no ha sido la única experiencia que he tenido estas últimas 72 horas con esto, ya que además he querido cambiarle una televisión a mi madre para quitarle el descodificador y que solo tuviera un mando - de la SmartTV - y que no se confundiera. Al final, su problema consiste en que enciende la Televisión y el Descodificador y que si todo va bien, no hay problema, coge el mando del desco y cambia los canales y ve la tele - que es lo único que ella quiere -. Pero... si usa el mando de la SmartTV para subir o bajar canal, la SmartTV cambia el Source y se va a modo TV quitando el HDMI 1 de su fuente, y adios televisión. Y mi mamá, de 74 años, piensa que "ya se me ha ido la televisión".

Pues bien, le dije, ¨te voy a cambiar la televisión que está vieja, y te voy a poner la tele en una app y quitamos un mando del medio". Precioso decir, imposible para ella. Al final, encender la televisión y me pide una cuenta de la empresa de SmartTV que tengo que crear con un QRCode - imaginaos a una persona de 74 años ante eso -, después me pide que instale una app en el terminal, así que hay que usar las cuentas de Apple para ponerla en el iPhone, la instalas, te autenticas en la app con un correo y una password, te manda un SMS como 2FA, luego sigues un Wizzard de permisos para la app, y si quieres las noticias de la compañía de la televisión, las ofertas, los datos que le quieres dar de la app, y luego te pide el código que ves en la pantalla de la televisión de 14 dígitos, para darla de alta en tu app.

Y todo eso, en la primera pantalla de configuración de la SmartTV. 

Después de más de 20 pasos y una hora de configuración, con las ofertas de Amazon Prime gratis un mes, la de Apple TV, de quitar las apps de SmartThings para IoT, las autenticaciones en las diferentes apps, el inferfaz usa controles de usuario de tabs arriba, con líneas de vídeos y apps en un scroll infinito para abajo, y paneles que se expanden en los laterales. Así que me pongo con mi madre a enseñarle, y después de decirle 

"no, esa película no la puedes ver porque es de una promoción de un mes gratis de Apple TV y te lleva a esa app. Dale para atrás. Vaya, no sale. Pues dale al inicio. Ahora vete a la sección apps. Sí, tienes que bajar. Con las flechas. Ahora. Dale al ok. ¿El ok? Ah, espera, en este mando es distinto, el ok, es ese cuadrado con una flecha que sale de él. Sí, ahí. Ahora dale a la app. Sí, no te sale el canal que tenías antes, porque se personaliza con tus datos de navegación, así que hasta que no lo veas varias veces no te lo va a poner en su sitio, así que tienes que entrar en la guía. Es ese icono con unas rayas arriba a la izquierda. Sube con las flechas. Ahora entra, y sale la guía, ahora baja hasta que encuentres el canal. Sí, sigue bajando que hay cientos de canales. Ahora dale al ok. Sí esa es la ficha del canal. Dale al ok. No, que le has dado a la flecha y te has movido. Vuelve atrás. No, te has ido a la guía otra vez, era que movieras la flecha a la izquierda. No pasa nada vuelve a bajar. Sí, sé que son muchos... "

Pues bueno, le he quitado al nueva SmartTV, y le hemos puesto el sistema del desco (con una sola televisión) y al mando de la televisión anterior, para que no lo toque, Mi Survivor ha decidido ponerle celo a todos los botones menos al de encender y apagar, para que sepa que ese mando solo es para encender la televisión y nunca lo cambie de Source. Y no son pocos los que hacen eso.

Figura 3: Mandos "simples"

El MacBook Pro no arranca

Ya la última de las aventuras con la "shittización" de la tecnología, ha sido con mi MacBook Pro, que ha decidido no arrancar esta mañana - por eso estoy escribiendo el post tan tarde -. No tiene botón de hard-reset, la batería está cargando, pero no arranca. La última vez que me pasó eso, tuve que esperar dos días a que descargara toda la batería, y empezar de nuevo a cargarlo, y entonces funcionó, pero no tengo ni idea de qué le ha pasado. Tengo copia de seguridad de todo, así que no hay problema, pero tengo la seguridad de que si lo llevo a la tienda Apple me van a decir:

"Está roto, no se puede recuperar nada, compre otro". 

UPDATED: 20 horas después, se ha descargado y ha arrancado el MacBook Pro... otra vez como nuevo. Sin comprar ningún otro.

En resumen, menos mal que estoy al día de la tecnología y entiendo cómo funciona, entiendo qué está mal hecho en los sistemas, y al menos sé qué debo hacer para avanzar desde una situación a otra para conseguir arreglar el segundo paso, pero hablando de esto hace unos meses con un viejo colega de armas, sentados cómodamente, enumerábamos la cantidad de productos que eran fáciles, guays, sencillos y que se han "Shitted".

Unos meses después, os estoy escribiendo este artículo, porque cada vez vamos más rápido sacando tecnología, cada vez tiene menos QA, cada vez los UX son más "shitted" por permisos, seguridad, necesidades de negocio, etc... y hacen que las funciones core (como en el ejemplo de "ver la tele") estén cada vez más lejos de los usuarios. Recordad que os conté el lío que tuve con el bug de UX en WhatsApp solo por el tamaño de letra...

¿Tienes alguna experiencia similar? Déjamela en comentarios que me encantará leerla...

¡Saludos Malignos!

Autor: Chema Alonso (Contactar con Chema Alonso)