Book review: "Don't make me think, revisited", de Steve Krug
Didn't make me think
Siempre que tengo algún problema, personal o profesional (no estoy muy seguro de la diferencia), planto en Google la siguiente búsqueda "Best book on X...". En este caso "X" = UX & UI.
Ando diseñando la interfaz del MVP de Bistrohub, y este libro forma parte de la triada en la que me he sumergido para hacerlo de la mejor forma posible:
Designing Interfaces: Patters for Effective Interaction Design
"Don't make me think" es un clásico en usabilidad web. Escrito en el 2000 y con el consenso general de los practitioners de que sigue vigente hoy. El típico libro que ves referenciado hasta la saciedad.
Mi principal crítica con él es que no me ha explotado la cabeza con casi nada de lo que he leído. En ese sentido, me ha recordado mucho a lo que sentí al leer The Design of Everyday Things (el cual es, por supuesto, citado en "Don't make me think"). PERO, me hace mucha gracia porque Steve Krug ya espera esta reacción. Ya en las primeras páginas, nos hace esta advertencia:
I spend a lot of my time telling people things they already know, so don’t be surprised if you find yourself thinking “I knew that” a lot in the pages ahead.
Y resonó bastante con un artículo que lei hace un tiempo (de los que te cruzas en Hacker News), "How to read self help" de un software engineer de Stripe:
But this is a hallmark of wisdom: it’s trivial to read but nearly impossible to put into practice (...) we need lots of examples to drive this wisdom home. We should be more forgiving of self-help (the genre) and more forgiving of ourselves. Putting wisdom into practice takes requires reading, reflection, and practice.
Outline
La idea central del libro es que no hagamos pensar a nadie... porque nadie lo va a hacer, no funcionamos así:
A partir de ahí expone una serie de principios guía. Destaco unos pocos que me han gustado especialmente:
Cómo tomamos decisiones: nos quedamos con la primera opción razonable y nos gusta trastear.
Clarity trumps consistency.
Asume que todo es ruido hasta que demuestres lo contrario.
No escribas como:
a Miss America finalist. “XYZCorp offers world-class solutions in the burgeoning field of blah blah blah blah blah….” Nobody reads them.
Formatea el texto para favorecer el escaneo (o "nadie se lee tus verborreas"): usa más headings de los que crees necesitar.
In depth
Estos principios guía luego los aplica en concreto a las dos áreas que considera más difíciles: la home page y la navegación. Es fácil ver que una home page es problemática (es la primera impresión, todo el mundo de nuestra organización va a querer que se "hable de su libro" ahí...). Pero esta frase es demoledora, es grasiosa porque es sierta:
Whenever someone hands me a Home page design to look at, there’s one thing I can almost always count on: They haven’t made it clear enough what the site is.
En cuanto a la navegación, me resulta interesante:
Que desmonta el mítico claim de eliminar clicks hasta la conversión:
I’ve come to think that what really counts is not the number of clicks it takes me to get to what I want (although there are limits), but rather how hard each click is—the amount of thought required and the amount of uncertainty about whether I’m making the right choice.
Lo extraño que es el "espacio web":
Even after we’ve used a Web site extensively, unless it’s a very small site we tend to have very little sense of how big it is (...). For all we know, there could be huge corners we’ve never explored. Compare this to a magazine, a museum, or a department store, where you always have at least a rough sense of the seen/unseen ratio.
El test del maletero:
It’s so easy to forget that the Web experience is often more like being abducted than following a garden path. When you’re designing pages, it’s tempting to think that people will reach them by starting at the Home page and following the nice, neat paths you’ve laid out. But the reality is that we’re often dropped down in the middle of a site with no idea where we are because we’ve followed a link from a search engine.
El detalle en los breadcrumbs:
Use > between levels. Trial and error seems to have shown that the best separator between levels is the “greater than” character (>).
Que haya gente "search-dominant", que lo primero que hace en una web es intentar buscar un campo de "Buscar" para encontrar la información vs los "link-dominant" (que lo que buscan es, oh sorpresa, links: una estructura en el contenido). Sospecho que los últimos, con la cantidad ingente de información con la que tenemos que ir lidiando, tienen alguna desventaja.
El libro acaba con una guía bastante detallada y un grito de "haz user testing como sea, pero hazlo", para evitar las discusiones religiosas:
It’s always seemed to me that these people probably have the jobs they do because of who they are. Designers, for instance, probably became designers because they enjoy pleasant visual experiences. They get visceral pleasure from looking at pages full of elegant type and subtle visual cues. There are endorphins involved. And developers tend to like complexity. They enjoy figuring out how things work, reverse engineering them in their head, and looking for ideas they can use. Again, there are endorphins at work. And because these reactions are happening at a brain-chemical level, it’s very difficult for them to imagine that everybody doesn’t feel exactly the same way.
Trufadísimo de referencias interesantes
Que no sé cuándo llegaré a esto, porque la wish list de libros para leerse no deja de subir:
Letting Go of the Words: Writing Web Content that Works (Interactive Technologies), Janice Redish, 2012.
A Web for Everyone: Designing Accessible User Experiences, Sarah Horton y Whitney Quesenbery, 2014:
"Because it is the right thing to do".
The User Experience Team of One: A Research and Design Survival Guide, Leah Buley, 2013.
"Written specifically for people who are the only person in your company practicing (or aspiring to practice) user centered design” or who “regularly work on a team where you are the only UX person".
Influence: The Psychology of Persuasion (Collins Business Essentials), Robert B. Cialdini, 2009.
How to Get People to Do Stuff, Master the art and science of persuasion and motivation, Susan Weinschenk, 2013.
Evil by Design: Interaction Design to Lead Us into Temptation, Chris Nodder, 2013.
¿Se puede tener un título más sugerente?
Conclusión
Me ha gustado, aunque quizá no tanto como esperaba. A este tipo de libros no les hace justicia el tiempo, no porque estén desactualizados ni mucho menos, sino porque las ideas las has visto reformuladas (a veces mal) en 50 millones de blog posts y libros posteriores. En cualquier caso, ojalá haber llegado a él mucho antes: me hubiera sido mucho más útil, tanto por el propio aprendizaje como por tener un libro "acaba-discusiones".
Por último, dos frases que tendrían que ser camisetas. Qué curioso que todo parezca tan fácil y sin embargo:
If there are two things I can tell you about scalable design (a/k/a dynamic layout, fluid design, adaptive design, and responsive design), they’re these: It tends to be a lot of work. It’s very hard to do it well.
But above all, be of good cheer. As I said at the beginning, building a great Web site or app is an enormous challenge, and anyone who gets it even half right has my admiration.