mga/blog

–Texto en inglés como parte de mi estudio en Carnegie Mellon University. Eventualmente haré una versión en español.–

Description
Social network services[1] enable people to communicate with each other in ways that would be considered science fiction only a few years ago. This enablement has been welcome by people at large, with some criticisms concerning personal privacy and how well (or not) the networks they model reflect real life (offline) relationships. socially nervous is a commentary on how these services have affected our way we perceive these relationships.

The object

An electronic “pet” with movement and audiovisual actuation capabilities. The pet will communicate wirelessly with a host computer which in turn will receive information from the owner’s personal “identities” in two social network services: Facebook and Twitter. Only incoming information to these profiles will be taken into account (information generated by the user’s “friends”).

This information will be manifested physically by the pet’s behavior (movement, sound, light). As information is accumulated by the pet manifestations become more intense and erratic. As soon as someone touches the pet, it “forgets” any information stored and “sleeps”. The process begins again as soon as physical contact is lost.

Awkwardness
The pet’s shape is informed by the awkwardness inherent in the process of virtual socialization. The object could easily be a teddy bear or some other more familiar shape which would make the observer want to interact with it. Instead, I decided to create a non-familiar, even agressive, shape with sharp edges and non-symmetrical. An observer would notice an erratically-behaving object wandering about in response to virtual interactions. By touching it, the user “calms” the pet; physical interaction “defeats” virtual interaction.

Behavior states
Any information received by the pet will provoke behaviors in any of these types: physical, visual, auditive.
The stimulus is always represented in the 5×7 matrix as an icon followed by the username/alias of the person who provoked it. Below is a table of the different stimuli the pet receives along with the type of behavior it provokes:

A video of the behaviors working (indirect stimulus received via Bluetooth from a computer not in video). Initial/passive message was later changed to “please hug me”:

Part list

• 1 x Wiring Mini
• 1 x Generic PCB Protoboard
• Several Break away headers (straight)
• 1 x Capacitive sensor board
• 1 x 3.3V regulator
• Lots of F/F jumper wires
• 2 x snap action switch
• 3 x super bright red LED
• 1 x 100 microF capacitor
• 2 x standard LED
• 7 x 100 ohm resistor
• 2 x 10 Kohm resistor
• 1 x BlueSmirf antenna
• 2 x DC motor
• 1 x Lite-on LTP 747 5×7 LED matrix
• 1 x vibration motor
• 1 x buzzer
• 9V battery (although I later learned this battery should be avoided for this type of project)

I used 3mm laser-cut acrylic for the box (Sketchup 3D file).

A Processing-based visual interface will be developed to manage Facebook and Twitter profile settings.

Code
The Processing code uses random stimuli to show all possible behavior states. Modifications must be made in order to accomodate a particular social network service user. The Wiring code is quite elaborate (~2k lines of code) but you are welcome to look into it.

This project was done as part of the requirements to complete the Fall 2010 Making Things Interact course with Professor Mark Gross in Carnegie Mellon University.

¿Le gustan las caras?

No. No se trata de la banda de Rod Stewart y Ron Wood. Es un nuevo proyecto que hice y del cual escribí un breve post en este otro blog. Si quiere saber qué tienen en común Python, Processing, OpenCV y Flash, debería darle una leída y jugar con la interfaz.

Ya anteriormente me había quejado de la Sucursal Virtual Empresas de Bancolombia. Sin embargo me parece buena idea seguir chuzando al burro, de pronto solo porque así podré calmar el estrés que me produce usar semejante porquería de servicio.

Si algún empleado de Bancolombia con capacidad (y ganas) puede arreglar este “problemilla” le agradecería enormemente (no solo porque estoy pagando por ese servicio). Este problema se puede reproducir en MacOS en cualquier navegador (probé en Firefox 3.6.12, Safari 5.0.2 y Chrome 7.0.517.44):

Si quiero transferir a otra cuenta, en este caso a un proveedor, debo usar esta interfaz (primeros campos completados ya):

Necesito asignar una fecha para la transferencia así que hago clic en el botón ese que parece un calendario. Aparece el diálogo de selección de fecha:

Selecciono hoy 7 de Noviembre de 2010. El diálogo de fecha se cierra y llena el campo “Fecha aplicación (dd/mm/aaaa)”:

Todo parece estar bien así que hago clic en “Continuar” y sucede esto:

¿Cómo así que “La fecha no puede estar antes de la presente“? Pues si se fija, el campo de fecha ahora tiene un cero menos y dice “07/11/201″. ¡Quien hizo el Javascript de alguna forma está modificando/validando la fecha y en el proceso elimina el último caracter del campo! Adivine: esta interfaz solo funciona bien en Internet Explorer para Windows. Obviamente para quien lo hizo el 55% de los navegadores no son importantes. Y no, si cambio manualmente la fecha tampoco funciona.

Actualización (7/11/2010): una continuación de la aventura en este post

–

He sido cliente de Bancolombia desde 1998 cuando todavía se llamaba BIC. En 2008 (30 de abril para ser exactos) tuve un problema transfiriendo dinero por la Sucursal Virtual Personas que hasta el día de hoy (casi dos años después) sigue igual (ya no puedo transferir a otros bancos). Por esta razón me tocó adquirir una cuenta nueva a nombre de mi empresa y hacer uso de la Sucursal Virtual Empresas. Las transferencias que usualmente hacía eran pagos a proveedores y empleados (de ahí que me acuerde que era el 30 de abril de 2008, pago de quincena) y, siendo el tipo organizado que soy, decidí que lo más sensato era tener una cuenta empresarial.

El servicio de Sucursal Virtual Empresas vale unos US$ 200 al año pero supuse que, por esa no despreciable cantidad, tendría un servicio muy superior a la que había tenido hasta el momento en la otra cuenta.

Cuán equivocado estaba…

Login y clave

Empecemos por el login:

login fail

Algunos detalles:

• el NIT y el usuario se escriben con el teclado normal pero…
• la clave toca ponerla con el tecladito ese que sale pintado
• ese teclado pintado no funciona bien: el área sensible de los botones es la letra y no la tecla de forma que es muy fácil no dar clic en el lugar correcto…
• porque uno está pendiente del tecladito y no de la caja no se fija si está “tecleando” bien… si no sale un puntico ahí es que no hizo clic donde era
• solo funciona bien en Internet Explorer (raro) pero ¡estamos en 2010 no en 1999! Este tipo de idioteces es imperdonable hoy día, en especial en un sitio web transaccional que uno debe pagar para usar.
• ¿que significa eso de “contraste 1 2 3″? (¿no puede hacer el tecladito ese accesible a todo el mundo sin necesidad de calibrar el contraste? ¿por qué no asumir el mayor nivel de contraste y eliminar esos controles que solo distraen?)

Ya sé lo que están pensando: “el punto del tecladito ese es para evitar key loggers“. La verdad no imagino que clase de imbécil se mete a la sucursal virtual de una empresa desde un web café (que es donde suele haber key loggers) pero digamos que es medianamente sensato (aunque estoy seguro que si hay key loggers será igual de facil instalar otro tipo de programas espías). Eso significa que la Sucursal Virtual Empresas mantiene esa seguridad en todos lados donde se solicita la clave. ¿Cierto? Por ejemplo, donde uno puede cambiar su clave:

¿y dónde está el teclado?

Dejemos de lado esto y más bien hablemos de lo servicios de la Sucursal Virtual Empresas Bancolombia (suena elegante ¿no?).

Cabe anotar que yo uso esta sucursal principalmente para transferir a otras cuentas (pagos a proveedores, empleados, etc.) y para pagar servicios (luz, teléfono, internet, celular, etc.) así que de pronto me estoy perdiendo de un montón de servicios maravillosos que solo nuestro amado Bancolombia tiene para sus clientes empresariales (hmmm… nah).

Dicho eso, veamos un par de casos:

Navegación

test de motricidad fina

Este bello menú anidado nos transporta a una época web donde todo parecía no tener límites (¿recuerdan la burbuja?) pero en este caso a alguien se le ocurrió que era el menú el que no debía tener límites. Muy 1990′s, este menú me recuerda otro que lo supera en su complejidad. Un diseño de información adecuado debe poder organizarla de forma que evite este tipo de malabarismos.

Si doy clic en “saldos” veamos qué sale (no sé por qué toca hacer clic y no sale eso en la pantalla principal con un resumen general de lo más reciente pero bueno):

Saldos y Movimientos

óptimo uso del espacio disponible

En esta pantalla se nota que el diseñador tuvo un momento de lucidez destacable. Es un juego compositivo que busca darle un nuevo significado al espacio en blanco. Un par de clics más y vemos el detalle de una cuenta (sí, si quiero llegar a ver el detalle de movimientos de una cuenta todavía me falta ver dos pantallas que no quiero incluir para no aburrirlos):

¿qué prefiere, tablas o tablas?

Empezamos a ver un patrón (y no me refiero a ese patrón) sino a un patrón que suelo llamar Save as… pero combinado con otro que suelo llamar Plantilla predeterminada 1. Todas las pantallas de la Sucursal Virtual Empresas Bancolombia (sí, voy a procurar escribir el nombre completo siempre para ver si recibo algo de ranking Google para esos términos) parecen sacadas de un template de Microsoft FrontPage o Visual Studio.

Transferencias

Hagamos una transferencia. Eso sí es un servicio. Todo lo anterior no ha sido más que presentación de datos. Supongamos que ya tengo una cuenta creada (ese formato también es bello pero me lo voy a saltar) y que voy a hacer un “pago a proveedores”:

formulario de creación de transferencia

En “tipo de pago” hay:

¿cuál de estos es el formato correcto?

…no uno ni dos ni tres sino veintisiete tipos de “pagos a proveedores” diferentes (¿WTF?).

¿Por qué carajos hay formatos del 2003? De pronto es que mi empresa no es una Fortune 500 o yo debería saber más de esto.

¿Por qué hay un pago a proveedores que se llama “pago a proveedores”? ¿no es ese el verdadero “pago a proveedores”? Ese es el que yo siempre uso… nunca he usado ninguno de los otros y no sé que significan… de hecho es en otro lado en la sucursal que uno paga TV por cable entonces no entiendo qué hace esa opción ahí.

¿Me faltó una capacitación para poder usar la Sucursal Virtual Empresas de Bancolombia?

Bueno selecciono “pago a proveedores”. Ahora solo debo ponerle un nombre al pago… algo que me sirva para luego recordar qué estaba pensando yo al mandarle plata a otra persona: “Pago Paulo Pinto 12/1/2010″ es suficientemente claro y explícito (cualquier parecido con nombres de personas reales es pura coincidencia):

26 caracteres ya es demasiado

¡Pues no! ¿Quién dijo que podía usar más de 25 caracteres? ¡Bruto! ¡Lo que sea que le va a poner al nombre de la transferencia debe ser menos de 25 letras y espacios! ¡25 es más que suficiente!

Con lo costoso que es guardar, digamos, 64 caracteres… hay niños muriendo de hambre y usted pidiendo más de 25 caracteres. ¿Alguien quiere pensar en los niños? Supongo que si permitiera más caracteres el servicio no podría ser tan económico… 200 dólares al año son una ganga (ni mencionar la Sucursal Virtual Personas Bancolombia que cobra por cada login). Esto me recuerda la arbitrariedad que tenían (y tienen) algunos sistemas operativos con los nombres de los archivos (8 caracteres debía ser suficiente).

FAIL

Me tengo que conformar con algo más prudente, más sensato… no podemos desperdiciar tanto caracter… hay niños muriéndose en todo el mundo.

Olvidaba mencionar que los nombres de las transferencias deben ser únicos (no puede haber dos pagos con el mismo nombre). ¡El sistema es capaz de manejar billones de pesos y millones de clientes pero no es capaz de generar un nombre único interno de forma automática! Debe haber un lado donde yo pueda saber qué nombres he usado o si el nombre está tomado… pues no… de ahí que decidí usar fechas para los nombres de los pagos (que de hecho está dos renglones abajo pero no encontré otra forma de garantizar unicidad).

Seleccionemos una cuenta a la cual transferir:

¿pago en efectivo? ¿desde la Sucursal Virtual empresas de Bancolombia?

Arriba vemos “Benef” que, supongo, significa “Beneficiario” (alguien tiene que pensar en los niños).

Claramente el sistema sabe que es una cuenta de ahorros (arriba dice “ahorros” y además es una cuenta Bancolombia). Sin embargo, en “tipo de transacción” me pide seleccionar qué hacer con la plata que voy a mandar. Por alguna razón no es capaz de asumir que voy a “abonar a una cuenta de ahorros”. Nunca he usado “pago en efectivo” (si voy a pagar en efectivo pues voy al cajero y saco la plata… para eso no necesito una sucursal virtual… ¿o es que mandan un tipo con la plata a donde vive el dueño de la cuenta? lo mismo aplica para el cheque… si tuviera chequera) y no sé que carajos es “efectivo seguro”.

El problema es que si usted selecciona algo que NO sea “abono a cuenta de ahorros”, ¡la transacción falla! Pero de eso usted no se entera sino cuando el proveedor lo está llamando a preguntar: ¿por qué no me ha pagado?

La odisea continúa…

No sigo porque me puedo quedar toda la noche pegando pantallazos pero la verdad es que no puedo creer cómo, con $25,000,000,000,000 en utilidades del sector financiero (un gran porcentaje de eso siendo de nuestro amigo Bancolombia) no son capaces de tener una Sucursal Virtual Empresarial cobrada decente… ¡es realmente molesto y descarado!

Yo no tengo problema con pagar si recibo un servicio adecuado, especialmente si la empresa que presta el servicio está repleta de dinero.

¿Cómo es la sucursal virtual de su banco? ¿Es mejor o peor que esto? ¿Cuál banco me recomiendan?