Dieter Rams: 10 mandamientos eternos para el buen diseño

Hagamos una visita virtual al taller de un famoso diseñador industrial. Al examinar los principios de su enfoque ganador, podemos incorporar elementos vitales a nuestros diseños en la era del «menos es más».

Como profesionales de la experiencia de usuario, la mayoría de nosotros hemos trabajado con las 10 heurísticas o reglas generales de Nielsen y Molich y las Ocho Reglas de Oro de Ben Shneiderman. Son principios de la interfaz de usuario que tenemos que aprender y aplicar. Forman parte del «paquete» de conocimientos sobre la interacción persona-ordenador. Con la expansión del campo de la UX y su infiltración en muchos aspectos de la empresa, tendremos que abordar cada vez más el diseño de productos. Así, siempre es útil aprender de otras disciplinas del diseño.

Autor/titular del copyright: Ged Carroll. Términos y licencia de los derechos de autor: CC BY 2.0

Dieter Rams es un diseñador industrial alemán que fue responsable del diseño de los productos de consumo de Braun durante muchos años. Hace unos 50 años, en su búsqueda por responder a la pregunta «¿Es mi diseño un buen diseño?», desarrolló los 10 principios del buen diseño, a veces también conocidos como 10 mandamientos. Es sorprendente ver la vigencia de estos principios hoy en día, tanto que podríamos sentirlos incluso más que en aquella época, cuando Rams los escribió realmente!

Tanto los productos de consumo como la tecnología han cambiado enormemente. Incluso la estética ha cambiado considerablemente y muchos de los diseños de Rams parecen anticuados para la mayoría de nosotros, o de moda y «in» si eres un fan de los diseños de los años 60 y 70. A pesar de todos estos cambios alrededor, los mandamientos siguen siendo pautas valiosas para cualquier persona que trabaje en el diseño y no sólo para los diseñadores industriales, ¡también para ti, diseñador de experiencia de usuario!

Según Dieter Rams, el buen diseño:

1. Es innovador
2. Hace que un producto sea útil
3. Es estético
4. Hace que un producto sea comprensible
5. Es discreto
6. Es honesto
7. Es de largaduradero
8. Es minucioso hasta el último detalle
9. Es respetuoso con el medio ambiente
10. Involucra el menor diseño posible

Veamos cada uno de ellos con un poco más de detalle (la explicación de cada principio ha sido recuperada de https://www.vitsoe.com/us/about/good-design):

• El buen diseño es innovador. Las posibilidades de innovación no están, ni mucho menos, agotadas. El desarrollo tecnológico siempre ofrece nuevas oportunidades para el diseño innovador. Pero el diseño innovador siempre se desarrolla junto con la tecnología innovadora, y nunca puede ser un fin en sí mismo.
• El buen diseño hace que un producto sea útil. Un producto se compra para ser utilizado. Tiene que satisfacer ciertos criterios, no sólo funcionales, sino también psicológicos y estéticos. Un buen diseño hace hincapié en la utilidad de un producto y prescinde de todo lo que pueda restarle valor.
• Un buen diseño es estético. La calidad estética de un producto es parte integrante de su utilidad porque los productos que utilizamos a diario afectan a nuestra persona y a nuestro bienestar. Pero sólo los objetos bien ejecutados pueden ser bellos.
• Un buen diseño hace que un producto sea comprensible. Aclara la estructura del producto. Mejor aún, puede hacer que el producto hable. En el mejor de los casos, se explica por sí mismo.
• Un buen diseño es discreto. Los productos que cumplen un propósito son como herramientas. No son objetos decorativos ni obras de arte. Por lo tanto, su diseño debe ser neutro y comedido, para dejar espacio a la autoexpresión del usuario.
• El buen diseño es honesto. No hace que un producto sea más innovador, potente o valioso de lo que realmente es. No intenta manipular al consumidor con promesas que no se pueden cumplir.
• El buen diseño es duradero. Evita estar a la moda y, por tanto, nunca parece anticuado. A diferencia del diseño de moda, dura muchos años, incluso en la sociedad actual de usar y tirar.
• El buen diseño es minucioso hasta el último detalle. Nada debe ser arbitrario o dejarse al azar. El cuidado y la precisión en el proceso de diseño muestran respeto hacia el usuario.
• El buen diseño es respetuoso con el medio ambiente. El diseño contribuye de forma importante a la preservación del medio ambiente. Conserva los recursos y minimiza la contaminación física y visual a lo largo del ciclo de vida del producto.
• El buen diseño es el menor diseño posible. Menos, pero mejor – porque se concentra en los aspectos esenciales, y los productos no se cargan con lo no esencial. Volver a la pureza, volver a la simplicidad.

En el diseño de webs y apps, estamos rodeados de aplicaciones y software de última generación. Así, un peligro común es que innovamos por innovar. Busca aplicaciones meteorológicas y descubrirás un sinfín de ellas. Desde las que realmente sirven para algo -por ejemplo, Umbrella- hasta las que se centran únicamente en el diseño o en funciones que nadie necesita realmente. Deberíamos pensar en nuestros elementos imprescindibles aquí y tener cuidado con la introducción de «deleitadores» a menos que estemos seguros de que son innovadores y sirven para un propósito para nuestros usuarios.

Incluso cuando diseñamos interfaces digitales, podemos traer el mandamiento de Rams a bordo y hacer que nuestros diseños web sean útiles por:

• Hacer que sean fáciles de interactuar hasta el punto de que el usuario se deleite con ello. Esto es el disfrute del usuario a través de la habilitación del mismo.
• Nuestro diseño debe mostrar siempre al usuario cuál es su función para que nunca haya una brecha entre lo que el usuario percibe que son las capacidades del diseño y lo que realmente son.
• Diseñar con vistas a guiar a nuestros usuarios hacia las interacciones necesarias. Debemos hacer que los botones parezcan botones clicables y pensar en interacciones positivas y negativas. Piensa en los semáforos: verde significa ir (positivo); rojo significa parar (negativo).
• No construir elementos innecesarios en nuestros diseños. Recuerda la regla del 80/20 y piensa bien antes de añadir cada elemento para evitar la posibilidad de desorden.

¿Para qué estás diseñando? Es un banco, donde se necesitan insignias de seguridad y candados y el uso de un esquema de color azul siempre tranquilizador? Haga que su diseño refleje el carácter del propósito del diseño y recuerde que, en la escala entre la ingeniería (funcionalidad sin estética) y el arte (estética sin función), estamos en una posición única: el diseño.

Un buen diseño puede hablar por sí mismo, sin pedir al usuario que se comprometa con mucho esfuerzo: mostrar es mejor que decir. Si un usuario puede deducir intuitivamente qué hacer con tu diseño, ¡es un as! Si tienes que redactar instrucciones para que interactúe con él, no es tan bueno. En tu diseño, piensa en esto: ¿puedes reducir la carga cognitiva del usuario para que el diseño ya haya pensado por él y todo lo que tenga que hacer el usuario sea seguirle la corriente e interactuar?

Sí, estamos diseñando para el ámbito digital, así que tenemos un reto que los productos mecánicos no tenían. Mirando un secador de pelo, puedes saber directamente lo que hay que hacer. Mirar el diseño de una web/app requiere más inversión mental. Mientras podamos hacer que nuestros diseños sean comprensibles y fluyan de manera que nuestros usuarios puedan interactuar eficientemente, hay una gran posibilidad de que nos ahorremos generar frustración en el usuario.

Esto seguramente nos suena familiar, en cómo diseñamos para permitir al usuario maniobrar su creatividad en el diseño. El diseño digital permite un gran espacio de expresión. Por ello, tenemos que diseñar con una estructura adecuada. Tomemos como ejemplo Facebook y MySpace; el primero se ha convertido en un retablo en el que nos olvidamos de la forma y nos centramos en el contenido: lo que decimos de nuestras vidas. MySpace no tenía esa estructura milagrosa.

Los diseñadores podemos quedar atrapados a veces. El diseño digital es un retablo abstracto, y sabemos que a menudo tenemos un trabajo para facilitar los conceptos a nuestros usuarios. Por ejemplo, el punto de ventaja de aplicar el skeuomorfismo puede llevar a un modelo mental erróneo para el usuario; uno que podría impedirle recuperar errores o convertirse en un usuario más avanzado. Por ello, debemos considerar siempre todas las caras de la moneda y elegir la opción que mejor se adapte al usuario.

Debemos ser especialmente cuidadosos para evitar que nuestros diseños pasen a formar parte del montón de los «viejos». La primera forma de evitarlo es asegurarte de que tu producto/servicio sirve para algo, como hemos visto con los principios anteriores. Además, también puedes intentar:

• Poner nuestros diseños a prueba de futuro manteniéndolos adaptables. No te encierres en suposiciones sobre «nuevas formas de avanzar».
• Mantén una sensación estética neutra en tu diseño. Por ejemplo, tenga en cuenta el texto nítido y claro (que siempre será legible) frente a los tipos de letra juguetones que parecen «geniales». Fíjese en la letra de las portadas de los libros de ficción pulp de los años 70… son anticuadas, ¿no?
• La web es un medio vivo. Las actualizaciones ocurren todo el tiempo. Por lo tanto, cuanto más fácil sea mantener tu diseño, más probable será que sobreviva en los nuevos dispositivos. Esto significa volver a lo básico y mantener un ojo en las tuercas y tornillos del diseño. Sí, nos referimos a repasar tu HTML para prepararte para lo que el futuro nos depara a todos.

Esto es crucial para nosotros en el diseño de webs/app. Cada detalle debe tirar de su peso en el camino para alcanzar la mejor UX. Así que, piensa en cada detalle. Nada puede parecer una ocurrencia tardía, incluyendo esa pantalla de «¿Olvidaste la contraseña?». Las alertas de error son otro aspecto a tener en cuenta. ¿Cuándo se personaliza un diseño para ir más allá y tranquilizar al usuario? Durante la carga, ¿muestra su página un reloj de arena giratorio, un mensaje, una bonita animación o… lo deja todo estéril y blanco, dejando a los usuarios con la duda?

Ver la huella de carbono es relevante para diseñar. Puede sonar cómico, pero los clics que hacen los usuarios y la cantidad de tiempo que pasan en los dispositivos electrónicos suman.

Si imaginamos que Internet es como el mundo, ahí vamos por buen camino. Pensemos en cómo se puede diseñar con impacto y no llenar Internet de páginas innecesarias. Ese minimalismo sagrado de «menos es más» llega a otra dimensión en esa nota¡

La frase insignia de Rams podría ser: «Menos, pero mejor». La simplicidad en el diseño web y de aplicaciones, al igual que en el diseño mecánico, es el objetivo final para ayudar a los usuarios en la era digital. Internet está saturado de diseños con muchos elementos. Esto puede darnos la confianza de que podemos superar a los competidores que no saben lo que están haciendo mal, pero sigue habiendo un punto en el que muchos usuarios desconfían de Internet porque dominan los sitios sobrediseñados. Menos es más, pero «menos pensado» significa «mejor». Hacer que nuestros diseños sean buenos significa hacerlos sencillos; hacer grandes diseños significa centrarse sólo en lo esencial. No hay que hacer más cosas.



Autor/titular de los derechos de autor: squarecircle. Términos y licencia de los derechos de autor: CC BY-NC 2.0

Lo que hay que saber

Los 10 mandamientos de Dieter Rams son la prueba de su enfoque minimalista y funcional del diseño pero, más que eso, son la prueba de su postura profesional. Por ello, podemos hacer fácilmente de estos principios nuestros valores, nuestra filosofía de cómo debe ser el diseño -por tanto, el diseño UX- de cualquier producto o servicio.

Un pequeño ejemplo de lo relevantes que siguen siendo sus ideas es el mito móvil de que «móvil=menos». Cada vez que percibas esta opinión de nuevo, puedes responder: «exactamente, menos pero mejor». Estamos seguros de que al leer los principios, te han venido a la cabeza muchos más ejemplos.

En diciembre de 1976, dio un discurso en Nueva York de su trabajo de diseño en Vitsoe. Estos son los párrafos iniciales:

«Señoras y señores, el diseño es hoy un tema popular. No es de extrañar porque, ante la creciente competencia, el diseño es a menudo la única diferenciación del producto que es realmente perceptible para el comprador.
Estoy convencido de que un diseño bien pensado es decisivo para la calidad de un producto. Un producto mal diseñado no sólo es más feo que uno bien diseñado, sino que tiene menos valor y utilidad. Lo peor de todo es que puede resultar intrusivo.

Un diseñador que quiera conseguir un buen diseño no debe considerarse un artista que, según el gusto y la estética, se limita a vestir los productos con una prenda de última hora.
El diseñador debe ser el gestaltingenieur o ingeniero creativo. Sintetizan el producto terminado a partir de los distintos elementos que componen su diseño. Su trabajo es en gran medida racional, lo que significa que las decisiones estéticas están justificadas por la comprensión del propósito del producto.»

Quizás no mencionó la experiencia del usuario como tal, pero todas sus ideas destilan la misma filosofía y valores. Ya entonces, el diseño era casi el único medio para la diferenciación del producto. Esto sigue siendo muy cierto hoy en día. Como él señalaba, los diseñadores debemos ser ingenieros creativos que resuelvan las necesidades de las personas y respetar los 10 principios:

El buen diseño es innovador. El buen diseño debe ser útil. El buen diseño es estético. El buen diseño hace que un producto sea comprensible. El buen diseño es honesto. El buen diseño es discreto. El buen diseño es duradero. El buen diseño es coherente en cada detalle. El buen diseño es respetuoso con el medio ambiente. Y, por último, pero no menos importante, el buen diseño es el menor diseño posible.



Autor/titular del copyright: Incase. Términos y licencia de copyright: CC BY 2.0

¡Todavía estamos asombrados por la sapiencia de sus mandamientos! Si no lo estás, vuelve a leer.

Donde aprender más

Norman, D. y Tognazzini, B. (2015). «Cómo Apple está dando mala fama al diseño». Fastco. Design. Recuperado de: http://www.fastcodesign.com/3053406/how-apple-is-giving-design-a-bad-name

Koschei, J. (2015). «El buen diseño es el menor diseño posible». Opiniones. Recuperado de: theindustry.cc/2015/07/13/good-design-is-as-litte-design-as-possible

Latin, M. (2014). «Un usuario con control total es la pesadilla de un diseñador». Smashing Magazine. Recuperado de: www.smashingmagazine.com/2014/06/user-total-contro…

Lea el discurso completo de Dieter Rams Vitsoe en: https://www.vitsoe.com/files/assets/1000/17/VITSOE_Dieter_Rams_speech.pdf

Consulta las imágenes que muestran productos para ejemplificar cada mandamiento: https://www.vitsoe.com/us/about/good-design.

Una entrevista con Dieter Rams: http://www.fastcodesign.com/3043815/dieter-rams-if-i-could-do-it-again-i-would-not-want-to-be-a-designer