Great Ideas
Pantallas de Galería Digital
Año
2025
Cliente
Dr. Benjamin Benus
Tipo de proyecto
Diseño UX/UI
PRUEBA EL PROTOTIPO
Contexto
Great Ideas of Humanity (Grandes Ideas de la Humanidad) es una exhibición en curso del Instituto de Arte de Chicago.
Reimagina la icónica campaña publicitaria de la década de 1950 "Great Ideas of Western Man" (Grandes Ideas del Hombre Occidental) de la Container Corporation of America, traduciendo citas y filosofías atemporales en impactantes declaraciones visuales de diseñadores modernos a través de carteles.
El problema
La exhibición Great Ideas of Humanity estuvo de visita en Loyola Nueva Orleans en el otoño de 2025 por un tiempo limitado.
Sin embargo, las etiquetas de impresión tradicionales no fomentan un mayor interés en el diseñador o en el autor de la cita. Sin mencionar la ilegibilidad de algunas de las citas en los carteles y el hacinamiento, lo que compromete la accesibilidad y la experiencia general de la exhibición.
La oportunidad
Esto presenta la oportunidad de curar la gran cantidad de obras (junto con su respectiva información) y compilarlas en un solo recurso digital y accesible.
Proceso de diseño
Para generar múltiples conceptos rápidamente, mis compañeros de clase y yo desarrollamos iteraciones individuales —explorando diferentes ideas, características y el lenguaje visual y la estructura generales de la experiencia— y las perfeccionamos en tres rondas.
Queríamos lograr una progresión natural y animar a los usuarios a aprender más sobre los afiches sin sentir que se les estaba obligando a hacerlo.
Las siguientes pantallas son mis iteraciones individuales:
Pruebas de usuario
& retroalimentación
Organizamos un taller de pruebas de usabilidad, en el que pedimos a nuestros compañeros de diseño gráfico sénior que probaran todos nuestros prototipos. Para reducirlos a los tres mejores diseños, les pedimos que votaran por las pantallas que más les atraían.
Aplicación de la Biblioteca Pública de Nueva Orleans
Algunos de sus comentarios generales incluyeron:
1
Mantener el texto alineado a la izquierda para mayor consistencia y un aspecto profesional
2
Aumentando el tamaño del texto para hacerlo más legible
Reunión con el cliente
Después del taller, nuestra clase presentó las tres pantallas a nuestro cliente, el Dr. Benjamin Benus, profesor de Historia del Arte y Diseño. En general, los comentarios que mencionó incluyeron:
1
Simplificando aún más el diseño al evitar el desorden visual
2
Incluye flechas para cambiar rápidamente entre pósteres en la página de información del póster sin necesidad de volver a la pantalla de inicio
3
Un botón de “Pedir libro prestado” que dirija a una base de datos de la biblioteca con un lenguaje de experiencia de usuario (UX) claro, manteniendo la coherencia visual con el resto de la experiencia
Giro
Tras los minuciosos comentarios y la revisión, decidimos estandarizar una pantalla final para crear una plantilla para TODOS los pósteres, y enfocarnos en simplificar el diseño con énfasis en hacer que las citas fueran más prominentes y mantener la coherencia con la marca Great Ideas dentro del diseño.
Para agilizar el proceso, sugerí a mis compañeros de clase implementar variables de componentes en Figma dentro de la plantilla, de modo que todos pudiéramos cambiar la información de forma rápida y sencilla en el software.
Visión general de las funciones
Producto Final
Para reiniciar el prototipo, por favor presione la tecla "R" en su teclado.
Reflexión
En general, las Pantallas de Great Ideas Ideas mejoraron eficazmente la legibilidad, la navegación y el compromiso con la exhibición. Este proyecto reforzó la importancia de diseñar para contextos del mundo real, donde los usuarios dividen su atención entre experiencias físicas y digitales.
También fortaleció mi capacidad para iterar basándome en los comentarios y pensar en sistemas escalables. Al introducir variables de componentes en Figma, ayudó a optimizar nuestro flujo de trabajo y a mantener la consistencia en un gran conjunto de pantallas.
De cara al futuro, me enfocaría en mejorar la claridad de las interacciones, incorporar pasos de bienvenida sutiles o microinteracciones, y realizar pruebas con una audiencia más amplia. En definitiva, este proyecto profundizó mi comprensión de cómo el diseño UX reflexivo puede extender las exhibiciones físicas hacia experiencias digitales más accesibles y atractivas.
¿Qué No Funcionó?
Algunos usuarios dudaron al interactuar con las acciones secundarias, lo que indica la necesidad de pistas visuales mu00e1s su00f3lidas y elementos de acciu00f3n mu00e1s claros.
Si bien la jerarquu00eda destacu00f3 la cita de manera exitosa, a veces se pasu00f3 por alto el contenido mu00e1s profundo, como la informaciu00f3n del diseu00f1ador, lo que sugiere una oportunidad para equilibrar mejor el minimalismo con la descubribilidad.
Último proyecto
