Pinche aquí para ver el vídeo

Sus creadores se han esforzado por salirse de las convenciones, reglas y principios ya establecidos en interfaces, interacción y uso de apps.

“I think the important thing is to never take anything for granted and question everything — all the known interface design conventions, the clichés and rules of the genre.” said Ryu. “These are formulas, and to us formulas are just a fancy way of describing the rut you’re stuck in.”

Siguiendo la línea del Getting things Done (GTD) de David Allen, presentan un diseño y desarrollo que, en su opinión, le da una vuelta mas al lenguaje visual e interacción sobre pantallas táctiles.

Claridad, simplicidad, orden, además del manejo y gestión del contenido y la navegación a partir de una definida colección de gestos multitáctiles.  Como ha sucedido en todas las areas, ha llegado el momento de comenzar la reducción razonada de elementos y aprovechar  la combinación de principios de diseño para garantizar la máxima funcionalidad de los productos y servicios que entregamos. No lo llamaría futuro todavía. Lo llamaría “gestión y optimización de la experiencia de uso atendiendo a los detalles”.

There´s nothing bigger than the little things (Milen Dzhumerov)

Tendremos que esperar a mediados de febrero para descargar Clear desde la App Store que, en principio será gratuita, aunque contará con funcionalidades añadidas para cuentas Pro.

¿Estás aprendiendo tan rápido como el mundo está cambiando?.

1- ¿Eres capaz de dibujar el futuro y captar nuevas ideas que te permitan ir mas allá de tu competencia?, ¿de dónde provienen esas nuevas ideas?.

So if you want to learn faster, you’ve got to think differently about where new ideas come from

2-¿Cuáles son tus fuentes de inspiración?, ¿crees que las nuevas ideas surgen desde tu campo de conocimiento?.

If you want to learn faster, look and live more broadly

3-¿Reflexionas sobre ideas que se han formado en tiempos pasados desde otras disciplinas (filosofía, psicología, sociología…)?.

…the best source of new ideas in your field can be old ideas from unrelated fields.

Ideas that are routine in one industry can be revolutionary when they migrate to another industry,…

4-¿Con quién y de quién aprendes? ¿Con quién experimentas nuevas ideas?¿las compartes?

the hidden genius locked inside your company, the collective genius of customers, suppliers, and other smart people who would be eager to teach you what they know if you simply asked for their insights

Me gusta la reflexión de Taylor porque es capaz de resumir,en pocas palabras, cuestiones, ejemplos y formas de aprendizaje que te pueden ayudar a plantear nuevas estrategias para un producto o para tu empresa.

Pueden parecer básicas pero si las piensas bien, verás que muchas veces nos olvidamos de ellas. Quizás por eso, porque son básicas.

Cuando pensamos en “páginas web” establecemos criterios de definición, arquitectura, composición, maquetación… que parten de la idea “página en blanco” para crear y construir. Pero ¿qué pasa cuando, de repente, el ancho de tu página no es fijo?. ¿Qué pasa cuando los contextos de uso de una supuesta página se amplían?. ¿Qué pasa cuando la interactividad adquiere mayor relevancia?. El concepto “página” comienza a difuminarse, pierde su sentido pero, sin embargo, lo seguimos utilizando de la misma forma que “colgamos el teléfono” o “tiramos de la cadena”. Con el añadido que en nuestro caso condiciona nuestro trabajo.

A veces rellenamos espacios que creemos controlar pero el futuro no lo podemos pintar así. El futuro se viste de contenido adaptable, modificable, flexible, que se acomoda a diferentes espacios, que podemos seguir integrando en un documento llamado página (definición de la RAE: Documento situado en una red informática, al que se accede mediante enlaces de hipertexto) o web pero que ya no trabaja con esa noción original.

Insisto. No estoy cuestionando el concepto que utilicemos. Eso tiene fácil solución. El problema es el enfoque que damos a nuestros productos o servicios interactivos a partir de la definición formal y del modelo mental que todos manejamos.

Buscando “aliados” que defiendan argumentos sobre esta idea he dado con Mark Boulton, cofundador de Five Simple Steps y autor de Designing for the web. Sus explicaciones en este sentido son muy claras:

Binding content to the book is what all good book designers do. To do this, they use Canons of Page Construction, or other principles to design grid systems that, when populated by content, create that connection. But with all paper-based design, they start with paper. Paper that has edges, ratios that can be repeated. A canvas. And here’s the thing. Creating layouts on the web has to be different because there are no edges. There are no ‘pages’. We’ve made them up.

Quizás sea necesario profundizar mas en estos argumentos y dedicar mas reflexiones digitales pero como dice Boulton, el momento es ahora. Tenemos que empezar a librarnos de ciertas ataduras que condicionan nuestros proyectos.

Todo esto creo que enlaza muy bien con un post que dejé por aquí hace un tiempo sobre la simplicidad y la curación de contenido. En aquel momento se insistía en la necesidad de dar máximo sentido a nuestro contenido. Ahora el objetivo vuelve a ser el mismo y se refuerza con una nueva idea:

Don’t start from an imaginary page

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.

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.

Un gran esfuerzo que dibuja la relación del ser humano con la tecnología y que se centra en capturar nuevos hábitos, comportamientos, interacciones… en nuestra vida cotidiana que la hagan más simple y fácil.

Pero un gran esfuerzo que se sustenta, como es de esperar, en innovaciones tecnológicas ya conocidas y pocas veces en escenarios y tecnologías emergentes. Entiendo que hacer esto último significaría, entre otras cosas, distanciarse demasiado de la realidad actual, arriesgarse a cometer errores estudiando qué tecnologías van a predominar o surgirán y, por supuesto, desmarcarse en exceso de los intereses comerciales y/o empresariales de quién difunde el vídeo. Hasta ahí todos de acuerdo.

El problema es cuando se realiza este esfuerzo sin atender a cuestiones esenciales que van mas allá del imperativo tecnológico. Eso es lo que le ha pasado a BlackBerry con su vídeo BlackBerry Future Visions 2. Si el primer vídeo (BlackBerry Future Visions 1) ya me pareció irrisorio, este segundo me parece insultante, especialmente cuando uno observa la evolución de RIM, de sus smartphones y del resto de sus dispositivos o servicios.

Pinche aquí para ver el vídeo

No creo que sea el mejor momento para que una empresa como BlackBerry, a la que tenía gran estima no hace mas de un año, difunda vídeos de este calibre. Básicamente por tres razones:

- Hoy en día la competencia no está en una mejor tecnología.
- Ser mas tecnológico no te ayuda a ser mejor. Al contrario, puede convertirse en un síntoma de debilidad.
- Descubrir el futuro no te ayuda a resolver el presente.

Si tienes ocasión de echarle un vistazo al vídeo y quedarte con los detalles observarás errores tan básicos como los que a continuación describo:

1- Un hombre se sienta frente a una gran pantalla táctil (o multitáctil). La postura del hombre y la disposición de la pantalla es la misma que adoptamos cuando utilizamos un ratón. ¿Cuántas horas de trabajo podrá soportar antes de, por ejemplo, tener serios dolores de espalda?.

2- El hombre despliega los perfiles de trabajadores de la empresa que solicitan cambios en la configuración de sus dispositivos. ¿Qué hay de nuevo detrás de estas acciones?¿Nos informan de una nueva fase de la burocracia digital?¿Dónde queda el concepto de descentralización?.

3- El hombre maneja una pantalla táctil pero con una interfaz poco adaptada a sus dedos. Clásicos menús emergentes que podrían generar cientos de errores si no se utilizan con precisión (después de una semana levantando el brazo dudo mucho que llegue ni siquiera a tocar la pantalla como para acertar en el botón).

4- Aparece una señorita en escena (que corresponde con el primer perfil atendido por el hombre), coloca su teléfono sobre el mostrador de acceso a la empresa y Voilá!, le llega “un SMS” indicándole que ya han atendido su solicitud. Pero eso sí, el mensaje amablemente le indica si quiere activar su solicitud.

5- Se acerca después al control de entrada, coloca el dispositivo sobre un lector-receptor y le aparece su cara como una muestra “fiable” de reconocimiento que le da acceso completo al edificio. Para qué emplear tiempo y dinero en tecnologías biométricas teniendo el NFC.

6- Después de “fichar” utiliza el dispositivo como si fuera el oráculo del destino y tiran de realidad aumentada para mostrar algo así como la señalética del edificio (incluyendo el clásico cartel “Aquí está tu mesa”).

7- Aparece el segundo perfil en escena, un hombre que utiliza su teléfono para marcar con una puntualidad asombrosa el comienzo de una reunión. Nuevamente el terminal vuelve a convertirse en una fuente “fiable” y  “única” de entrada y salida de información personal/profesional.

8- Aparece nuevamente la señorita del primer perfil intentando acceder, a partir de un teclado virtual (no entro en detalles técnicos o de usabilidad), a una tienda de apps. Descubre una que le interesa pero para comprarla tiene que realizar nuevamente una solicitud. No se si habrás observado la pantalla de la escena inicial pero se puede ver supuestamente el tiempo que se tardó en dar respuesta a su primera solicitud: 18 días. Así que, para descargarte en un futuro no muy lejano una app desde tu empresa, ya sabes lo que hay.

9- Si te roban el terminal no te preocupes. Se han imaginado un avanzado sistema de aviso a la policía (con videoconferencia incluida y actualización de firmware asegurada) que solo funciona cuando “el señor de la gran pantalla táctil” está en su puesto de trabajo. Para cualquier otro momento contacta con el ya conocido Call-Center.

10- Debo corregir el punto 8. La señorita recibe la aprobación de su solicitud de compra al salir del trabajo gracias a que “el señor de la gran pantalla táctil” se ha dedicado toda la mañana a aprobar solicitudes.

No entiendo porqué extraña razón BlackBerry se ha lanzado a crear este tipo de escenarios tan irreales y descontextualizados. Es posible que yo me equivoque haciendo una lectura rápida de ¿un proyecto de investigación empresarial? que no soy capaz de entender. Pero en estos momentos, Blackberry hubiera estado mas acertado con una solución al presente sin descuidar tanto la mirada al futuro.

Las nueve ediciones de UX Week han reunido a profesionales punteros en diversas áreas y disciplinas para tratar asuntos relacionados con la UX y, en términos generales, los conferenciantes y sus discursos han facilitado una mirada continua hacia el presente y el futuro del diseño de experiencias.

Las charlas son grabadas y publicadas en sus respectivas páginas (UX Week vídeos – MX vídeos). En agosto de este año se creó la app para iPad que facilita el acceso a todos los vídeos desde 2008 y, en breve, aparecerán en dicha app los del 2011. No puedes perderte este material.

Hasta ahora, de los vídeos del 2011 que he podido ver, me quedo con dos. Me parecen relevantes sus aportaciones y los speakers son responsables de los cambios a los que estamos asistiendo últimamente en medios sociales y herramientas online.

Pinche aquí para ver el vídeo

Pinche aquí para ver el vídeo

Se trata de un evento internacional que recibe miles de solicitudes de participación y al que se presentan productos de todo el mundo relacionados con la industria del diseño.

Empresas e instituciones o diseñadores independientes presentan trabajos en las áreas de diseño de producto, diseño conceptual y diseño de comunicación. Luchan por conseguir un “punto rojo”, un sello de calidad, además de un prestigioso galardón europeo, que cuenta con unos criterios de evaluación y un proceso de selección de trabajos muy exigente.

Todas las obras premiadas se exponen posteriormente en el red dot museum y se suman a esa enorme lista de diseños, diseñadores, empresas, marcas… que han obtenido tal distinción. Entre ellos, BMW, Canon, Sony, Apple, LG, Siemens…

El vídeo muestra un sencillo ejemplo que, como bien dicen, puede extenderse a otros usos que explotarían aun más la riqueza de las pantallas touch o multi-touch.

Pinche aquí para ver el vídeo

Me quedo igualmente con la valiosa frase que recogen en su post de August de los Reyes, director de diseño de Microsoft Surface:

The perception of system output must be greater than the perceived user input, and within that range there is a sweet spot where [user experience] is delightful and magical.

Un ejemplo lo tenemos en aquel proyecto del que hablé hace un tiempo relacionado con los pacientes/usuarios de hospitales. Un tema que precisamente ha sido tratado en Gel 2011 por Tom Lee, fundador de One Medical (recomiendo ver el vídeo de su charla).

Pero otro gran ejemplo lo encontramos cuando hablamos de bibliotecas y bibliotecarios. En A searching Librarian Paul hace una controvertida reflexión sobre la experiencia de usuario en las bibliotecas.

Incluye propuestas de cambio que afectan al funcionamiento habitual de estos espacios y tales propuestas reclaman ante todo una escucha mas activa del usuario, replanteamiento de prácticas habituales o una comunicación mas clara de las funciones y competencias de los bibliotecarios.

La razón creo que queda registrada en el post mencionado:

Unfortunately the answer might be that although many people who come to the library associate the library with librarians, as well as associating libraries with information, they don’t associate information with librarians. ”Information comes from books, from TV, from friends, from Google – but that person sitting in the corner behind a desk who I’ve never met, who just seems to scan my books when I leave the library, why would they know any more than me about this topic I am researching?” seems to be what some people who visit the library are thinking.

No se puede generalizar y soy consciente que se están realizando esfuerzos importantes en esta línea. Pero si hay algo que debemos admitir es que en numerosas ocasiones estos esfuerzos están lejos del alcance de los nuevos perfiles de usuario que visitan y usan estos lugares.

Puede ser un gran momento para buscar nuevas soluciones, para acercarse a las necesidades de ese nuevo público y salir fortalecidos con cambios difíciles pero necesarios.

Proyectos como Library Renewal hacen explícitas las razones más poderosas para promover estos cambios:

1. We want to further the mission of libraries and ensure they remain relevant players in the information access landscape we inhabit, regardless of the technological or business changes we expect to see.

2. We want to be the place where library advocates of all stripes go to support the work of creating new ways to access and distribute electronic content, something that gets people what they want, when and in the formats they want it … through the library for decades to come.

3. We want libraries and librarians running this system, negotiating deals for this system and acting in the best interest of libraries and library users.

4. You know how you can access great electronic content from services like Netflix, iTunes, Amazon, Spotify and Hulu? We want to make accessing electronic content through libraries works as well and as seamlessly as it does on those services.