{"id":223,"date":"2023-08-25T18:49:37","date_gmt":"2023-08-25T21:49:37","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/?p=223"},"modified":"2023-08-25T18:54:18","modified_gmt":"2023-08-25T21:54:18","slug":"moco-un-clasico-moderno","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2023\/moco-un-clasico-moderno\/","title":{"rendered":"MOCO, un cl\u00e1sico moderno"},"content":{"rendered":"\n

El siguiente art\u00edculo esta destinado al an\u00e1lisis y compresi\u00f3n de la interfaz del Museo Moderno y Contempor\u00e1neo (MOCO), la cual es presentada a trav\u00e9s de una p\u00e1gina web sencilla, intuitiva e innovadora. M\u00e1s adelante revisaremos en profundidad aspectos vinculados al funcionamiento de la misma en relaci\u00f3n a la experiencia <\/strong>de lectura y uso del usuario.<\/p>\n\n\n\n

\"\"
Museo MOCO \u00c1msterdam<\/figcaption><\/figure>\n\n\n\n

MOCO es un museo con base en Barcelona y \u00c1msterdam inspirado en el arte moderno, contempor\u00e1neo y callejero. El mismo busca ofrecer una experiencia cultural a todo su p\u00fablico y en especial acercarse a las nuevas generaciones a trav\u00e9s de la muestra de artistas emergentes y de su novedosa identidad. <\/p>\n\n\n\n

La web del museo fue dise\u00f1ada por Studio Bravoure<\/em> (\u00c1msterdam) en el a\u00f1o 2o22 con el prop\u00f3sito de informar y dar a conocer todo lo que ofrece el museo (desde sus actividades hasta su identidad visual). La misma invita al p\u00fablico a vivir una primera experiencia de lo que seria MOCO proponiendo al usuario un di\u00e1logo semiformal e instruccional para su respectiva navegaci\u00f3n.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Desde la pagina principal o home<\/em> ya se puede evidenciar cierta arquitectura de la informaci\u00f3n ya que se encuentra organizada en categor\u00edas y subcategor\u00edas facilitando al usuario la localizaci\u00f3n de los diferentes tipos de datos. Se presenta una solapa predeterminada que organiza a grandes rasgos toda la interfaz (inicio, exposiciones, sobre moco, visita y contacto).<\/p>\n\n\n\n

Si bien es cierto que la interfaz propone ciertos niveles de jerarqu\u00eda, es el propio usuario el que termina de definir el recorrido seg\u00fan sus prioridades e intereses.<\/p>\n\n\n\n

TIPOGRAF\u00cdA EN USO<\/strong><\/em><\/p>\n\n\n\n

En toda la interfaz se utiliza la familia tipogr\u00e1fica Arizona<\/em> de la fundidora Dinamo en sus variables sans y serif. En el caso de Arizona Serif podemos decir que los signos poseen un eje de modulaci\u00f3n casi vertical, una serif punteada y un alto contraste entre finos y gruesos semejantes a una mezcla entre romanas modernas y antiguas. Por otro lado Arizona Sans con un trazo levemente gradual se asemeja m\u00e1s a las grotescas.<\/p>\n\n\n\n

El uso de la tipograf\u00eda en esta web resulta esencial para identificar la jerarqu\u00eda de los diferentes niveles de lectura ya que utiliza recursos como: escala, variable y color para su distinci\u00f3n. En primer lugar se encuentra la variable serif utilizada en may\u00fasculas para t\u00edtulos y subt\u00edtulos seguido por los destacados en min\u00fasculas; y en la variable sans tenemos distintas solapas en may\u00fasculas y textos inmersivos en min\u00fasculas. Esta jerarquizaci\u00f3n tipogr\u00e1fica va de la mano de una interl\u00ednea abierta en los textos y un uso activo de los blancos que aportan orden y legibilidad.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

La informaci\u00f3n se presenta estructurada de una manera cl\u00e1sica en la cual la mayor\u00eda de los textos se encuentran alineados hac\u00eda la izquierda, a excepci\u00f3n de algunos subt\u00edtulos con alineaci\u00f3n centrada. As\u00ed mismo posee una densidad de informaci\u00f3n media siendo \u00fatil y f\u00e1cil de procesar para el usuario lo cual es potenciado gracias a la buena legibilidad de la elecci\u00f3n tipogr\u00e1fica. <\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

De igual modo, la p\u00e1gina web cuenta con responsive design<\/em> lo cual permite que la interfaz se adapte a diferentes dimensiones de pantallas, mostrando el contenido de manera consistente en cada caso.<\/p>\n\n\n\n

OTROS ELEMENTOS<\/em><\/strong><\/p>\n\n\n\n

Crom\u00e1ticamente se propone una paleta acotada conformada por negro, rosa y blanco. El uso de estos colores se evidencia en diferentes proporciones a lo largo del recorrido de las diferentes pesta\u00f1as.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Por otro lado, se hace un uso muy sutil del recurso de la animaci\u00f3n (en tipograf\u00eda e im\u00e1genes) lo cual aporta dinamismo y fluidez a la hora de desplazarse por la plataforma, esto se puede observar m\u00e1s en los casos donde aparecen fotograf\u00edas.<\/p>\n\n\n\n

En general, se mantiene un lenguaje muy simple y cuidado ya que no se hace uso de \u00edconos ni de muchas miscel\u00e1neas. En el caso de estas \u00faltimas solo aparecen en casos muy puntuales como son algunos filetes, flechas e hipertextos. Por otro lado, el uso de la fotograf\u00eda en la web enriquece el entorno visual de la propuesta acompa\u00f1ando muy bien al resto de recursos ya antes mencionados.<\/p>\n\n\n\n

En conclusi\u00f3n, la web cumple con su prop\u00f3sito de comunicar de una manera muy eficaz a trav\u00e9s de un sistema de navegaci\u00f3n interactivo e intuitivo dado por desiciones claras de dise\u00f1o y haciendo un excelente uso de la econom\u00eda de los recursos.<\/p>\n\n\n\n