El Cosmonauta

Me ha encantado el trabajo de Christian Behrens para su tesis de máster en la Universidad de Ciencias Aplicadas de Potsdam: Information Design Patterns. Consiste en un repositorio excelente donde elegir entre diferentes patrones de información.

Lo más destacable no es el hecho en si (repositorios hay mil) sino que es un repositorio interactivo que te permite filtrar patrones según el aspecto que deseas representar: por principio de ordenación (ubicación, tiempo, cantidad…), por objetivo del usuario (navegación, búsqueda, comparación…), por tipología gráfica (mapas, gráficos, diagramas…) o por dimensiones (2D, 3D, etc.). Es lo bonito de facetar las cosas.

Otro aspecto que me ha encantado es que los patrones van listados con una especie de pictograma que los representa para que sea fácil poder elegir visualmente. Una vez que hemos elegido uno tenemos mucha información sobre el mismo, con ejemplos de aplicación real.

T.Scott ha publicado un delicioso post en el que cuenta cómo para el los prototipos en papel son muy importantes. Prototipar en papel es más ágil y económico que hacerlo en preciosos documentos hechos en powerpoint, visio, freehand o lo que sea. Según cuenta, para el esos diagramas son un entregable más con la ventaja de que al verse como trabajo “inacabado” y no tan “perfecto” hacen que el cliente se sienta más involucrado y predispuesto a participar del proceso. Scott dice que con los prototipos en “bonito” eso no sucede, pues el cliente se siente como amedrentado por la perfección y el acabado. Sobre eso se podría discutir mucho.

Lo que está claro es que los prototipos que hace T.Scott son muy seductores. Merece la pena acercarse a verlos en su post.

Yo soy muy partidario del trabajo en papel. De hecho a todos mis alumnos del Programa Vostok les regalo el primer día un cuaderno de papel bueno y rotuladores de calidad. Escribí sobre materiales de dibujo para prototipar hace un par de años.

Sam Lucente es un superheroe del diseño. Es VP de diseño en HP y allí le tienen en gran estima por ayudarles a ahorrar costes, que es una de las cosas que un diseñador puede hacer. Su último logro ha sido unificar los controles direccionales de los cientos de productos de HP en un único diseño al que llaman el Q-Control por su forma:La elegancia del concepto se basa en dos detalles, diría yo: un botón de “back” acertadísimamente situado a la izquierda (todos sabemos que el pasado está a la izquierda) y ligeramente hacia abajo, para mayor facilidad del pulgar y ese bajorelieve que une el back con los cursores para que resulte evidente que forma parte del mismo control.Como trabajo de diseño me parece muy “fino”. Pero su mérito, como decía al principio, no está en eso sino en que la unificación supone un ahorro de costes de diseño y documentación tremendo. En Fast Company lo cuentan así:

Rosing posted the control’s specs on the internal Web site dubbed the Design Center. Every team working on a next-generation device can download the Q files, as well as guidelines for deploying it on flat or curved surfaces.

De esta foto tomada por fraying deduzco que también han documentado las posibles variantes (por ejemplo interfaces con desplazamiento únicamente vertical):Lucente también está haciendo otros méritos en esa linea: unificación visual del logotipo y de la pastillita que lo pega a los dispositivos, carcasas que facilitan el acceso a los componentes sin tener que lidiar con cables por medio, sistemas que ventilan mejor y algo que hace años intenté hacer para AENA y desconozco si llevaron a cabo: un gran repositiorio único de recursos de diseño:

The Design Center amounts to an online library for all of the company’s universal design assets, including fonts, some 400 software and hardware icons, Flash demos showing how touch screens should operate, even the colors for the backside connectors on notebooks. The net effect is to cut product-planning costs, eliminate redesigns, and free designers to work on the things that will truly differentiate HP products.

Sam Lucente demuestra que en tiempos de crisis la inversión en diseño (siempre que esté bien enfocada) puede ahorrar mucho dinero.(ah, me enteré del Q-Control a través de makememinimal)

1. Decides crear una cuenta en Flickr para las fotos de tu bebé.
2. Tienes que crear otra cuenta en Yahoo para poder usar la cuenta en Flickr.
3. Tienes que tener un email de yahoo, aunque no lo uses y asociarlo a otro que sí uses.
4. Lo logras. Eliges una url bonita con un nombre que resulte relevante (distinto del ID).
5. Pasan 6 o 7 meses de uso normal.
6. Un día Flickr ha cerrado la sesión y no recuerdas el ID con el que te diste de alta.
7. Inicias el proceso de recuperar ID pero no puedes porque no acepta fechas de nacimiento menores de 1 año (WTF!).
8. Como alternativa para recuperar el ID de Yahoo te piden que mandes una carta con una fotocopia de tu DNI y bastantes datos, entre ellos el ID de Yahoo que no recuerdas.
9. Les mandas la carta (no vale fax ni email, tiene que ser carta) y les das veinte mil datos, entre ellos un par de IDs probables, la url de Flicrk, etc.
10. Pasan un par de semanas.
11. Yahoo responde con un email en el que dicen que debes suministrarles tu pregunta y respuesta secretas (pero no era que ellos preguntaban y yo respondía?????). Y además que “Sin la ID de Yahoo no podremos ayudarle”.
12. Piensas…. piensas… piensas…
13. Decides escribirles un mail, a ver si con suerte lo lee una persona y te da una solución “humana”. Al fin y al cabo sólo tienen que hacer una maldita consulta a la base de datos y ver a qué ID corresponde una URL de Flickr. Vas al formulario de contacto para escribir una súplica.
14. El primer campo del formulario de contacto dice “Introduzca su ID de Yahoo (Si ha olvidado el ID de Yahoo, por favor búsquelo aquí).

Y con esto se cierra el círculo recursivo y recurrente, bradburiano y perverso que sufren las empresas cuando se deshumanizan. Buenos días.

ACTUALIZACIÓN (13 FEB): Escribí a Yahoo a través del formulario de contacto pero usando otro ID para poder mandarles mi queja. Les pasé el enlace de este post para que vieran la historia. Volvió a contestar el robot perverso:

Apreciado usuario:

Gracias por escribir al servicio de atención al cliente de Yahoo!
España.

Para ayudarte de la manera más eficaz posible, deberás proporcionarnos
toda la información que te solicitamos a continuación. Sin la
información de comprobación adecuada, no podremos ayudarte. Envía TODA
la información siguiente:

1. ID de Yahoo!****

2. Código postal y país

3. Fecha de nacimiento

4. La dirección de correo-e alternativa actual

5. La nueva dirección de correo-e alternativa que deseas (ten en cuenta
que dicha dirección NO PUEDE ser una dirección yahoo.com”)

6. Pregunta de seguridad y Respuesta secreta

**** Ésta es la información más importante que nos permite tener acceso
a tu cuenta. Sin la ID, no podremos ayudarte.

Pues eso, otro tirabuzón burocrático.

El viernes pasado vimos Helvética (la peli) en la clase del Programa Vostok. Ya hablaré de eso (del curso y de la peli). Hoy vi esta imagen y me hizo gracia. Nada más.

Edward Tufte ha publicado un texto+video donde alaba algunos aspectos de la interfaz del iPhone, pero también critica otros. Le parece que esa pantalla con tanta resolución no está bien aprovechada para ofrecer suficiente información.

Como quizás sepáis, el especialista en diseño de información es muy partidario de la exhaustividad informacional en las representaciones. Su mantra sería algo así como “muestra toda la información que puedas para que sea el usuario quien extraiga conclusiones”. Algo que en la teoría podría hasta sonar bien, en la práctica lo plasma así

(a la izquierda el widget del tiempo que usa el iPhone, a la derecha la propuesta de Tufte)

Tufte, en su obsesión por la exhaustividad informativa descuida los contextos de uso. Los widgets no pretenden ser la herramienta total, sino algo que consultamos para tener una idea rápida. Por eso es importante conocer qué datos son los que nos llevan a tomar decisiones y cuáles no nos importan tanto.

Para no dar información sesgada aquí está el fragmento del video donde Tufte justifica su diseño (con audio). En el video, además, se ve que la imagen de satélite está animada:

Está claro, ¿verdad?

El widget que usa el iPhone destaca muy bien lo más relevante y lo jerarquiza bien. En la propuesta de Tufte casi no hay jerarquía y se le da excesiva importancia a cosas como la animación del satélite, que realmente aportan poco si no eres un profesional de la materia y sabes entenderlas bien.

El problema con los diseños Tufteanos es que llevan a la desorientación, al “¿por dónde empiezo?”. No tienen en cuenta que los mismos datos con la misma presentación no sirven igual para diferentes contextos. Un agricultor no necesita la misma información que un meteorólogo ni que un trabajador de oficina cuando consultan el tiempo. Y probablemente no usen las mismas herramientas.

Otro de los grandes diseñadores de información, Otl Aicher, situaba todo mensaje en un eje entre lo analítico (más narrativo y lineal, como un relato) y lo sintético (más visual y plano, como un mapa). Según él, cada información necesitaba una forma de representación que combinaba esos dos enfoques en una proporción determinada. Quizás sea eso lo que siento que le falta a las propuestas de Tufte, que son totalmente sintéticas, planas, sin narración.

Muchas gracias a Missha por la referencia.

Algunos amigos que respeto mucho han lanzado Unvlog.com, un servicio que yo definiría como la parte social que youtube nunca supo hacer bien. Me parece un planteamiento muy acertado.

Otra forma de verlo sería “mis amigos me confeccionan la parrilla de TV”. Objetivamente es un lugar donde tú pones los videos de youtube (y otros) que te gustan y ves los que ponen tus contactos.

La web no puede ser más cercana y fácil de usar. Muchas felicidades y mucho éxito, valientes!

Me ha gustado el ejercicio de imaginación a corto plazo que han hecho en intel junto con la gente de Ideo:

Lo he visto enlazado en Noise Between Stations

El diseño de este blog se basa en el Vostok Theme, un tema para Wordpress diseñado por mi mismo y programado por Rubén Lozano.

El tema ya está disponible para descarga y uso, bajo licencia GNU General Public License v2. Si decides usarlo y me lo quieres enseñar funcionando te lo agradeceré mcuho. Puedes manadarme un mail a javier@programavostok.com

La bicicleta Lime es uno de mis descubrimientos más recientes. Se trata de una bici muy casual con el cambio automático, pensada para pasear con ella y pasarlo bien. Nada de máquinas tecnológicas y de precisión, nada de instrumentos de competición para überdeportistas. Una bici. Punto.

El diseño está basado en una investigación de Ideo en la que se dieron cuenta de una cosa de aparente evidencia: mucha gente que tuvo bicicleta en su infancia se siente intimidada por la complejidad tecnológica de las bicis de ahora con sus cambios de marcha de docenas de piñones y platos y prefiere pasar del tema. Esa gente necesita (necesitamos) una bicicleta normal, pero no pobre ni fea.

El planteamiento de diseño lo cuentan en Design News. Algunas cosas suenan muy familiares:

There was a lot of complex engineering in keeping this bike simple, there was no room for gaudy cables or brackets – we had to keep everything as clean and out of sight as possible so when a user was on the bike, they didn’t realize anything. They could just ride.

Hans Eckholm, diseñador industrial senior en Trek

Es la misma historia que empezó Kersting en los años 30, que continuaron en Braun y ahora practican en Apple: máquinas complejas y poderosas por dentro, que se muestran dóciles, amigables y simples por fuera.

Es interesante ver como en un sector tan “ingenierizado” como el de las bicicletas también tienen sus problemas con las mentalidades “ingenieriles”:

While our carbon fiber bikes are more challenging from an engineering standpoint, trying to get everyone on the team onboard with the goals and what we learned from the research was the challenge. Someone who knows a ton about bikes is not going to be excited about a big saddle with a trunk on it.

Hans Eckholm, diseñador industrial senior en Trek

Gracias, Agus.

Me ha encantado el diseño de esta cuna para recién nacidos de Buseti & Garutti, ganadora del concurso Playing Design:

Como algunos sabrán por experiencia, los recién nacidos suelen dormir en el cuarto de sus padres para facilitar las tomas nocturnas (cada 3 horas, aproximadamente). La mayoría de minicunas o cestas tipo “moisés” mantienen al bebé separado físicamente de los padres que tienen que levantarse cuando toca dar el pecho (o el biberón). Al levantarse, es fácil que los padres se desvelen. Esta cuna soluciona el problema.

¿Cómo no lo habían inventado antes? Justo esos diseños, los que evocan esa pregunta, son los mejores, tremendamente elegantes y abrumadoramente simples.

(gracias, Gorriti)

El RSS de fotos de flickr me ha sorpendido hoy con esta pequeña joyita: una librería japonesa en la que el escaparate muestra los lomos de todos los libros que tienen en stock, de modo que pueden verse desde la calle:

¿No es genial?

La instantánea es de Skorj, un fotógrafo que lleva algún tiempo haciendo fotos preciosas en Japón.

El archivo Thomas Mayer tiene un reportaje fotográfico precioso de los productos de Braun diseñados por Dieter Rams y fotografiados en su propia casa. La mayoría de esos productos son de cuando en Braun pasaban cosas maravillosas.

Quienes se queden con ganas de ver más, pueden echarle un vistazo a la colección de Radio Gort en la que aparecen fotos de más productos, aunque las fotos no tienen tanta calidad.

Voy a copiarle un post a la Wodtke, así, a saco. Es una presentación de Ayumu Isomura bastante simpaticona sobre diseño cotidiano danés: