logo sortega

Hay que reconocer que la traducción de Responsive Web Design como diseño web sensible no parece la mas apropiada pero es la que ya está mas extendida. El concepto, creado por Ethan Marcotte (@beep) y publicado por primera vez en su artículo de A List Apart, ya está en plena expansión y supone el pistoletazo de salida a una nueva etapa de nuestra evolución digital.

Hubiera preferido diseño web adaptativo, adaptable, escalable o incluso flexible pero, sea cual sea su denominación, anticipa una nueva y potente forma de crear, diseñar y desarrollar sitios web. Si seguimos por esta línea las cosas van a cambiar mucho y los diseñadores ya están ampliando su horizonte de posibilidades, perspectivas y oportunidades.

Algunos comienzan a ofrecer diseño sensible y otros lo demandan con urgencia para no morir atrapados en una constante adaptación de sitios a dispositivos, plataformas, formatos… Veremos éxitos indiscutibles, desastres naturales y chapuzas solidarias.

Las empresas e instituciones lucharan nuevamente por renovar sus espacios pero la transición será lenta y dolorosa, especialmente si las decisiones las toma el directivo, jefe o mandamás de turno convertido en “experto-opinador en desarrollo web y redes sociales varias”. Incluso presupuestos enormes y cuentas gestionadas por vendehúmos harán las delicias del futuro online de nuestros gobernantes, que no de los gobernados.

Pero hasta que todo esto llegue disfrutaremos con los buenos ejemplos que ya pueblan la red y seguiremos trabajando por optimizar y mejorar experiencias visuales. Es todo un reto y, en este caso, creo que volverá a merecer la pena porque el concepto como tal, sea cual sea su nombre, es bueno, muy bueno. Aumenta la utilidad y funcionalidad de los sitios que visitamos generando a su vez nuevas tendencias en diseño y nuevos  estándares que nos obligarán a ponernos las pilas para saber qué ofrecer y cómo ofrecerlo.

Si quieres saber mas tienes el libro Responsive Web Design, escrito por Marcotte y publicado hace unos meses. Pero también comienzan a publicarse interesantes entradas y artículos en diferentes lugares. En Fuse Interactive tenemos un buen ejemplo. Niall Morgan habla de Responsive Web Design y describe de forma resumida el funcionamiento:

The magic of responsive web design is the use of media queries. Media queries are something that has been around since CSS 2.1 in the form of media types but was limited to declaring things like stylesheets for print. When the W3C began working on CSS3 they created the @media query to take it to the next level. In CSS3 media queries allow you to get specific properties of the users browser and operating system such as screen width and screen orientation. With that information we can dynamically change the layout of the site for anything from a 24 inch monitor all the way down to a smart phone.

Actualización 02/01/2012

Dos interesantes referencias que nos hablan de los problemas e inconvenientes del Responsive Web Design:
-Responsive Web es un técnica incompleta por César Soplín (via UXLearn)
-Desde el post de César…  Responsive Design is Irresponsible por Kevin John Gallagher.

Estoy de acuerdo con algunos de sus planteamientos y entiendo que no es posible considerar el Responsive Web Design como la solución definitiva, única y final de cualquier site. Valoro esta innovación y su posible evolución ya que ofrece nuevas oportunidades y deja atrás prácticas tremendamente complicadas, poco eficientes.

Nos pasamos horas viendo o usando objetos cotidianos diseñados por otras personas y pocas veces reparamos en su evolución. El velocímetro del coche es un ejemplo de ello. Nos da una información necesaria para nuestra conducción, lo miramos cientos de veces y solo una vez prestamos atención a su diseño: el día que compramos el coche.

El resto del tiempo cumple su función ofreciendo información constante de nuestra velocidad sin que nos preocupe en exceso si vamos a 121 o 122 kilómetros por hora, por lo menos en el caso de los velocímetros convencionales. Cuando hablamos de los digitales la cosa cambia y se modifica notablemente el concepto de precisión.

A veces se confunde el velocímetro con el cuentakilómetros y, aunque todo está muy cerca, sus significados son bien diferentes. Tampoco creas que voy a profundizar mas en este asunto. No estoy preparado para ello, a pesar de utilizar todos los días un velocímetro y un cuentakilómetros, y es fácil que me pille los dedos con algún otro concepto mas. Además, hay otras personas que lo cuentan mucho mejor que yo.

El diseñador Christian Annyas es un ejemplo. Hace unos meses hizo una recopilación de velocímetros de la marca Chevrolet desde el año 1941 hasta la fecha y, aunque no llegó a recoger todos los modelos, parece que la conclusión de su evolución puede observarse en la siguiente imagen y en el texto escrito por Annyas:

Speedometers are those kind of items you look at thousands of times during your life, without ever really noticing. You notice the speed, not the meter. And if you do notice the meter chances are you don’t realize someone actually designed it. The company probably even did some research beforehand. Research regarding the readability of typefaces, the right size of the numbers and the space between them.

Nada nuevo en los últimos 70 años, excepto algunos cambios tipográficos, distancias entre numeraciones o tamaños. Incluso llegados a la era de los velocímetros digitales, el diseñador señala que se ha perdido legibilidad y las posibilidades de confundir un número con otro (0,6,8) son enormes, dada la rapidez con la que revisamos la velocidad.

¿Será necesario rediseñar los velocímetros?. Si hiciéramos esta recopilación a partir de otra marca de coches, ¿obtendríamos resultados similares?.

¿Cuántos objetos están ahí, en nuestra vida diaria, y nunca han sufrido innovaciones, cambios o evoluciones significativas?.

¿Te pongo otro ejemplo pero, esta vez, de artefacto evolucionado?.
El termostato doméstico.

Lo confieso. Hace tiempo que estoy enganchado a Pinterest. No hago muchos “Pins” y mis “Boards” necesitan todavía más contenido. Pero disfruto viendo el material que los demás colocan en sus “tablones”.

Inspiración, creatividad, ideas frescas, artefactos y objetos imposibles, fotografías espectaculares… En este lugar se almacenan cientos de documentos visuales que se caracterizan por su extravagancia, funcionalidad, calidad…

No sé si conservará este estilo con el paso del tiempo y con el crecimiento en número de usuarios pero de momento seguiré ahí observando y participando en la medida de lo posible.

Ayer el equipo de Pinterest, liderado por Ben Silbermann (@8en), envío una carta a todos los miembros, a modo de agradecimiento, por los dos añitos cumplidos desde la ideación y creación del sitio.

Two years ago, I was sitting with my family on Thanksgiving Day trying to come up with a name for a new website I’d been working on with my friends Paul and Evan. My girlfriend Divya (now my wife!) suggested “Pinterest” after watching a commercial starring The Most Interesting Man in the World. Four months later, we sent an email to our friends and family to try out Pinterest.

It has been rewarding and exciting to watch Pinterest grow from a site used by just a few dozen friends, to a community with millions of creative and passionate people. It’s humbling to see people using Pinterest to redecorate their homes, plan family dinners, or just find a little daily inspiration.

As our team here in Palo Alto heads home for Thanksgiving, we wanted to say a big thank you for joining Pinterest during these early days. We know there have been bugs and hiccups. There are times when the site is slow, or an occasional pin goes missing. These are problems that we experience first-hand, and we’re working hard to get them fixed.

Despite growing pains, we’ve been amazed by the ever- upbeat and positive Pinterest community. We know there’s a lot of work ahead of us, but we’ve never been more excited or optimistic. We hope you’ll continue sending us your suggestions and inviting your friends.

From everyone here in sunny Palo Alto, thanks!

- Ben & the Pinterest Team

Posiblemente, una vez leída la carta (o más bien ojeada), la hubiera tirado a “la papelera” como acostumbro a hacer con los correos de este tipo que recibo de todos los productos, servicios, herramientas, aplicaciones a las que estoy suscrito.

Pero en esta ocasión no lo he hecho. No he ojeado el escrito. Lo he leído dos veces e incluso me lanzo a hablar de él. La razón es muy simple: está escrito con sencillez y habla de ilusiones, de retos compartidos e incluso de errores cometidos.

Para mi constituye un ejemplo de cercanía, de cordialidad y, en cierto modo, siento que es un discurso bien dirigido, sin exceso de formalidades y con una buena dosis de humildad.

Me encantaría que este ejemplo fuera el síntoma de un cambio en la gerencia, dirección o gestión de empresas e instituciones. Pero si hablo de ello es porque en contadas ocasiones se siente esta cercanía.

Ya no me refiero únicamente a aquello que se dice y se comunica a los usuarios de un producto o servicio. Me refiero también a la estructura de relaciones, canales y formas de comunicación que se establecen de forma interna.

Por ejemplo: ¿Cuánto hace que no hablas con el director general, CEO, jefe, presidente… de tu empresa?. Ah! ¿qué nunca has hablado con él?. ¿Nunca?. ¿Nunca “ha bajado” a verte?. ¿Nunca te ha preguntado qué tal estás, qué tal en la empresa o qué te parece el último producto o servicio lanzado?. ¿Nunca te ha escrito una carta cómo la de Ben? ¿Nunca has tenido ocasión de intercambiar un “hola”?. ¿No sabe cómo te llamas?. ¿No sabe quién eres?…

Houston, tenemos un problema!.

El 8 de noviembre se celebró en Utrecht (Países Bajos) la primera edición del TEDxHogeschoolUtrecht y el tema escogido para todas las charlas fue “Moral Persuasion”.

Everyone is talking about doing good for others and the planet nowadays. Doing the right thing. But what is the right thing to do? People have the best intentions but we don’t yet see as much change as we’d like to.

Los invitados a este evento fueron: Richard House (UK), Sebastian Deterding (DE), Marc Hassenzahl (DE), Liane Young (USA), Don Norman (USA), Maurits Kaptein (NL), Peter Singer (USA), Pieter Desmet (NL), Tamler Sommers (USA), Eric Barker (USA), Steve Denning (USA).

Puedes encontrar algunos de los vídeos en el canal de TEDxTalks en YouTube, entre ellos dos imprescindibles: Donald Norman (The Impact of Persuasion); Marc Hassenzahl (Towards an Aesthetic of Friction).