top of page
SPATIAL MOTION INTELLIGENCE PLATFORM
[Plex-ease]
My Role
UX Designer- Ideation, User flows, Wireframes, Visual Design, Industrial Design
Overview
The brief was to design a motion intelligence system that helps generate real time data and record historical data of a physical space.
Team
Head of Design, UXR, Developers
Timeline and Status
12 weeks, Launched in February 2023
Industry
Data Analytics, B2B
I led the end- to- end design direction of the dashboard experience and also designed the look of the physical product.
The product launch received great response from the users and also helped businesses increase customer footfall by 35%.
Context
The Problem
In today's world understanding movement and activities within physical space is crucial for resource optimization and user experience enhancement. Real time data generation is a task for small businesses and also mid-level organisations.
Which part of my store are customers attracted to most?
Customer footprint?
Lack of real time decision making!
Inability to measure ROI!
Inefficient spatial utilization
Why does this demand our attention?
Lack of understanding about customer footprint in a physical space leads to poor marketing strategies leading to poor customer experience.
Solution
Physical + Digital = Unified User Experience
We designed a beacon which can be placed or mounted in a physical space. The data gathered from that particular beacon is displayed on a dashboard for the admin to monitor.
Beacon Captures Information
Captured information is further visualized in dashboards
Key Highlights of the dashboard design
.png)
Sectors utilizing the product today.
Hospitality
Retail
Advertising & Events
Transforming data into a gamified experience.
Think of it like a video game: On the dashboard, moving units represent your nearby audience. The data near the sensor creates a real-time virtual view of your business, securely stored in the cloud. Easily access detailed info on people and vehicle movement anytime.
Research
Understanding the user.
We conducted field research, interviewed key stakeholders to gain an understanding of customer behaviour in physical spaces.
The team visited exhibitions, galleries, auditoriums and other public spaces to learn more about their methods of customer footfall tracking.
.png)
Exhibition environment research
Gathered information about how the organizers keep track of visitors and problems faced while doing the same.
Auditorium environment research
Spoke to owners about crowd management and footfall tracking methods used by them.
Based on the field research conducted, it was understood that businesses may find it important to have data about customer footprints for various reasons such as improving customer experience, increasing sales, and enhancing safety and security.
However, some customers may have concerns about privacy and data misuse, and they may expect transparency from businesses about their data collection and usage practices.
Let's dive into the numbers!
Businesses prefer having a platform which helps them identify client movement patterns.
Businesses lack footfall tracking systems, relying solely on sales data for their marketing strategies.
Customers express apprehensions regarding privacy and the potential misuse of their data.
Here's what users had to say
.png)
Paving the way forward....
Ideation
Making sense of it all
After all the research, I narrowed down a few key insights and approaches we would be taking in order to proceed with the ideation.
Putting the pieces together.
I moved on to finalizing features by organizing my thoughts around user insights, team goals, and client expectations.
_edited.jpg)
Sticky notes! sticky notes! sticky notes!
Behavioral stacks>>>>
Tech savvy UI, video game like?
Data layers with real time projected visuals
Pinning down features
Device Detection
Sensing device presence in a space or area of detection.
.png)
Demographic Clustering
Identifying device types, groups and proximity.
Motion Analytics
Understanding behaviour, trends and activity
Design Direction
Setting the design in motion.
My goal was to create an interface that blends a gaming experience with clear data presentation, designed for a diverse audience, including small business owners with limited data analysis skills.
-
Most data is represented via infographics.
-
Has a designated space for ads.
.png)
-
Live device tracking is not the highlight in the design.
-
Too much space for data table.
-
Live device tracking is highlighted in the centre.
-
Data table is small and confined.
.png)
-
"Movement" graph is too small and not well placed.
-
Movement graphs are upfront.
-
Graphical representation of device movements is easily visible at one glance.
.png)
" Movement" graph is too small and not well placed.
After thoroughly analysing the above iterations and feedback from my team members I created a final design for the dashboard home page
Wireframe
What worked and Why?
_edited.png)
1. Live device movement at the center- Why?
- As it is one of the most important features of the product, it has to be upfront
2. Color Indicators for live device tracking- Why?
- Accessibility, Every admin regardless of any training should be able to read the dashboard
3. Device list data table- why?
- To receive accurate data about phone type, distance, speed and location.
Visual Design
Let's talk colors
The client wanted a dark themed, game like interface and the color "Purple", so I made sure my design choices are aligned with the client needs. I also involved the developers during the process offering them comprehensive support and accessible resources for seamless integration and utilization.
Who can ever say no to a client right? xD
We followed the accessibility guidelines set by WCAG and defined a library of of UI components (buttons, forms, navigation bars, etc.) with consistent styling and behavior.
An attempt of making a fancy pyramid of chosen colors*
Typography - Font to make data clear
Font - Poppins ( Regular, Semibold, Bold)
.png)
Buttons - Unlocking the next step!
Icons and Illustrations
Final Screens
Ending on high note!
Dashboard Home Screen
-
Beacon Details
-
Nearest Devices
-
Graphical representation of devices
-
Basic + Movement view feature
Beacon profile page
-
Beacon Info
-
Controls
-
Remarks
-
Beacon performance statistics
Beacon profile page
-
Beacon Details
-
Location
-
Map view of beacon location
-
Other Details
New requirements! - A mobile view
Is it necessary? - YES!!! This enables the admin to access real-time updates on the go, providing significant benefits for quick decision-making and timely responses.
* Though it provides a view of the dashboard, the features on mobile are limited mainly for viewing purposes only. Just 2-3 basic control functionalities are available on mobile*
Impact
Enhanced customer experience
" Plexyz " is currently being used by multiple small businesses in Kuala Lumpur, Malaysia. They mentioned that this has helped them work on their marketing strategies and has increased their customer footfall by 35% over 3 months and sales by 8% over the same time period.
Next steps
Testing phase 3.
We set up the equipment at large spaces to check the smooth operations of the product. Recently we conducted a PLexyz exploration in Singapore.
Outcome
One size doesn't fit all
We recognized that the existing visualization techniques weren’t effective for handling the large data volume. As a result, we decided to explore improved methods.
Insights gained from the process.
-
Fusing cultures, forging excellence: Engaging with professionals from different countries, conducting user interviews across diverse backgrounds, and overcoming language barriers, I cultivated a collaborative mindset and fostered a profound appreciation for diverse perspectives.
-
Data Capturing: The study taught me the paramount significance of empathizing with both end users and business providers. Learning about the value of accurate data and its optimal presentation was a rewarding and enlightening aspect of the journey.
bottom of page