Resumen
Mi realización de un sitio web para la exposición inmersiva «Dalí Cibernética» despierta la curiosidad a través de elementos interactivos que revelan simultáneamente más información sobre la exposición. El usuario se mueve lúdicamente por las distintas áreas de contenido y puede hacerse una idea del carácter y el contenido de la exposición.
Introducción
Referentes
La estructura organizada del sitio facilita el acceso a la información buscada desde cualquier lugar. Además, el sitio no sólo ofrece información para futuros visitantes, sino que también presenta partes de la información de la exposición para aquellos que simplemente quieran saber más sobre la casa y Dalí. También permite acceder a información detallada sobre el tema a quienes no puedan visitar la casa. He querido adaptar este enfoque integrador y libre al diseño de la información de mi proyecto. La información sobre accesibilidad está bien situada. El sencillo concepto cromático tiene un efecto muy simple pero radiante y despierta interés.
La introducción a la web oficial de la exposición con un vídeo de impresiones sobre la muestra cautiva inmediatamente al visitante, pero por desgracia no hay otros elementos interesantes y pocos más. Esto me inspiró a diseñar un sitio web más Òsignificativo para la exposición que hiciera justicia a la experiencia in situ. Sin embargo, el aspecto de los contenidos en movimiento, como vídeos o animaciones, me parece apasionante y me gustaría adaptarlo a mi realización.
El sitio web oficial de la fundación gala, que gestiona su legado, atrae con sus numerosas imágenes y efectos de desplazamiento. El sitio parece muy interactivo y despierta la curiosidad por saber más. También me gusta la disposición en forma de collage de las imágenes en subpáginas como la de actualidad, ya que lo rompe todo un poco. Sin embargo, las subpáginas individuales de las fichas no encajan con el resto del sitio web. La imagen de conjunto es muy importante para mí en el diseño.
Análysis
Realicé mi implementación del sitio web con la herramienta de creación de prototipos Figma, que permite diseñar cualquier interacción, animación y elemento interactivo. Con la ayuda de numerosos componentes, pude integrar fácilmente animaciones anidadas en el prototipo. Lamentablemente, Figma no admite el activador de desplazamiento, pero pude conseguir un efecto similar con algunas soluciones. En mi prototipo final, el usuario tiene que desplazarse activamente por el sitio web haciendo scroll, hover o clic. Al principio del proyecto visité todos los sitios web existentes relacionados con las exposiciones in situ, así como el sitio web oficial de la exposición, y recopilé toda la información y el material gráfico. Al principio me ceñí bastante al diseño de la web oficial, pero lo fui adaptando al concepto de diseño de la exposición real durante el proceso. Así que también utilicé una fuente monoespaciada amarilla sobre fondo azul. También probé los valores cromáticos de contraste para mantenerlo sin barreras. Sólo ocasionalmente cambié la tipografía para aumentar el contraste, que se adapta estilísticamente a una de las fuentes del logotipo de la exposición. Diseñé los elementos decorativos en blanco para que hicieran juego con las letras en negrita del logotipo.
En cuanto al contenido, para mí era importante transmitir a primera vista de qué trata la exposición, sobre Dalí y una nueva perspectiva de sus obras a través de la ciencia en la que participó. Al mismo tiempo, quería captar la atención de inmediato, por eso coloqué los ojos reaccionando al ratón en la parte superior en combinación con una cita y una foto de Dalí. La siguiente cita anima al espectador a desplazarse hacia abajo con una pequeña animación. Aquí puede interactuar lúdicamente con tres de los motivos más famosos de las obras de Dalí y recibir información inicial basada en el contenido de la exposición. Por último, se muestran algunas impresiones fotográficas de las exposiciones que tienen lugar en un deslizador interactivo que anima al visitante a ver más información sobre la exposición en otra subpágina.
En la página de información adicional, el usuario recibe información sobre la duración de la visita y la accesibilidad, para lo cual puede abrir otra subpágina. Para mí era importante colocar este salto de forma muy destacada en la parte superior, por ejemplo para garantizar que las personas afectadas puedan encontrar la información lo más rápidamente posible cuando utilicen la navegación por teclado o un lector de pantalla. En el resto de la página, las partes de la exposición, como la sala de proyecciones, la experiencia de RV y la sección ilustrativa del museo, incluida la sala creativa, se explican de forma lúdica mediante animaciones de desplazamiento. Mucho movimiento en la web para mantener viva la curiosidad del usuario y transmitir al mismo tiempo el carácter interactivo de la exposición. En conjunto, ver e interactuar con el sitio web es una experiencia lúdica.
Bocetos
Conclusiones
Mi realización confiere al sitio web de la exposición un carácter adecuadamente lúdico e interactivo. La accesibilidad está bien integrada con colores coordinados y una ubicación destacada. El contenido se ha recopilado de los distintos sitios web existentes, pero por desgracia es muy escaso, ya que mucho depende de los propios lugares y, aparte de eso, el sitio web oficial casi no ofrece información sobre accesibilidad. En una aplicación ideal, esta información se enriquecería. En los dispositivos móviles, la mayoría de las animaciones funcionarían bien por desplazamiento. Por desgracia, el efecto técnico de Figma se basa en el hovering, por lo que no he podido crear un prototipo del efecto de desplazamiento para dispositivos móviles. Sin embargo, el sitio web funcionaría de forma similar, sólo que los efectos hover se activarían al hacer clic. En definitiva, he utilizado casi todas las posibilidades de Figma para crear un sitio web muy interactivo.