"So in hindsight the answer is obvious…people weren’t clicking “Sign Up” because they were not ready to. They saw the button and did not care enough to click it. I could have made it flashing big-ass and red, but still nobody would have clicked on it"

Entiendo perfectamente a qué se refiere Joshua Porter (Bokardo) en su artículo Why you Should Bury your Sign Up Button. Y es que en idealista.com nunca hemos tenido un botón de sign up o registro en la página de inicio. Pensamos que nadie viene a nuestra web con la necesidad de "darse de alta", por lo tanto ¿para qué ofrecer esa opción en un sitio tan privilegiado como la home?

La gente entra en idealista.com básicamente para hacer dos cosas:

• buscar una vivienda (u otro tipo de inmueble) 
• poner el anuncio de su inmueble en nuestra web

Esto es la esencia. Como diseñadores nos tenemos que centrar en que alguien con esas necesidades básicas no tenga ninguna duda de por dónde empezar cuando aterrice en nuestra home. No optimizamos el diseño para que la gente se registre a secas, porque no es la motivación natural de ningún usuario.

A veces nos han dicho: ¿qué pasa, no queréis que vuestros usuarios se registren? La respuesta es: queremos usuarios registrados sólo cuando sea necesario y ventajoso para ellos. Por eso sólo pedimos los datos personales de la gente cuando existe una razón justificada.

Si eres usuario de idealista.com sabrás que para realizar algunas acciones en la web sí que pedimos que te apuntes:

• poner un anuncio: obviamente es indispensable registrarse para que las personas interesadas en tu anuncio puedan contactar contigo y para que puedas gestionar tu anuncio 
• guardar tus búsquedas para recibir las alertas de nuevos anuncios: necesitamos una cuenta de email a la que enviarte estas notificaciones
• guardar anuncios favoritos: es muy habitual utilizar varios ordenadores/dispositivos para navegar y lo mejor es tener los favoritos asociados a tu cuenta y poder verlos desde cualquier sitio. Además notificamos por email los cambios que los anunciantes hagan en tus anuncios favoritos (cambios de precio, nuevas fotos...)
• descartar anuncios para no verlos más: por las mismas razones por las que hace falta apuntarse para guardar favoritos

Para completar cualquiera de estas cuatro acciones pedimos al usuario que se registre en idealista.com porque es indispensable para ofrecer el servicio correctamente y optimizar la experiencia. 

Si no quieres hacer nada de esto, si solo quieres navegar, ver pisos, fotos, contactar, puedes hacerlo sin apuntarte y la página funciona perfectamente y al 100%. Es recomendable utilizar estas herramientas que acabo de explicar para que la búsqueda sea más eficiente, pero es sólo una opción que damos.

Más que definir en profundidad el concepto de affordance, me gustaría poner un ejemplo que creo que funciona bien para explicar por qué es (o debería ser) tan importante tenerlo en cuenta al diseñar algo.

Affordance es un término que hace referencia a cómo las cualidades físicas o perceptibles de un objeto, producto, entorno... denotan cómo debe ser usado, o nos ofrecen pistas sobre ello. Don Norman dió popularidad al término affordance en su libro The Psychology of Everyday Things (1988), aunque el término lo inventó 11 años antes J. J. Gibson dándole un significado más amplio: cualquier acción posible entre una persona y su entorno, no sólo como las acciones que se infieren directamente de la forma de un objeto).  
Pero como decía, no era la idea describirlo ;-) sino poner un ejemplo, así que vamos:

Por un lado échale un ojo a una pastilla de café Nespresso (sí, las que anuncia George Clooney). Estas pastillas se usan en cafeteras especifícas que solo hacen café de este tipo.

Imagina que tienes la pastilla en en la mano y tienes que hacerte un café en esta cafetera, que resulta ser la que había en la cocina de idealista.com (donde trabajo) hace unos años:

Hay muchas cosas mejorables en el diseño de esa cafetera. Pero no pensemos en eso de momento, solo observa este modelo posterior de esa misma cafetera (que hace exactamente lo mismo que la otra)

Solo mirándo las dos fotos ¿no es evidente cual es más fácil de usar? Es básicamente porque la cafetera más moderna tiene mejor affordance que la primera y no admite dudas en algo tan básico como ¿dónde co... meto la pastillita?
Me parece muy buena idea darle a la ranura la forma inequívoca de la pastilla y además ponerla a la vista en plan “ey, lo primero que has de hacer es meter la pastilla” (en la anterior había que coger la palanca gris, levantar, colocar la pastilla, cerrar, esperar que encajase bien y luego encontrar el botón adecuado). Además el rediseño incluye un buen trabajo de simplificación y contextualización de los botones de acción.

Otras píldoras sobre affordance:

• Artículo del propio Norman sobre Affordance and Design
• Post de Juan Leal sobre affordance en interfaces digitales Affordance: un botón es un botón

El panel informativo que se puede ver en el hall de la estación de Sol en Madrid (en la parte de Cercanías, antes de bajar a los andenes) tiene un tamaño considerable y una situación privilegiada. Esto me parece perfecto, cuando un viajero accede a una estación no debe tener problemas para encontrar las señales que le ayuden a decidir por dónde tirar. Pero si analizamos un poco este mega-panel, nos damos cuenta de que:

1. Todo el área en amarillo es una ilustración vacía que no aporta ningún dato. Demasiado espacio sacrificado sólo para decorar y hacer un poco de branding
2. Abajo a la izquierda (en rojo) se muestran las estaciones previas por las que pasan los trenes que llegan a la estación de Sol por cada vía (en este caso se muestra la vía 2, pero cambia a la vía 1 cada poco tiempo). ¿Tiene esto algún sentido? ¿qué importa por dónde ha pasado el tren que está por llegar? como si viene de Sebastopol, lo que interesa es saber por dónde pasará después de salir de Sol, una vez estemos montados
3. Los nombres de las cabeceras o finales de línea (en la imagen Parla y Aranjuez) informan de la ubicación actual del tren que está llegando. En el caso del tren con destino Aranjuez nos indica: 1. que faltan 2 minutos para que llegue (lo cual ya se ve perfectamente arriba) y 2. que ahora mismo está aproximadamente por Nuevos Ministerios. ¿Cuesta verlo no?

Por todo esto el panel no responde a la necesidad del viajero que conoce su destino final pero no sabe que línea tiene que coger, ni la vía a la cual dirigirse.

En definitiva, el usuario habitual que sabe qué linea y qué vía debe coger está informado de cuanto queda para que llegue su tren antes de bajar al andén: correcto. Pero el usuario ocasional, el que más incertidumbre tiene y más ayuda necesita, se sentirá perdido y tendrá que preguntar o buscar un plano completo de la red de Cercanías, si es que hay alguno en la estación porque yo no los he visto.

La foto es de mi ordenador de la oficina. Al ver el botón plateado donde dice Dell lo normal es pensar: un botón de encendido grande y obvio, aunque no lleve el clásico símbolo de power la verdad que no tiene pérdida. Error, los diseñadores (o ingenieros) pueden ser más perversos de lo que creemos:

Sí amigos, el verdadero botón de power está ahí, agazapado, casi sin hacerse notar. Ahora os preguntareis: entonces ¿para qué sirve el otro, el grande? Eso es lo mejor de todo, no sirve para nada. No es un botón, es un adorno.

Es como si nos hubiesen querido gastar una broma en plan "¿a que todo el mundo intentará pulsar este?, jeje qué granujillas somos".

Por cierto, el actual símbolo de power universal viene de una fusión de un 0 y un 1 que se usan por separado en los interruptores con 2 posiciones. El 0 significa OFF y el 1, ON (ojo! buceando en blogs he encontrado gente que dice que 0 significa de circuito cerrado y el palito | circuito abierto). Una vez que los sistemas fueron capaces de detectar que si están encendidos deben apagarse y si están apagados deben encenderse, dejaron de hacer falta dos posiciones (o dos botones diferentes) para ON y para OFF. En ese momento se empezó a usar un solo botón para ambas acciones y el símbolo se fusionó dando lugar al más común hoy día, especialmente en los ordenadores.