Type
Self-initiated
Role
Visual Design
UI & UX Design
Industries
Maps
Date
October 30, 2024
Hypothesis
"Wouldn't it be amazing to have an interactive map on our phone that not only shows the location of stores in the shopping mall but also guides us to them, providing detailed information such as promotions, products, and real-time events?"
Introduction
In large shopping malls, finding a particular store or knowing exactly where I can get what I need is often a challenge. Although there are physical or digital maps in these locations as a partial solution, they have several limitations. Typically, they are simple directories that require the user to know the store’s exact name, and when categories are provided, they tend to be too broad. Furthermore, they lack the functionality of a dynamic search tool (incorporating multiple keywords), like the ones we are used to, making them less practical when looking for a place that carries a specific product or service.
Another drawback is that, being fixed at certain points in the mall, they lose their usefulness by not offering a personalized experience or real-time guidance. That’s why the idea arose to leverage a resource that always accompanies us: the mobile phone. Turning the physical map into an interactive and accessible website through a single link addresses these problems. Such a tool could include precise directions to stores, personalized routes showing how to get there, details like contact numbers or active promotions for each location, and even serve as a platform to communicate mall events and activities. This would greatly enhance the visitor experience by helping people understand everything the mall has to offer and easily reach their areas of interest while discovering new places along the way.
Problem Identified
Physical mall maps are an incomplete solution that fail to meet modern users’ expectations. Some of the main issues detected include:
Limited and General Information
These maps mainly function as basic directories that only work if the user already knows the name of the store they’re searching for.
The available categories are too broad, making it difficult to locate specific products or services.
Lack of Personalization and Mobility
Because they’re physically fixed in specific locations, these maps cannot guide users dynamically or adapt to their individual needs.
There is no active navigation to help visitors find their way around within the space.
Disconnect with Current Expectations
Users are accustomed to intelligent, personalized search tools, which makes traditional maps appear outdated.
The maps do not offer additional information, such as ongoing promotions, featured products, or upcoming mall events.
The Solution
I designed a web app that modernizes and personalizes the shopping mall navigation experience. This tool combines accessibility, detailed information, and dynamic navigation to address both user needs and mall objectives.
Key Features:
Universal Access via QR Code
Users can scan a strategically placed QR code within the mall to directly access the interactive map from their mobile browser.
No need to download additional apps, ensuring a seamless experience.
Smart Search
Visitors can search for specific stores, products, or services.
The app organizes results into detailed categories, offering a more intuitive experience aligned with current expectations.
Personalized Navigation
Generates dynamic routes to guide the user from their current location to their chosen destination.
Saves time and eliminates confusion as users move through the mall.
Store and Promotion Information
Each store has a profile with contact details, active promotions, and featured products.
Mall administrators can use this platform to broadcast events and activities in real time.
Design Process
Research and Discovery
I conducted interviews and usability tests to pinpoint the main frustrations users experience with traditional mall maps.
I discovered that users seek solutions combining accessibility, personalization, and dynamic navigation.
Design and Prototyping
I created initial wireframes to define the structure and user flows.
I employed prototyping tools to develop interactive versions, validating the user experience prior to implementation.
User-Centered Implementation
I ensured the app was lightweight, fast, and compatible with any mobile device.
I incorporated visual elements and animations to facilitate interaction and navigation.
Iteration and Enhancements
I gathered feedback from initial tests to refine key features like the search function and personalized navigation.
I improved the information architecture to boost clarity and overall user experience.
