Design Inspiration

Locomotion Design of Barceloneta 3D: Una Immersió en el Passat

November 14, 2024

In one of my afternoon walk which i do every single day after work, i stumbled upon this civil centre , CB1761 Casa de la Barceloneta located in Ciutat Vella ( meaning old town in Català ) , i walked this neighbourhood many time , so i thought i have seen it all ( atleast the big picture of Barceloneta .


The exhibition was about getting user more familiar with the neighbourhood of Barceloneta , this was made by students of Lasalle . The idea is using virtual reality, visitors can experience time travel, see historic buildings, and learn about their history and architecture by simply moving their head and interacting with their hands. pretty common honestly if you are in virtual reality industry, but what ill be writing is their UX Design, which in my opinion is highly user centric and some of the interaction they use, inspire one of my project too.

Who are my user ?

Considering they would like to showcase point of interest in Barceloneta , this UX includes navigation .Their solution shows that they had literally started with thinking of their non technical user who are not familiar with VR, which makes their primary question becomes: How might we turn a map that requires navigation into an accessible experience for people unfamiliar with VR?

UX - Circular Experience Design

Understanding that their target market, they implemented a circular navigation experience designed to simplify interaction with the virtual environment, where the user is placed at the center of a circular map within the VR headset. Their surrounding environment is overlaid with a darker layer, allowing only the building directly in front of them to be in focus. This design ensures that users are not overwhelmed by too much visual information at once.

Navigation is made intuitive and straightforward by using the thumbstick on the controller. Users can easily rotate the circular map by triggering the thumbstick, bringing different buildings into focus one at a time. Each building in focus has two buttons: one to move to the next building using the right or left thumbstick, and one to enter the building using the up direction on the thumbstick. This method requires minimal learning and reduces the complexity often associated with VR navigation.

Navigation is made straightforward by using the thumbstick on the controller. Users can easily rotate the circular map by triggering the thumbstick, bringing different buildings into focus one at a time. This method requires minimal learning and reduces the complexity often associated with VR navigation.

Each building has its own simple scene, accompanied by an auditory experience. They recorded sounds of birds and the sea from the actual physical spaces and integrated these sounds into the VR scenes. This ensures that as users explore each building, they also experience the ambient sounds associated with that location, enhancing the overall immersion.

That Circular carpet you see in physical world ? is their first circular map experience UX cue, pretty thoughtful i'd say !

UI - Genie Effect UI

I had mock it up pretty fast in Bezi on how their each soon UI look like.

---------

Discovery of New POI

Even for me , who walks there almost very often, thanks to this experience i even found a lot of new point of interest that i ended up following it the route of the VR experience :) We always something to learn from others !

CEO, Neuralport.Inc | Forbes JAPAN Women In Tech TOP30
I work with Sonya at my startup, where her XR design expertise and broad skill set—including pitch creation, networking, diplomacy, and data analysis—are invaluable. She’s a hardworking, talented, and highly motivated person. I'm very happy to work with her.
Sr. Engineer XR at Qualcomm
I worked with Sonya on a VR app project, where her punctuality, creativity, and attention to detail kept us on track. Her stunning, user-friendly UI designs made a huge impact, and collaborating with her was a smooth, enjoyable experience. I'd gladly work with her again.
Technical Engineer Researcher, Osaka University
I've worked with Sonya over the past years, and she's proven to be an exceptional designer with strong communication skills. Sonya played a vital role in designing the audiovisual interface for our XR application, quickly aligning with the product concept and delivering impactful results. I give my best recommendation.
CEO at XR Wellness | XR for hospital patients
I had the pleasure of working with Sonya on two VR projects. She is highly creative and brings a lot to a project, she works efficiently and is dedicated to what she does, testing the final versions until she's sure their perfect. She has a lot of creative ideas - a grand professional! Thanks Sonya I hope to work with you again in future projects.
CEO, Kariboo VR - Immersive Streaming
Sonya is an exceptional XR UI/UX designer. Her thoughtful approach to design played a pivotal role in the development of our XR movie streaming app. Sonya's ability to craft user-centric interfaces and immersive experiences not only enhanced the app's functionality but also streamlined the workflow for our development team. Her designs fostered clear communication across departments with a lasting positive impact on both the product and our team’s efficiency. Sonya’s expertise and dedication make her an invaluable asset to any project.
CEO, Exuberante Caos Associação | Immersive Mural
We had the pleasure of working with Sonya on our AR Scavenger Hunt project, we couldn’t be happier with the results. She is a talented XR Designer with expertise in UI/UX Design and Web AR Onirix to implement gamification & geolocation, with clear communication. We highly recommend Sonya for any AR/VR project!