![](https://framerusercontent.com/images/bLqbL2yOl8QID94oRWIOxSjNJg.png)
From Idea
For System Inventory, the UX team analyzed the user requirements and combined system and device inventory in one view.
Motorola's design system Cobalt doesn't support master grid view. The need was to design a top-level grid for System Inventory, having rows that expand. When expanded, the device grid is displayed with other details related to the expanded devices' row.
UX team explored different concepts and searched for open-source design systems to save development cost & effort.
![](https://framerusercontent.com/images/etJ7YXsgMupxnuKIcQw50YUMIE.png)
To Design Hand-off
The team decided the use AG Grid's Master Grid view solution. We explored ways to merge complex structure of system and device data base.
UX team internally evaluated concepts and decided to merge both Master Grid (System & Device Integration) and Simple Grid (Device information) in one view.
We documented details such as specification, user flows and interaction in Figma as ready for development.
43D 21H 10M 25S
43D 21H 10M 25S
Role: UX Lead
Collaborated with: Research Product Owners, Engineering, Program Manager
Duration: October 2023 - Ongoing
![](https://framerusercontent.com/images/bLqbL2yOl8QID94oRWIOxSjNJg.png)
From idea
For System Inventory, UX team analyzed the user requirements and combined system and device inventory in one view
MSI's design system Cobalt does not support master grid view. The need was to design a top level grid for System inventory having rows that expand. When the System row is expanded, device grid is displayed with other details related to the expanded devices' row.
UX team explored different concepts and searched for open source design systems to save development cost & effort.
![](https://framerusercontent.com/images/etJ7YXsgMupxnuKIcQw50YUMIE.png)
To Design Hand-off
The team decided the use AG Grid's Master Grid view solution. We explored ways to merge complex structure of system and device data base.
UX team internally evaluated concepts and decided to merge both Master Grid (System & Device Integration) and Simple Grid (Device information) in one view.
We documented details such as specification, user flows and interaction in Figma as ready for development
This project is still in design & development phase. Counting back for the launch date!
This project is still in design & development phase. Counting back for the launch date!
This project is still in design & development phase. Counting back for the launch date!
Ongoing Research
The UX Team collaborates with the Research Team to prepare the agenda for every Voice of Partner research session on every 2 sprints. We have 4 partners joining our pilot research program. We evaluate the design and have updates based on user feedback. The aim is to complete 6 VOP sessions and Beta Sessions with the end users before the release.
So far, we received 19 feedback 9 implemented, 5 in progress and 5 pushed to future.
Ongoing Research
The UX Team collaborates with the Research Team to prepare the agenda for every Voice of Partner research session on every 2 sprints. We have 4 partners joining our pilot research program. We evaluate the design and have updates based on user feedback. The aim is to complete 6 VOP sessions before the release.
So far, we received 19 feedback 9 implemented, 5 in progress and 5 pushed to future.
![](https://framerusercontent.com/images/YopVGvAolqG4LgZBRSPzhc5MVo.png?scale-down-to=2048)
![](https://framerusercontent.com/images/YopVGvAolqG4LgZBRSPzhc5MVo.png?scale-down-to=2048)
![](https://framerusercontent.com/images/YopVGvAolqG4LgZBRSPzhc5MVo.png?scale-down-to=2048)
![](https://framerusercontent.com/images/iow6U35mzih2VJgtmtbzyKDVJo.gif)
![](https://framerusercontent.com/images/iow6U35mzih2VJgtmtbzyKDVJo.gif)
![](https://framerusercontent.com/images/iow6U35mzih2VJgtmtbzyKDVJo.gif)
Inventory View
1- As a user, I need to see all the systems and their devices.
2- As a user, I need to all the devices in one list.
![](https://framerusercontent.com/images/f79BaoIrvUGVye0XLPDLJbsk.gif)
![](https://framerusercontent.com/images/f79BaoIrvUGVye0XLPDLJbsk.gif)
![](https://framerusercontent.com/images/f79BaoIrvUGVye0XLPDLJbsk.gif)
Side Panel
Side Panel
As a user, I need to see status, upgrade, device and license details for each device.
As a user, I need to see status, upgrade, device and license details for each device.
![](https://framerusercontent.com/images/7Lm9D6Vn3tUVXTMaSJn8pjSDfQ.png)
![](https://framerusercontent.com/images/7Lm9D6Vn3tUVXTMaSJn8pjSDfQ.png)
Job View
As a user I need view to the job logs with all upgrades (in progress, completed or failed).
![](https://framerusercontent.com/images/QpQRhTzHVFNLCGps5ojXHfuT4.png)
![](https://framerusercontent.com/images/QpQRhTzHVFNLCGps5ojXHfuT4.png)
Abnormalities
As a user, I need to be notified with any abnormalities and guided to fix the issues.
![](https://framerusercontent.com/images/eDCBLiJpjTxzpfQZ0LHk23uZtuA.png)
![](https://framerusercontent.com/images/eDCBLiJpjTxzpfQZ0LHk23uZtuA.png)
![](https://framerusercontent.com/images/eDCBLiJpjTxzpfQZ0LHk23uZtuA.png)
Before Validation
The assumption was view of all devices was more priority than the system view.
Connection> License>Status was the priority order.
Color code was used to show the difference between active and redundant devices.
The assumption was view of all devices was more priority than the system view
Connection> License>Status was the priority order
Color code was used to show the difference between active and redundant devices
The assumption was view of all devices was more priority than the system view
Connection> License>Status was the priority order
Color code was used to show the difference between active and redundant devices
![](https://framerusercontent.com/images/I9KQRWn2755h1O2zPIAbb7K8urA.png)
![](https://framerusercontent.com/images/I9KQRWn2755h1O2zPIAbb7K8urA.png)
![](https://framerusercontent.com/images/I9KQRWn2755h1O2zPIAbb7K8urA.png)
After Validation
Changed default view to Group by System and Devices.
Switched the order of the SMA License and Connection columns so users can see the relationship between connection and status.
Got rid of the color-coded dots under the Status column to avoid confusion.
Changed default view to Group by System and Devices.
Switched the order of the SMA License and Connection columns so users can see the relationship between connection and status.
Got rid of the color-coded dots under the Status column to avoid confusion.
![](https://framerusercontent.com/images/bLqbL2yOl8QID94oRWIOxSjNJg.png)
From Idea
For System Inventory, UX team analyzed the user requirements and combined system and device inventory in one view
MSI's design system Cobalt does not support master grid view. The need was to design a top level grid for System inventory having rows that expand. When the System row is expanded, device grid is displayed with other details related to the expanded devices' row.
UX team explored different concepts and searched for open source design systems to save development cost & effort.
![](https://framerusercontent.com/images/etJ7YXsgMupxnuKIcQw50YUMIE.png)
To Design Hand-off
The team decided the use AG Grid's Master Grid view solution. We explored ways to merge complex structure of system and device data base.
UX team internally evaluated concepts and decided to merge both Master Grid (System & Device Integration) and Simple Grid (Device information) in one view.
We documented details such as specification, user flows and interaction in Figma as ready for development
![](https://framerusercontent.com/images/VUV8gykN4XyNPtNbRR1AlxxO6I.jpg)
![](https://framerusercontent.com/images/VUV8gykN4XyNPtNbRR1AlxxO6I.jpg)
IT Technicians
Sarah is the IT Technician who is responsible for 5 customers' systems and their hundreds of infrastructure components. Regularly she:
1- Checks the health of the systems and components.
2- Makes onsite upgrades if the components are outdated.
3- Fixes and resolves issues.
![](https://framerusercontent.com/images/C8ws70Nqeo7xWs2X7uf7ufWTpc.png)
Systems & Components
One IT Technician can be responsible for multiple systems. Each system have types, IDs, IP Addresses, Names, Network Status and RM Connection Status.
Each system includes components:
1- CMSS (CapMax System Server)
2- Repeater
3- Subscriber
These servers are responsible for managing the presence and mobility information of radios in the system over the air.
![](https://framerusercontent.com/images/TYToXGQsXDsnd3mJ0zFPJej8tU.png)
![](https://framerusercontent.com/images/TYToXGQsXDsnd3mJ0zFPJej8tU.png)
![](https://framerusercontent.com/images/TYToXGQsXDsnd3mJ0zFPJej8tU.png)
Today
The backbone of Mototrbo's 2-way communication system is made up of Repeaters, Capacity Max Servers, and Gateways. These components work together to make sure that the radio network is always available and that communication is secure, and clear across an enterprise. In summary, Mototrbo infrastructure components need to be set up, well-maintained, and upgraded regularly to keep the robust and reliable communication system supporting various industries and applications.
Today
The backbone of Mototrbo's 2-way communication system is made up of Repeaters, Capacity Max Servers, and Gateways. Mototrbo infrastructure components need to be set up, well-maintained, and upgraded regularly to keep the robust and reliable communication system supporting various industries and applications.
Today
The backbone of Mototrbo's 2-way communication system is made up of Repeaters, Capacity Max Servers, and Gateways. These components work together to make sure that the radio network is always available and that communication is secure, and clear across an enterprise. In summary, Mototrbo infrastructure components need to be set up, well-maintained, and upgraded regularly to keep the robust and reliable communication system supporting various industries and applications.
Target User
Motorola collaborates with a network of authorized dealers and system integrators. These experts work closely with customers to design, deploy, and maintain the infrastructure tailored into specific needs. They provide expertise in system planning, installation, configuration, and ongoing support. These experts are responsible for regular health checks and upgrades of the components such as servers. Everything is handled manually. It takes up to 2 days for them to make an upgrade to a specific device with a lack of guidance. Upgrade can take up to 1 month if any error occurs during any upgrade step.
Target User
Technicians/administrators are responsible for health check and upgrades of Mototrbo system and devices (servers & repeaters) today. Everything is handled manually. It takes up to 2 days for them to make an upgrade to a specific device with a lack of guidance. Upgrade can take up to 1 month if any error occurs during any upgrade step.
Design Process
Currently, there are 2 UX designers and 1 researcher working on this project. On a regular basis, I collaborate with RM, Cloud Gateway, Front End Development and Product Teams. 2 weeks sprints are used for design and development. I attend have Voice of Partner Sessions for usability feedback on every 2 sprints.
Design Process
Currently, there are 2 UX designers and 1 researcher working on this project. On a regular basis, I collaborate with RM, Cloud Gateway, Front End Development and Product Teams. 2 weeks sprints are used for design and development. I attend have Voice of Partner Sessions for usability feedback on every 2 sprints.
![](https://framerusercontent.com/images/7Lm9D6Vn3tUVXTMaSJn8pjSDfQ.png)
Job View
As a user I need to view the job logs with all upgrades (in progress, completed or failed)
![](https://framerusercontent.com/images/QpQRhTzHVFNLCGps5ojXHfuT4.png)
Abnormalities
As a user, I need to be notified with any abnormalities and guided to fix the issues
![](https://framerusercontent.com/images/VUV8gykN4XyNPtNbRR1AlxxO6I.jpg)
IT Technicians
Sarah is the IT Technician who is responsible for 5 agencies' systems and their hundreds of devices. Regularly she:
1- Checks the health of the systems and devices
2- Makes onsite upgrades if the devices are outdated
3- Fixes and resolves issues
![](https://framerusercontent.com/images/ErNy4TA0W5VGI0H3iruL5PNjJs.png)
Systems & Devices
One IT Technician can be responsible for multiple systems. Systems have types, IDs, IP Addresses, Names, Network Status and RM Connection Status. Each system can include devices:
1- CMSS (CapMax System Server)
2- Repeater
3- Subcsriber
Overview
Mototrbo Connect is a new portal that has been designed to help manage inventory and upgrades for Mototrbo infrastructure. With this portal, technicians can access system and component details for multiple customers simultaneously. The portal also guides the users on how to maintain and upgrade the components such as servers and repeaters.
Role: UX Lead
Collaborated with: Research Product Owners, Engineering, Program Manager
Duration: October 2023 - Ongoing
Overview
Mototrbo Connect is a new portal that has been designed to help manage inventory and upgrades for Mototrbo infrastructure. With this portal, technicians can access system and component details for multiple customers simultaneously. The portal also guides the users on how to maintain and upgrade the components such as servers and repeaters.
Role: UX Lead
Collaborated with: Research Product Owners, Engineering, Program Manager
Duration: October 2023 - Ongoing
Overview
Mototrbo Connect is a new portal that has been designed to help manage inventory and upgrades for Mototrbo infrastructure. With this portal, technicians can access system and component details for multiple customers simultaneously. The portal also guides the users on how to maintain and upgrade the components such as servers and repeaters.