Make Us Visible
User Experience Design
Make Us Visible is a series of AR experiences that brings historic monuments to life. This project was a collaboration between XR Ensemble; Koerber Stiftung and Scavengar.
My role was to conceptualize and create the User Experience for the AR experience. Building the parallax effect plates, UX testing the readability and overall experience, audio generation and Graphic marketing collateral.
The experience was open to all and was launched on the 09.2023 in front of the Rathaus Hamburg and received over 300 visitors.
Industry
Culture, Art, Tech
My Role
Concept, UX design and testing, graphic collateral, audio generation
Team
CEO,
Developer, Designer
Timeline
Q4 2023
Tools
The experience in front of Rathaus Hamburg
Context
Bringing monuments to life.
The Make Us Visible, Hamburg is a location based experience at the Rathaus Hamburg and shares the story of Lida Gustava Heymann. Michelle Warsönke was the artist who developed the main 3D sculpture.
Approach
Accessible, playful, easy to read text plates.
We approached the project by collaborating with the artist and building the User Experience around her 3D Models.
I collaborated with the designer to build Text Plates with different material effects, test them AR and determine the most suitable format.
Daylight, Color, Shape, Contrast, Font and Scale were parameters I considered to build plates and images for optimal User Experience.
Key UX features to focus on
Testing UI for the text plates
UI that works and the red highlighted ones were rejected
Parallax Images and text plates with the right opacity.
These were built using Blender and then material maps were generated with photoshop and applied with AR Kit.
The parallax images were designed using Reality Composer.
Building Parallax Effects and Material Maps
Solution
Optimal readability and inclusive design for all audiences.
The format selected were gey gradient plates, with minimal transparency and white text to ensure readability in all lighting conditions. The font was bold and clear to read, making it accessible for all audiences.
The images were in the same color palette, scaled to a similar size. The stacking of the images created the parallax effect, making them appear 3D even though they were 2D images.
User Interaction Elements
Optical occlusion for seamless experiences.
Interactive Elements
On approaching the 3D models, the parallax image and text plates appear, they are in sync with the audio. Once the audio ends, you are given a cue to move in a certain direction, leading up to the next scene.
The parallax images and text plates had optical occlusion enabled, enabling background objects to seamlessly blend in.
Outcome
The launch was featured in several press releases.
Increased interest and engagement with the AR experiences. The launch was easy to circulate and featured in several press releases.
The visitors were very curious about the experiences and could scan the QR code and watch the experience for themselves.
