{"id":1830,"date":"2012-05-31T10:31:43","date_gmt":"2012-05-31T10:31:43","guid":{"rendered":"https:\/\/www.lamagnetica.com\/la-nueva-web-del-walker-art-center-en-museumnext\/"},"modified":"2023-01-24T09:19:49","modified_gmt":"2023-01-24T09:19:49","slug":"la-nueva-web-del-walker-art-center-en-museumnext","status":"publish","type":"post","link":"https:\/\/www.lamagnetica.com\/es\/blog\/la-nueva-web-del-walker-art-center-en-museumnext\/","title":{"rendered":"La nueva web del Walker Art Center en MuseumNext"},"content":{"rendered":"<p>Una de las conferencias que m\u00e1s disfrutamos en <a title=\"Museum Next Barcelona\" href=\"http:\/\/www.museumnext.org\/\" target=\"_blank\" rel=\"noopener\">MuseumNext<\/a> fue la presentaci\u00f3n de la nueva web del<strong> <a title=\"Walkert Art Center nueva web\" href=\"http:\/\/www.walkerart.org\" target=\"_blank\" rel=\"noopener\">Walker Art Center<\/a>.<\/strong><\/p>\n<p><!--more--><\/p>\n<p>Ya la conoc\u00edamos porque gan\u00f3 el premio a la mejor web en Museum and the Web y el de la categor\u00eda Innovaci\u00f3n \/ Experimental, pero la conferencia y la charla posterior con los directores del proyecto, <strong>Robin Dowden<\/strong> -directora de New Media-, y <strong><a title=\"Nate Solas\" href=\"https:\/\/twitter.com\/#!\/homebrewer\" target=\"_blank\" rel=\"noopener\">Nate Solas<\/a><\/strong> -senior Media developer-, nos revelaron las ventajas del nuevo dise\u00f1o y todos los retos que supuso trabajar con este nuevo concepto web.<\/p>\n<p>El cambio de web responde no solo a un cambio t\u00e9cnico y de dise\u00f1o, es adem\u00e1s un <strong>cambio de concepto<\/strong>: el <strong>museo<\/strong> <strong>como nodo<\/strong> y como <strong>curator<\/strong> de contenidos online.<\/p>\n<p>Ellos describen el proyecto as\u00ed:<\/p>\n<p><em>an <strong>online hub for ideas<\/strong> about contemporary art and culture both inside the Walker and\u00a0beyond. The intent of the new site is to make visible our role as a <strong>generative producer<\/strong> and <strong>purveyor of content<\/strong> and broadcast our voice in the landscape of contemporary culture. Resembling an <strong>online art magazine\/newspaper<\/strong> in its design and format, this new site provides a multifaceted publishing platform\u2014unique among museums worldwide.<\/em><\/p>\n<p>Las claves de este nuevo concepto son las del <strong>content marketing<\/strong>: contar una historia d\u00e1ndole un contexto y trabajar contenidos que aporten valor, manteniendo al museo como elemento central (modelo nodo).<\/p>\n<p><strong>\u00bfEn qu\u00e9 se traduce esto?<\/strong><\/p>\n<ul>\n<li>\u00a0Ofrecer contenido diferente seg\u00fan el tipo de visitante y contenido nuevo en cada visita.<\/li>\n<li>Curaci\u00f3n de contenidos, como ejemplo su secci\u00f3n \u201c<strong><a title=\"Walkert Art Center nueva web\" href=\"http:\/\/www.walkerart.org\/magazine\/type\/art-news-from-elsewhere\" target=\"_blank\" rel=\"noopener\">Art News from Elsewhere<\/a><\/strong>\u201d. <strong>Solas<\/strong> apunt\u00f3 una idea interesante en torno a este concepto: <em>curating the web give us authority online<\/em>.<\/li>\n<li>Los contenidos creados por el museo conviven con contenidos del resto de Internet seleccionados por los editores de la web y actualizados con mucha frecuencia.<\/li>\n<li>La web no es sobre el museo, <strong>es el museo en su forma digital<\/strong><\/li>\n<\/ul>\n<p><strong>Las claves del dise\u00f1o son<\/strong> riesgo!, flexibilidad y diversi\u00f3n. Experimentan con nuevas tipograf\u00edas (como <strong><span style=\"text-decoration: underline;\"><a href=\"http:\/\/www.colophon-foundry.org\/fonts\/apercu\/medium\" target=\"_blank\" rel=\"noopener\">Aper\u00e7u<\/a><\/span><\/strong>\u00a0en la mayor\u00eda del site). Trabajaron con un proceso de dise\u00f1o similar al del <strong>dise\u00f1o iterativo<\/strong>, con prueba y error, y aceptando que algunos elementos de dise\u00f1o solo se aprecien en Safari y Chrome.<\/p>\n<p>El dise\u00f1o es <strong>flexible<\/strong>, pero para ello han tenido que a\u00f1adir limitaciones a la subida de contenidos, como en el caso de los extractos de los art\u00edculos generados:<\/p>\n<a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/ejemplo_blog_walker_art_center-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2886\" title=\"Ejemplo del Blog de Walker Art Center\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/ejemplo_blog_walker_art_center-1.jpg\" alt=\"Ejemplo Blog Walker Art Center\" width=\"482\" height=\"362\" \/><\/a>\n<p>En su <strong><a title=\"Blog Walkert Art Center\" href=\"http:\/\/blogs.walkerart.org\/newmedia\/category\/graphic-design\/\" target=\"_blank\" rel=\"noopener\">blog<\/a><\/strong>\u00a0 explican que calculan la longitud del t\u00edtulo, y a partir de ah\u00ed estiman las l\u00edneas necesarias para a\u00f1adir el extracto del art\u00edculo, y as\u00ed consiguen que la pieza encaje con la altura de los art\u00edculos cercanos.<\/p>\n<p>En la web tambi\u00e9n hay lugar para la <strong>diversi\u00f3n<\/strong>, \u00a0Solas explic\u00f3 que algunos elementos extra\u00f1os pueden ocupar tu pantalla si entras en exposiciones concretas, y que al visitar la secci\u00f3n <a title=\"Fiestas y Eventos Walker Art Center\" href=\"http:\/\/www.walkerart.org\/calendar\/type\/parties-and-special-events\" target=\"_blank\" rel=\"noopener\">Fiestas y Eventos<\/a> especiales te recibe una lluvia de confetti<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/fiestas_walker_art_center-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2887\" title=\"P\u00e1gina Web de Fiestas y eventos del Walker Art Center\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/fiestas_walker_art_center-1.png\" alt=\"P\u00e1gina Web de Fiestas y eventos del Walker Art Center\" width=\"475\" height=\"197\" \/><\/a><\/p>\n<p>Estos elementos divertidos, p\u00e1ginas de error con im\u00e1genes de obras arte, mostrar el tiempo de Mineapolis, o una cita cerrando la home, no son solo elementos gr\u00e1ficos originales, consiguen transmitir <strong>personalidad al proyecto<\/strong>. Una personalidad que tambi\u00e9n se reflej\u00f3 en su presentaci\u00f3n en<strong> MuseumNext<\/strong>.<\/p>\n<p>La combinaci\u00f3n de elementos \u2013revista de arte, selecci\u00f3n de contenidos de otras webs, museo- y su frecuencia de actualizaci\u00f3n, hacen de <strong>la visita a la web una experiencia en s\u00ed misma que vale la pena repetir a menudo<\/strong>, aunque no se est\u00e9 planeando una visita al Walker.<\/p>\n<h2><strong>Dos datos de la anal\u00edtica web certifican el \u00e9xito de este enfoque<\/strong><\/h2>\n<ul>\n<li>Con la nueva web se han duplicado el n\u00famero de visitas que vuelven a la web antes de dos semanas<\/li>\n<li>En la web anterior, el 45% de las visitas web estaban asociadas a la preparaci\u00f3n de la visita al museo, y las visitas que navegaban en la web sin finalidad espec\u00edfica (browse casually) eran del orden del 10%. Despu\u00e9s del cambio de web y el consiguiente aumento de tr\u00e1fico, las visitas web para preparar el desplazamiento al museo suponen el 30% del total, y las visitas que llegan \u2013a menudo desde Google- a navegar por la web suben hasta el 30%.<\/li>\n<\/ul>\n<p>Una vez lanzado el proyecto han seguido depurando algunos aspectos, entre ellos el <strong><a href=\"https:\/\/www.lamagnetica.com\/es\/blog\/la-importancia-de-la-velocidad-de-carga-de-tu-web\/\">tiempo de carga<\/a>. <\/strong>En su blog dan algunos ejemplos acerca de c\u00f3mo lo han hecho, por ejemplo, para optimizar las im\u00e1genes han usado <a href=\"http:\/\/freecode.com\/projects\/jpegoptim\" target=\"_blank\" rel=\"noopener\"><strong>jpegoptim<\/strong><\/a> y <a href=\"http:\/\/optipng.sourceforge.net\/\" target=\"_blank\" rel=\"noopener\"><strong>optipng<\/strong><\/a>.<\/p>\n<p>En este momento la web obtiene un <strong>95\/100<\/strong>, un resultado que se ve pocas veces, en <strong>Google Page Speed<\/strong>; pero s\u00f3lo un 77\/100 en <strong>Yslow<\/strong>.<\/p>\n<a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/velocidad_carga_home_walker_art_center_con_yslow1-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2892\" title=\"Velocidad de carga de la Home de Walker Art Centre con Yslow\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/velocidad_carga_home_walker_art_center_con_yslow1-1.png\" alt=\"Velocidad de carga de la Home de Walker Art Centre con Yslow\" width=\"460\" height=\"42\" \/><\/a>\n<p>Hemos hecho algunas <strong>pruebas de carga desde Europa y desde EE.UU<\/strong>. y el tiempo de carga de la home en la primera visita a la web es de alrededor de <strong>12\u201d en Europa<\/strong> y <strong>10 en EE.UU<\/strong>. Hay que tener en cuenta que la home tiene muchos elementos y bastantes im\u00e1genes.<\/p>\n<p>Donde m\u00e1s se nota el trabajo de <a href=\"https:\/\/www.lamagnetica.com\/es\/blog\/la-importancia-de-la-velocidad-de-carga-de-tu-web\/\">optimizaci\u00f3n de velocidad de carga (WPO)<\/a> es en las <strong>visitas sucesivas<\/strong>, all\u00ed es donde el usuario saca provecho de la configuraci\u00f3n de los cache de los distintos elementos. <strong>Los tiempos bajan a 4&#8243; en Europa y 1,8 en EE.UU<\/strong>. As\u00ed como los tiempos de la primera visita no son buenos, los de las visitas sucesivas son excelentes, especialmente desde EE.UU. Todos los tiempos que ofrecemos son el promedio de 10 medidas.<\/p>\n<p>En la siguiente imagen vemos el detalle de una de las medidas, en este caso desde Chicago. Puede observarse la disminuci\u00f3n de elementos que hay que cargar en la segunda visita:<\/p>\n<a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/velocidad_carga_visitas_sucesivas-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2889\" title=\"Velocidad de carga de las visitas sucesivas\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/velocidad_carga_visitas_sucesivas-1.png\" alt=\"Velocidad de carga de las visitas sucesivas\" width=\"571\" height=\"441\" \/><\/a>\n<p>El gestor de contenidos de la web es un <strong>gestor open source<\/strong>, <strong>Django<\/strong> 1.3, Python. En la ficha de la web del <a href=\"http:\/\/www.museumsandtheweb.com\/mw2012\/best\/innovative_experimental\/walker_art_center#ixzz1w9KSdxcc\" target=\"_blank\" rel=\"noopener\"><strong>Walker Art Center en Museums and the Web<\/strong><\/a>\u00a0ten\u00e9is m\u00e1s detalles t\u00e9cnicos de la web.<\/p>\n<p>Como en todo proyecto web, lo importante son el <strong>concepto<\/strong> y los <strong>objetivos<\/strong>; la tecnolog\u00eda es solo una forma de llegar a ellos, de destacar nuestros contenidos y convertirlos en experiencias de valor para los visitantes a la web.<\/p>\n<p>Un cambio como \u00e9ste se ha de reflejar en las visitas a la web, tanto en su n\u00famero como en su uso de la web. Seg\u00fan Nate Solas \u00e9sta es la mejora:<\/p>\n<ul>\n<li>Un 40% m\u00e1s de visitas (en marzo de 2012 han recibido 220.000)<\/li>\n<li>Las visitas internacionales suben un 33%, y las de norteamericanos de fuera del estado de Minnesota, un 45%.<\/li>\n<li>Las visitas directas suben un 242% incluyendo la punta de visitas del lanzamiento de la nueva web, calculan que el incremento sostenido es del orden del 150%. Este aumento tiene mucho que ver con el mayor retorno de los visitantes del que hemos hablado m\u00e1s arriba.<\/li>\n<li>Un aumento del 150% en tr\u00e1fico de redes sociales y del 50% en tr\u00e1fico de webs de referencia.<\/li>\n<\/ul>\n<p>La web ha sido muy bien recibida, y en el <strong><a title=\"Blog Walkert Art Center Blog\" href=\"http:\/\/blogs.walkerart.org\/newmedia\/2011\/12\/05\/reviews-of-the-new-walker-art-center-website\/\" target=\"_blank\" rel=\"noopener\">blog del Walker<\/a><\/strong> podemos leer algunas de las cr\u00edticas y comentarios a la nueva web<\/p>\n<p><strong>Nina Simon<\/strong> se pregunta en un post al respecto de la nueva web del Walker si \u00e9ste es el futuro de todas las webs de museos, y mantiene que probablemente no, debido a la<a href=\"http:\/\/museumtwo.blogspot.com.es\/2011\/12\/digital-museums-reconsidered-exploring.html\" target=\"_blank\" rel=\"noopener\"> inversi\u00f3n en tiempo y equipo<\/a> que supone desarrollar y mantener un proyecto as\u00ed<\/p>\n<p><em><strong>Is this the future of all museum websites? Probably not.<\/strong>\u00a0The care and feeding required for a site like this is tremendous.\u00a0The Walker employs a <strong>four-person editorial team<\/strong> (<strong>one of whom is completely dedicated to the website<\/strong>), along with a <strong>five-person new media initiative group<\/strong>. That&#8217;s more people than work in my museum total -and a lot more who are dedicated to digital experiences and content than at even the largest museums around the world.<\/em><\/p>\n<p>Estamos de acuerdo de que el modelo no es exportable a todos los museos, pero lo que s\u00ed se puede exportar es el modelo de trabajo: trabajar sobre un concepto online que responda a la misi\u00f3n del museo y ser coherentes con \u00e9sta (la mencionaron numerosas veces y ocupa un lugar destacado en el pie de la web), conceptualizar el proyecto pensando en audiencias, esto es lo que lleva a tener en cuenta nuevos contenidos como el tiempo de la zona por ejemplo, repensar el museo como un nodo, y un creador y curator de contenidos.<\/p>\n<h3>Otros enlaces:<\/h3>\n<ul>\n<li><a href=\"http:\/\/web.archive.org\/web\/20100330205245\/http:\/\/www.walkerart.org\/index.wac\" target=\"_blank\" rel=\"noopener\">La web del Walkert Art antes del cambio<\/a><\/li>\n<li><a href=\"http:\/\/www.theatlantic.com\/technology\/archive\/2011\/12\/museum-as-node-what-to-love-about-the-walker-art-centers-new-website\/249495\/\" target=\"_blank\" rel=\"noopener\">Museum as Node: What to Love About the Walker Art Center&#8217;s New Website<\/a><\/li>\n<li><a style=\"font-size: small;\" href=\"http:\/\/minnov8.com\/2011\/12\/08\/walker-art-centers-awesome-new-website\/\" target=\"_blank\" rel=\"noopener\">Walker Art Center\u2019s Awesome New Website<\/a><\/li>\n<li><a title=\"El blog de Nina Simon\" href=\"http:\/\/museumtwo.blogspot.com.es\/2011\/12\/digital-museums-reconsidered-exploring.html\" target=\"_blank\" rel=\"noopener\">Nina Simon: Digital Museum Reconsidered: Exploring the Walker Art Center Website Redesign<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>La nueva web del Walker Art Center en MuseumNext<\/p>\n","protected":false},"author":1,"featured_media":2352,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-1830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/1830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/comments?post=1830"}],"version-history":[{"count":3,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/1830\/revisions"}],"predecessor-version":[{"id":3711,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/1830\/revisions\/3711"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/media\/2352"}],"wp:attachment":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/media?parent=1830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/categories?post=1830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/tags?post=1830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}