Explorador de ideas | Artes de la comunicación

Respuestas del BCG Henderson Institute y Schema Design.

Fondo: Idea Explorer es una nueva experiencia digital interactiva en 3-D creada en asociación con el grupo de expertos BCG Henderson Institute (BHI) y Scheme Design. Este mapa de contenido distintivo de BHI permite a los usuarios profundizar en un rico depósito de ideas e innovaciones, fomentando la exploración y las conexiones entre temas y temas para descubrir ideas una al lado de la otra, o ideas intelectualmente conectadas.

El corazón del diseño: En esencia, Idea Explorer tiene como objetivo la participación dinámica y permite a los usuarios explorar coincidencias de ideas. Cuenta con una interfaz inmersiva y autodirigida que anima a los visitantes a descubrir nuevas fuentes de inspiración y establecer conexiones significativas. Los usuarios pueden cambiar perspectivas, navegar por temas y acceder a una variedad de artículos, podcasts, videos y varios formatos desde el archivo de contenido de BHI. El diseño es intuitivo y enfatiza la facilidad de uso al tiempo que fomenta la exploración y la interacción con el contenido de formas innovadoras. A medida que se agregue contenido nuevo al sitio web de BHI, Idea Explorer continuará evolucionando para brindar una vista en tiempo real del universo de contenido de BHI y brindará nuevos conocimientos con cada visita.

Detalles favoritos: La oportunidad de crear una experiencia innovadora e inmersiva que fomente el descubrimiento, la comprensión y un significado más profundo que esté alineado con la visión de futuro de BHI. Además, en el momento en que revelamos el mapa de la red a BHI, el entusiasmo del equipo al ver su contenido mapeado en una imagen de envío de datos que muestra todo el universo de su trabajo en una imagen visual.

El equipo de BHI decidió lanzar Idea Explorer el 30 de abril, cumpleaños del fundador de BCG, Bruce Henderson, que da nombre al Instituto, para honrar su legado y su amor por las nuevas ideas y la innovación con esta experiencia de usuario con visión de futuro.

Desafíos: Diseño de interacciones móviles fáciles de usar para el complejo mapa de red. El espacio limitado en la pantalla de los dispositivos móviles significaba que teníamos que ser innovadores con nuestras soluciones de interfaz de usuario para garantizar que la plataforma siguiera siendo accesible y fácil de navegar entre plataformas.

También se ha realizado una gran cantidad de etiquetado y categorización de cada contenido en el archivo de BHI para garantizar que los datos que fluyen hacia el Explorador de ideas estén etiquetados adecuadamente para mostrar temas, temas y conexiones relevantes.

Estructura de navegación: La navegación de Idea Explorer se centra en un mapa de red tridimensional, con nodos principales que simbolizan los principales temas de contenido de BHI: estrategia, sociedad y planeta, organización, tecnología y economía. Estos nodos están vinculados a nodos de subtemas, que, a su vez, se vinculan a nodos de borde correspondientes a piezas de contenido individuales, como artículos, videos o podcasts. El mapa organiza la estructura del contenido y también sirve como herramienta de navegación interactiva, permitiendo a los usuarios hacer clic en cualquier nodo para acceder al contenido. Además, integramos un menú de barra lateral, que brindó a los usuarios una forma alternativa de buscar artículos por tema o subtema, además de una función de reproducción aleatoria, en la que los usuarios pueden hacer clic para recibir recomendaciones de contenido del mapa.

Tecnología: Idea Explorer utiliza un motor de física subyacente para simular fuerzas físicas y crear un gráfico de red tridimensional orientado a fuerzas. Cada artículo publicado y los temas de los artículos asociados se representan como un nodo en la simulación, y sus fuerzas de interacción determinan la forma final de la visualización. En particular, utilizamos D3.js, three.js y el componente web 3d-force-graph de Vasturiano para lograr esto. Idea Explorer se integra con datos directamente desde el sitio web de BHI y se presenta en el navegador para actualizaciones de gráficos dinámicos.

Buscar Proyectos

Haga clic en una imagen para ver más de cada proyecto.