Background
I have led the team and worked on design both the UX and UI of mobile application , desktop application, web admin panel and website. This process began with understanding what is critical communication standard and how we can use it to provide better Push-to-talk platform with other additional useful features.
My role
Product Designer, UX Researcher, Visual Designer
Tools
Adobe XD, Adobe Illustrator & Photoshop, HTML, CSS, Concept board, After effect, Jira
Introduction
Changes in the professional environment have driven the need for more advanced communication services, surpassing the capabilities of traditional analogue systems. This demand led to the development of Digital Mobile Radio (DMR), a new ETSI standard for Professional Mobile Radio (PMR), which covers non-telephone radio communications. DMR offers affordable, low-complexity digital solutions, improving efficiency and adding new features like voice, data, and supplementary services.
Challenges
TASSTA brings Mission Critical Push-to-Talk (MCPTT), Mission Critical Video (MCVideo), and Mission Critical Data (MCData) to users with simplicity and effectiveness.
MCX services provide broadband critical communications and infrastructure for public safety and disaster relief. First responders, such as police, firefighters, and medical services, depend on these critical communications for emergency response, requiring a responsive, robust, and secure network.
Project goals
Create a design system and define brand guidelines, including a color palette, typography, and reusable components.
Design a platform that allow users to use Voice and Video Calls and Messaging.
Design a platform that allow users to use track location and assign a task to team members.
Design a platform that support lone worker protection text message alert and emergency call.
User Journey
After defining the personas, we created a User Journey to outline key scenarios users might encounter. We began with the activation state, where users recognize how tech companies control data and how our app offers a solution, and moved to the retention state, where users are familiar with the product and choose to share it with their network.
Information Architecture
At this stage, I have gathered extensive information on user needs and concerns. It’s now time to organize and structure this content to help users easily find information and complete tasks. Given the complexity of Critical Communication applications, I created an onboarding flow before the login screen to introduce new users to the app’s main functions and benefits.
Low-fidelity Prototype
After validating the journey map with the team, I began creating low-fidelity wireframes to come up with different solutions for each touchpoint of the app. This was very helpful in eliminating all the bad ideas and retaining what works best for the next steps.
Design system
The design system includes essential information regarding the color palette, encompassing hex codes and transparencies, as well as typography details such as font types, weights, and sizes. Moreover, I developed a series of components with suitable variants that can be consistently reused throughout the design process.
BRINGING IT ALL TOGETHER
At this stage, all that’s left is bringing all the elements together— the features defined in the initial mockups, the app layout derived from the sitemap, and the UI features according to the design system.
Push to talk
A Push-to-Talk feature provides an arbitrated method by which two or more users can engage in communication by pressing and holding on the screen.
User and group list
Groups and Users list will allow users to find a specific group or user. Users are also able to connect and can quickly switch connections between groups and users.
Voice Calls
This type of call allows users to make individual or group voice calls. This feature provides dispatchers with a means for secure simplex voice communications at the press of a button.
Video Calls
This type of call allows users to make individual or group video calls. This feature can also be used for video streaming, surveillance cameras, and unmanned aerial vehicles.
Call History
All calls will be stored in the history feature as recorded, playable files. Users can view call history and call details.
Task Manager
The task manager will allow users to access all tasks assigned to them by the dispatcher. Users can edit, upload data, and change the status of tasks.
Emergency Solution
The Emergency Solution will allow users to make emergency calls and utilize Lone Worker Protection (LWP). Lone Worker Protection is based on automatic emergency notifications (Man Down). The accelerometer on the mobile device detects a fall and sends a text message alert to the emergency contact.
Map Localization
Using the map localization function, users can see their own and other users’ real-time locations on the map. Users can also access many other functions such as compass, navigation, GPS tracker, screen color filter, map skin, and gridlines.
Final Thoughts
After releasing a private beta and observing some changes, the initial research and usability tests provided a strong foundation to scale the app. I believe design can significantly aid public protection, disaster relief, and safety efforts. Mission-critical communication apps offer secure and reliable services. This project allowed us to develop a user-centered app and test it with real users, demonstrating that focusing on intuitive, appealing, and easy-to-use products presents a great opportunity for MCX applications.
