El siguiente artículo esta destinado al análisis y compresión de la interfaz del Museo Moderno y Contemporáneo (MOCO), la cual es presentada a través de una página web sencilla, intuitiva e innovadora. Más adelante revisaremos en profundidad aspectos vinculados al funcionamiento de la misma en relación a la experiencia de lectura y uso del usuario.
MOCO es un museo con base en Barcelona y Ámsterdam inspirado en el arte moderno, contemporáneo y callejero. El mismo busca ofrecer una experiencia cultural a todo su público y en especial acercarse a las nuevas generaciones a través de la muestra de artistas emergentes y de su novedosa identidad.
La web del museo fue diseñada por Studio Bravoure (Ámsterdam) en el año 2o22 con el propósito de informar y dar a conocer todo lo que ofrece el museo (desde sus actividades hasta su identidad visual). La misma invita al público a vivir una primera experiencia de lo que seria MOCO proponiendo al usuario un diálogo semiformal e instruccional para su respectiva navegación.
Desde la pagina principal o home ya se puede evidenciar cierta arquitectura de la información ya que se encuentra organizada en categorías y subcategorías facilitando al usuario la localización 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).
Si bien es cierto que la interfaz propone ciertos niveles de jerarquía, es el propio usuario el que termina de definir el recorrido según sus prioridades e intereses.
TIPOGRAFÍA EN USO
En toda la interfaz se utiliza la familia tipográfica Arizona 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ón 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ás a las grotescas.
El uso de la tipografía en esta web resulta esencial para identificar la jerarquía de los diferentes niveles de lectura ya que utiliza recursos como: escala, variable y color para su distinción. En primer lugar se encuentra la variable serif utilizada en mayúsculas para títulos y subtítulos seguido por los destacados en minúsculas; y en la variable sans tenemos distintas solapas en mayúsculas y textos inmersivos en minúsculas. Esta jerarquización tipográfica va de la mano de una interlínea abierta en los textos y un uso activo de los blancos que aportan orden y legibilidad.
La información se presenta estructurada de una manera clásica en la cual la mayoría de los textos se encuentran alineados hacía la izquierda, a excepción de algunos subtítulos con alineación centrada. Así mismo posee una densidad de información media siendo útil y fácil de procesar para el usuario lo cual es potenciado gracias a la buena legibilidad de la elección tipográfica.
De igual modo, la página web cuenta con responsive design lo cual permite que la interfaz se adapte a diferentes dimensiones de pantallas, mostrando el contenido de manera consistente en cada caso.
OTROS ELEMENTOS
Cromáticamente 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ñas.
Por otro lado, se hace un uso muy sutil del recurso de la animación (en tipografía e imágenes) lo cual aporta dinamismo y fluidez a la hora de desplazarse por la plataforma, esto se puede observar más en los casos donde aparecen fotografías.
En general, se mantiene un lenguaje muy simple y cuidado ya que no se hace uso de íconos ni de muchas misceláneas. En el caso de estas últimas solo aparecen en casos muy puntuales como son algunos filetes, flechas e hipertextos. Por otro lado, el uso de la fotografía en la web enriquece el entorno visual de la propuesta acompañando muy bien al resto de recursos ya antes mencionados.
En conclusión, la web cumple con su propósito de comunicar de una manera muy eficaz a través de un sistema de navegación interactivo e intuitivo dado por desiciones claras de diseño y haciendo un excelente uso de la economía de los recursos.