CSS-based responsive web design is a great tool for adapting a layout to different screens, period. It is a tool, not an end. In some cases, where a site’s content should be the same from device to device (a blog, for example), responsive web design is enough for the job. More complex services, though, may need much more, including different content, tools, and services.

Yes, friends: it depends.

What’s it depend on? Certainly the needs of the audience. But as with so many things, it often depends a great deal on business considerations, too.

Josh Clark - Responsive Web Design or Separate Mobile Site? Eh. It Depends.

Cita extraída de un artículo que resume una animada discusión entre los partidarios del responsive web design (muy resumido, el uso de Media Query para adaptar la presentación de una web a los diferentes dispositivos) y los que van más allá de la mera presentación de contenidos: optimizar las experiencias según el contexto de uso y de usuarios.

Nada nuevo, en definitiva. Aunque técnicamente ahora es posible obtener mejores resultados que hace no muchos años: hay ejemplos más o menos elaborados en mediaqueri.

Ya puestos, otro artículo que nos puede ayudar a ampliar nuestra perspectiva histórica es New to Mobile? Welcome to the One Web Debate.

Más allá de sus virtudes, me gustaría mencionar Things Real People Don't Say About Your App, una pequeña joya humorística sobre usuarios y sus comentarios. Porque como todo el mundo sabe, los usuarios siempre dicen la verdad en los test de usuarios, y no es necesario interpretar lo que dicen :) La combinación de citas reales con fotografías de usuarios reales es dificilmente superable.

Algunos ejemplos:

• If this button were bigger, I’d definitely buy the product.
• This website must be secure: they have a lock icon on their payment flow!
• I love expressing myself through customer surveys.
• This site is much more respectable now that it has lightbox ads instead of popups.
• This challenging captcha is a doing a great job testing my humanity.
• There's multiple Like Buttons on this article. Wll, I guess I have to click at least one.

95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.

Oliver Reichenstein - Web Design is 95% Typography

Echando un poco la vista atrás - basta un simple vínculo -, uno se encuentra con una frase como la anterior publicada en el 2006 (recordada, eso si, por twitter hoy mismo). Y yo soy uno de esos que no han intentado profundizar en algo tan importante, hasta hace no mucho tiempo. Y con la mala suerte de que el libro que me compré, no me ha servido para mis propósitos: un libro para introducirse en el arte y la ciencia de la tipografía (hablo de "¿Qué ocurre mientras lees? Tipografía y legibilidad." de Gerard Unger). Tal vez con el próximo libro tenga más suerte (¿sugerencias?).

Pero bueno, hay algunos recursos que me parecen útiles y aquí los dejo, para que no se me olviden.

• Thinking with Type, con cuatro apartados (letras, texto, rejilla y extras). Información relativamente breve y con posibilidad de descargar bastantes secciones en ficheros pdf para observar los detalles con mejor resolución.
• The Elements of Typographic Style Applied to the Web . El título lo dice todo, tipografía práctica para la web.
• typetester, una herramienta para comprobar a la vez tres fuentes diferentes, permitiéndose variar algunas características como el color, alineación, separación entre letras,...
• Periodic Table of Typefaces, es una forma bastante curiosa y desde mi punto de vista lograda, de mostrar las fuentes tipográficas más populares con información extra, como el año de creación, el autor y familia. En forma de tabla periódica.
• Typography Deconstruction Un fichaje de última hora a la lista de recursos, recomendado por un compañero de trabajo y que se encarga de analizar los elementos básicos en el diseño de fuentes de forma clara y muy visual. Me gusta mucho.

Usability is often viewed as being inherently risk-averse, and even at odds with innovative ideas. The usability practitioner seeks to meet users’ expectations – or “mental models” – eliminate surprises rather than capitalize on them, and follow standards that provide consistency with outside interfaces. User experience designers employ design patterns that have been proven over time, and utilize prototyping tools that encourage the use of established pattern libraries. User testing also tends to focus on the first use, making it very difficult for seemingly innovative ideas to beat out the familiar and immediately recognizable user interfaces that employ well known design techniques.
[...]
Whether UX practitioners care to admit it, many of these claims are true. UX professionals don’t tend to be the greatest advocates of innovation, and our designs are often limited to what others are doing and the depth of our pattern libraries. These are the side-effects of lazy design, however, and not the nature of User Experience. User Experience designers have a unique opportunity to become the facilitators of holistic design and the advocates of innovation. By combining traditional user-centered activities with a greater emphasis on creating engaging designs we can bring usability into alignment with innovation in the design process. Here are some thoughts on how [...]

Where Innovation Belongs in User-Centered Design by Jake Truemper

He llegado al artículo gracias a un twitt de César García Gascón y de forma primitiva, rondaba por mi cabeza desde hace tiempo...

Una de las cosas que la gente tiene la tentación de hacer cuando hay un problema de usabilidad es añadir algo. Si alguien no ha entendido las instrucciones, añada más instrucciones. Si alguien no ha podido encontrar lo que estaba buscando en el texto, añada más texto. Si alguien no se ha dado cuenta de algo que necesitaba, añádale más color, póngalo en negrita, o más grande.

Pero muy a menudo la mejor forma de solucionar un problema de usabilidad es hacer justo lo contrario: quitar algo. elimine algo de las páginas.

El problema real muy a menudo es que ya hay mucho. La mayoría de las páginas tienen todo tipo de cosas que el usuario no necesita: demasiadas palabras, demasiadas imágenes irrelevantes, demasiada decoración, demasiado "ruido", y ésa es la razón por la que los usuarios no encuentran lo que necesitan.

Si su primer impulso es añadir algo, siempre se lo debería cuestionar. Normalmente siempre es mejor que quite algunas de las cosas que distraen al usuario.

Steve Krug en "Haz fácil lo imposible. Cómo detectar y determinar los probleas de usabilidad", página 169.