{"id":147,"date":"2010-07-21T10:54:35","date_gmt":"2010-07-21T08:54:35","guid":{"rendered":"http:\/\/webposible.com\/xposible\/?p=147"},"modified":"2011-03-02T11:49:42","modified_gmt":"2011-03-02T09:49:42","slug":"arquitectura-scharoun-prototipos-y-el-anti-lorem-ipsum","status":"publish","type":"post","link":"http:\/\/webposible.com\/xposible\/2010\/arquitectura-scharoun-prototipos-y-el-anti-lorem-ipsum\/","title":{"rendered":"Arquitectura, Scharoun, prototipos y el anti-lorem ipsum"},"content":{"rendered":"<p>Cansado un poco del desarrollo web &#8211; o m\u00e1s bien de mi trabajo &#8211; cada vez m\u00e1s, empiezo a buscar ese tipo de est\u00edmulos con los que tanto he disfrutado y aprendido, en otros campos. Y \u00faltimamente, encuentro interesante e instructiva la arquitectura. Pero siempre se pueden encontrar analog\u00edas con nuestra curiosa profesi\u00f3n, entre materias aparentemente lejanas. Aqu\u00ed va un ejemplo.<br \/>\n<span xml:lang=\"de\">Hans Scharoun<\/span> fue un arquitecto alem\u00e1n que le toc\u00f3 vivir una \u00e9poca complicada. Un par de guerras mundiales, el Nacionalsocialismo, y el ir contracorriente, no se lo pusieron nada f\u00e1cil.<br \/>\nNo pretendo hacer una rese\u00f1a biogr\u00e1fica, ni tampoco un an\u00e1lisis de sus obras. Tan s\u00f3lo mencionar uno de sus trabajos y una an\u00e9cdota bastar\u00e1n para mi prop\u00f3sito.<br \/>\nComencemos por la an\u00e9cdota, en la que ante la pregunta de un estudiante sobre la fachada de la <a title=\"Informaci\u00f3n sobre la Filarm\u00f3nica de Berl\u00edn en la Wikipedia\" href=\"http:\/\/es.wikipedia.org\/wiki\/Orquesta_Filarm\u00f3nica_de_Berl\u00edn\">Filarm\u00f3nica de Berl\u00edn<\/a> &#8211; probablemente su obra m\u00e1s representativa &#8211; respondi\u00f3: <q>\u00bfpero es que tiene una?<\/q>. Encaja claramente con el lema de <span xml:lang=\"de\">Scharoun<\/span> <em>Funcionalidad y no apariencia<\/em>. Si vemos algunas fotos del interior del edificio, podemos apreciar c\u00f3mo la orquesta est\u00e1 rodeada por el p\u00fablico. Quiz\u00e1s una de las formas m\u00e1s naturales de escuchar m\u00fasica, rodear a los int\u00e9rpretes. Y as\u00ed es como se plante\u00f3 su dise\u00f1o: desde dentro hacia fuera. Primero situamos el escenario y lo rodeamos con las butacas para el p\u00fablico. Despu\u00e9s todo lo dem\u00e1s.<\/p>\n<p>Curiosamente &#8211; bueno, en realidad no tanto &#8211; un art\u00edculo recomendado en <span xml:lang=\"en\">Twitter<\/span>, me hizo recordar la obra y las ideas sobre el dise\u00f1o aplicado a la arquitectura de <span xml:lang=\"de\">Scharoun<\/span>. El art\u00edculo en cuesti\u00f3n es <a xml:lang=\"en\" hreflang=\"en\" href=\"http:\/\/designshack.co.uk\/articles\/business-articles\/the-importance-of-copywriting-in-web-design\">The Importance of Copywriting in Web Design<\/a>. Ahi se opinaba y argumentaba, que para comenzar el dise\u00f1o de un sitio web, hab\u00eda que comenzar por los contenidos, e incluso recomenzaba usar un editor de texto plano al principio. Un punto de partida, bastante respetable, ven\u00eda de unas palabras de <span xml:lang=\"en\">Jeffrey Zeldman<\/span>:<\/p>\n<blockquote cite=\"http:\/\/www.zeldman.com\/2008\/05\/06\/content-precedes-design\/\"><p>Content precedes design. Design in the absence of content is not design, it\u2019s decoration.<\/p><\/blockquote>\n<p><cite>Jeffrey Zeldman: Content precedes design<\/cite><br \/>\nLo cierto es que una idea as\u00ed probablemente entra en conflicto con una metodolog\u00eda muy extendida en el dise\u00f1o web: el uso de prototipos estructurales en las fases iniciales. Y sobre todo con m\u00e1s motivo, al uso de textos e im\u00e1genes gen\u00e9ricos para rellenar con contenido de <em>usar y tirar<\/em> esos prototipos iniciales (el famoso <span xml:lang=\"lt\">lorem ipsum<\/span> y tal vez fotos de gatitos).<br \/>\nPersonalmente, me resulta poco \u00fatil, sin duda la segunda opci\u00f3n. Cansado, tal vez, de recibir <em>maravillosos<\/em> <span xml:lang=\"en\">power points<\/span> con tablas, datos, opciones de men\u00fa, estructuras y textos, que al trasladarse la maqueta al mundo real (<abbr title=\"Trade Mark\" xml:lang=\"en\">TM<\/abbr>), e intentar aplicar un poco el sentido com\u00fan -algo que como sabemos todos, no siempre abunda &#8211; uno se da cuenta de que los fundamentos del dise\u00f1o no eran nada s\u00f3lidos. A\u00fan as\u00ed, se sigue adelante.<br \/>\nVale, he comenzado hablando de <strong>funcionalidad<\/strong> como argumento principal en la arquitectura de <span xml:lang=\"de\">Scharoun<\/span>, y en el caso del dise\u00f1o web se trataba del <strong>contenido<\/strong>. Es m\u00e1s, probablemente la an\u00e9cdota de la fachada de la Filarm\u00f3nica de Berl\u00edn es una peque\u00f1a trampa dial\u00e9ctica. Doy por supuesto que la est\u00e9tica exterior del edificio le importaba, aunque tal vez no tanto como el interior. En el caso del dise\u00f1o web, sabemos que la est\u00e9tica de la interfaz tiene una importancia muy alta.<\/p>\n<p>Pero, probablemente en ocasiones sea un error comenzar directamente con el dise\u00f1o est\u00e9tico y estructural de un sitio web sin tener en cuenta su contenido. El uso de textos, im\u00e1genes y opciones gen\u00e9ricas nos pueden inducir a una distribuci\u00f3n y aspecto visual diferente  si  se utilizasen contenidos reales.<br \/>\nAl final la moraleja que deber\u00edamos recordar cuando hablamos del dise\u00f1o web es la de siempre: <strong>di\u00e1logo<\/strong><\/p>\n<ul>\n<li>Entre los problemas y las soluciones.<\/li>\n<li>Entre los usuarios y los desarrolladores.<\/li>\n<li>Entre las necesidades de negocio, los requisitos t\u00e9cnicos y de desarrollo.<\/li>\n<li>Entre lo que alg\u00fan iluminado quiere, y las obligaciones legales, y sobre todo morales, de la accesibilidad.<\/li>\n<\/ul>\n<p>Resumiendo: Una evoluci\u00f3n iterativa entre contenido, estructura, presentaci\u00f3n y comportamiento. Que tenga en cuenta a los actores de, en ocasiones, una absurda comedia.<\/p>\n<p>Y por supuesto, ques e visualice correctamente en el <span xml:lang=\"en\">iPhone<\/span> y el <span xml:lang=\"en\">iPad<\/span> \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cansado un poco del desarrollo web &#8211; o m\u00e1s bien de mi trabajo &#8211; cada vez m\u00e1s, empiezo a buscar ese tipo de est\u00edmulos con los que tanto he disfrutado y aprendido, en otros campos. Y \u00faltimamente, encuentro interesante e instructiva la arquitectura. Pero siempre se pueden encontrar analog\u00edas con nuestra curiosa profesi\u00f3n, entre materias [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[47],"tags":[],"_links":{"self":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/147"}],"collection":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":5,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/147\/revisions"}],"predecessor-version":[{"id":199,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/147\/revisions\/199"}],"wp:attachment":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/media?parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/categories?post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/tags?post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}