{"id":7321,"date":"2019-02-13T19:10:13","date_gmt":"2019-02-13T19:10:13","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=7321"},"modified":"2024-02-02T18:17:08","modified_gmt":"2024-02-02T18:17:08","slug":"los-10-principios-del-buen-diseno-de-dieter-rams","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/los-10-principios-del-buen-diseno-de-dieter-rams\/","title":{"rendered":"Los 10 principios del buen dise\u00f1o de Dieter Rams"},"content":{"rendered":"\n<p>Dieter Rams es uno de los dise\u00f1adores industriales m\u00e1s importantes de los \u00faltimos 50 a\u00f1os. Su impacto en la industria del dise\u00f1o es fundamental para el concepto general de dise\u00f1o de productos tal como lo conocemos hoy.<br>Rams un dise\u00f1ador industrial alem\u00e1n conocido sobre todo por su trabajo con Braun y la escuela funcionalista de dise\u00f1o industrial. Su trabajo y principios han sido una importante influencia en el estilo minimalista de las l\u00edneas de producto de Apple, como los iPods, iPhones, iPads y Macs, como reconoce Jony Ive, Vicepresidente de Dise\u00f1o de Apple. Este entre otros muchos dise\u00f1os de productos tiene como resultado el reconocimiento mundial del lema de Rams.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Menos, pero mejor<\/h2>\n\n\n\n<p>En nuestro articulo sobre la Bauhaus, ya hablamos del \u201cMenos es m\u00e1s\u201d de Mies van der Rohe. El lema de dise\u00f1o de Dieter Rams es \u201cWeniger, aber besser\u201d, que se traduce como \u201cMenos, pero mejor\u201d. Es un enfoque discreto que tiene como resultado una calidad atemporal.<br>A diferencia de otros dise\u00f1adores y arquitectos que dejaron su marca de identidad en edificios y productos, Rams intent\u00f3 eliminar el ego del proceso de dise\u00f1o. No dise\u00f1aba pensando en s\u00ed mismo, sino para servir a los usuarios.<br>En los a\u00f1os 80, Rams desarrolla su definici\u00f3n de lo que debe ser un buen dise\u00f1o. Estos principios, basados en su lema, siguen siendo v\u00e1lidas 30 a\u00f1os despu\u00e9s de su creaci\u00f3n, lo cual confirma su car\u00e1cter atemporal. Esto tambi\u00e9n significa que no solo se aplican al dise\u00f1o industrial, sino tambi\u00e9n al dise\u00f1o digital y por lo tanto, al dise\u00f1o web.<br>No sorprende, teniendo en cuenta que Rams es un sucesor de la Bauhaus.<br><a href=\"https:\/\/www.conectasoftware.com\/magazine\/diseno-web\/la-importancia-la-bauhaus-diseno-web\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6213 size-large\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2018\/03\/Bauhaus-en-Dise\u00f1o-Web-1024x683.jpg\" alt=\"Bauhaus en Dise\u00f1o Web\" width=\"1024\" height=\"683\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Los 10 principios del buen dise\u00f1o de Dieter Rams<\/h2>\n\n\n\n<p>A continuaci\u00f3n, citamos los 10 principios de Rams. Adem\u00e1s, comentamos algunas de sus aplicaciones al dise\u00f1o web y dise\u00f1o digital actual.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.El buen dise\u00f1o es innovador<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cLas posibilidades de innovaci\u00f3n no est\u00e1n, de ninguna manera, agotadas. El desarrollo tecnol\u00f3gico siempre ofrece nuevas oportunidades para el dise\u00f1o innovador. Pero el dise\u00f1o innovador siempre se desarrolla junto con la tecnolog\u00eda innovadora, y nunca puede ser un fin en s\u00ed mismo \u00ab<\/p>\n<\/blockquote>\n\n\n\n<p>Uno de los cambios tecnol\u00f3gicos mas importantes de los \u00faltimos a\u00f1os es el uso de m\u00f3viles en comparaci\u00f3n con los ordenadores sobremesa. Las paginas web responden con un dise\u00f1o responsive o RWD, que se adapta al tama\u00f1o de pantalla y las funcionalidades y caracter\u00edsticas del dispositivo con el que se accede a ellas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.El buen dise\u00f1o hace a un producto \u00fatil<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cUn producto se compra para ser utilizado. Debe satisfacer ciertos criterios, no solo funcionales, sino tambi\u00e9n psicol\u00f3gicos y est\u00e9ticos. \u00abUn buen dise\u00f1o enfatiza la utilidad de un producto al tiempo que ignora cualquier cosa que pueda perjudicarlo\u00bb<\/p>\n<\/blockquote>\n\n\n\n<p>Antes de dise\u00f1ar, tenemos que conocer a los usuarios y sus necesidades. As\u00ed podemos definir la mejor estructura, con elementos de navegaci\u00f3n e interacci\u00f3n, siguiendo las convenciones de la usabilidad.<br><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7327 size-large\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2019\/02\/606-Universal-Shelving-System-1024x751.jpg\" alt=\"Armario 606 Universal Dieter Rams\" width=\"1024\" height=\"751\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.El buen dise\u00f1o es est\u00e9tico<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cLa calidad est\u00e9tica de un producto es integral a su utilidad porque los productos que utilizamos todos los d\u00edas afectan a nuestra persona y nuestro bienestar. Pero solo los objetos bien ejecutados pueden ser hermosos \u00ab<\/p>\n<\/blockquote>\n\n\n\n<p>En el dise\u00f1o de un sitio web, buscamos una armon\u00eda visual que resulte agradable a la vista y no confunda al usuario. Utilizamos la paleta de colores corporativa, teniendo en cuenta la <a href=\"https:\/\/www.conectasoftware.com\/magazine\/diseno-web\/la-importancia-la-bauhaus-diseno-web\">teor\u00eda de colores<\/a>, para aportar significado y comunicarnos con los usuarios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4.El buen dise\u00f1o hace a un producto comprensible<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cAclara la estructura del producto. Mejor a\u00fan, puede hacer hablar al producto. En el mejor de los casos, se explica por s\u00ed mismo \u00ab<\/p>\n<\/blockquote>\n\n\n\n<p>En el articulo sobre los <a href=\"https:\/\/www.conectasoftware.com\/magazine\/diseno-web\/la-importancia-la-bauhaus-diseno-web\">principios de la Bauhaus<\/a> aplicadas al dise\u00f1o web, hablamos sobre la importancia de las formas y los colores para explicar la funci\u00f3n de un elemento. As\u00ed, utilizamos rect\u00e1ngulos verdes para enviar formularios, o pulsamos sobre un triangulo para iniciar un video o una presentaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5.El buen dise\u00f1o es discreto: Todo producto y su dise\u00f1o debe de ser neutro y sobrio.<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cLos productos que cumplen un prop\u00f3sito son como herramientas. No son objetos decorativos ni obras de arte. Por lo tanto, su dise\u00f1o debe ser neutral y restringido, para dejar espacio para la autoexpresi\u00f3n del usuario \u00ab<\/p>\n<\/blockquote>\n\n\n\n<p>\u201cNo me hagas pensar\u201d, el lema de la usabilidad, es clave para eliminar todos los obst\u00e1culos que un usuario puede encontrar mientras utiliza nuestro ecommerce. No a\u00f1adamos elementos decorativos sin significado con el finde \u201cllenar la p\u00e1gina\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6.El buen dise\u00f1o es honesto<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cNo hace que un producto sea m\u00e1s innovador, poderoso o valioso de lo que realmente es. No intenta manipular al consumidor con promesas que no se pueden cumplir \u00ab<\/p>\n<\/blockquote>\n\n\n\n<p>Por un lado, debemos ayudar a los usuarios de la web a tomar ciertas decisiones, con el fin de alcanzar los objetivos definidos de cada p\u00e1gina. Por otro, es recomendable evitar la manipulaci\u00f3n, como por ejemplo el tipo de contenido \u201cclick-bait\u201d. Otro ejemplo son cookies que ayudan a manipular los precios que se muestran a usuarios recurrentes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7.El buen dise\u00f1o tiene una larga vida<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cEvita estar a la moda y por lo tanto nunca aparece anticuado. A diferencia del dise\u00f1o de moda, dura muchos a\u00f1os, incluso en la sociedad de hoy en d\u00eda \u00ab<\/p>\n<\/blockquote>\n\n\n\n<p>Queremos un dise\u00f1o moderno, que no parezca anticuado. Para ello, como dise\u00f1adores debemos estar al d\u00eda con las tendencias, pero sobre todo debemos estudiar los principios en los que se basan esas tendencias. As\u00ed podemos recomendar a nuestros clientes dise\u00f1os web que no pasan de moda, ya que los principios de usabilidad y experiencia del usuario siguen siendo los mismos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8.El buen dise\u00f1o es consecuente en sus detalles<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cNada debe ser arbitrario o dejado al azar. El cuidado y la precisi\u00f3n en el proceso de dise\u00f1o muestran respeto hacia el usuario \u00ab<\/p>\n<\/blockquote>\n\n\n\n<p>Cada elemento en una p\u00e1gina web debe tener una funci\u00f3n. La decoraci\u00f3n es un capricho, no una funci\u00f3n. Esto tambi\u00e9n significa resolver errores de dise\u00f1o en vez de esconderlos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9.El buen dise\u00f1o respeta el medio ambiente<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cEl dise\u00f1o hace una importante contribuci\u00f3n a la preservaci\u00f3n del medio ambiente. Conserva los recursos y minimiza la contaminaci\u00f3n f\u00edsica y visual a lo largo del ciclo de vida del producto\u00bb<\/p>\n<\/blockquote>\n\n\n\n<p>En este caso volvemos al dise\u00f1o responsive y los <a href=\"https:\/\/www.conectasoftware.com\/magazine\/diseno-web\/mobile-first-principios-basicos-de-diseno-web\">principios del mobile first<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">10.El buen dise\u00f1o es dise\u00f1o en su m\u00ednima expresi\u00f3n<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cMenos, pero mejor, porque se concentra en los aspectos esenciales y los productos no est\u00e1n cargados de elementos no esenciales\u201d<\/p>\n<\/blockquote>\n\n\n\n<p>El <a href=\"https:\/\/www.conectasoftware.com\/magazine\/diseno-web\/diseno-web-minimalista-tendencia\">dise\u00f1o minimalista<\/a> requiere mucho trabajo. La clave para lograr la simplicidad es atenerse a los fundamentos del dise\u00f1o y eliminar todo lo que no contribuye a la experiencia de usuario.<br>Una de las preguntas que tenemos que hacernos en cada fase del dise\u00f1o es, \u00bfEs este elemento necesario o solo est\u00e1 llenando espacio?<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>La indiferencia hacia las personas y la realidad en la que viven es en realidad el \u00fanico y fundamental pecado en el dise\u00f1o &#8211; <\/p>\n<cite>Dieter Rams<\/cite><\/blockquote>\n\n\n\n<p><div class=\"wpb_content_element \"><div id=\"ut_sb_5f64be1eb9544\" class=\" clearfix clearfix\"><br><div class=\"ut-info\"><\/div><\/div><br><\/div><\/p>\n\n\n\n<p><div class=\"wpb_text_column wpb_content_element \"><div class=\"wpb_wrapper\"><div class=\"wpb_content_element \"><div id=\"ut_sb_5f64be1eb9366\" class=\" clearfix clearfix\"><div class=\"ut-info\"><div class=\"wpb_text_column wpb_content_element \"><br><div class=\"wpb_wrapper\"><\/div><\/div><\/div><br><\/div><br><\/div><br><\/div><br><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dieter Rams es uno de los dise\u00f1adores industriales m\u00e1s importantes de los \u00faltimos 50 a\u00f1os. Su impacto en la industria del dise\u00f1o es fundamental para el concepto general de dise\u00f1o de productos tal como lo conocemos hoy.Rams un dise\u00f1ador industrial alem\u00e1n conocido sobre todo por su trabajo con Braun y la escuela funcionalista de dise\u00f1o [&hellip;]<\/p>\n","protected":false},"author":318,"featured_media":7330,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[23],"tags":[],"class_list":{"0":"post-7321","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-diseno-web"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/7321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/comments?post=7321"}],"version-history":[{"count":5,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/7321\/revisions"}],"predecessor-version":[{"id":40031,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/7321\/revisions\/40031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/7330"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=7321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/categories?post=7321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/tags?post=7321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}