%
less time taken
Reduced time required to complete key tasks and action within the app
%
incresed success rate
Task completion throughout the user journey raised along with the usability
%
less clicks needed
User interaction was more efficient. The users experience was smooth and clean.
KeySquare Labs
Client
Product Design
Services
2025
Date
Radio comm expanded by Android devices
Welcome to Propagate. This app is built for the United States military sector, serving firefighters, military personnel, and related fields working in the field.
Propagate allows users to connect their smartphone to their radio, drone, and other field equipment. It also enables the connection between the radio and the TAK app provided by the government.
Role &
Responsibilities
Initial Research, discovery, as is and to be user flows
Conduct interviews with stakeholders and users to understand use cases across different service areas
Interface design, style guide, documentation and handoff
User testing, iteration and more testing
Our Goal
The first version of the app had minimal UI work and lacked an enhanced user experience. It was developed directly by the front-end team, which resulted in several important actions being hidden within a menu, and many user flows were confusing and difficult to complete.
Research & Interviews
Our first step was to gather materials about the product, understand its needs, and interview app users to collect usage data and identify usability patterns.
This step was important to understand how each area used the app according to its specific needs.
Main Points
Lack of usability in the actual system
Confusion to perform simple actions
Inability to upsell services
Inability to schedule pick-up for the vechicle
Discovery & Ideation
After gathering all the data, we began the discovery and ideation phase to improve the product. The goal was directly aligned with the research findings, focusing on creating usage standards, speeding up user journeys, and providing constant feedback to the user.
Journey Definition
The defined user journeys were created based on each device; in other words, the user follows a quick and easy flow where each device has its own step-by-step process for a successful connection.
Design
We started a round of testing with interface versions to define the visual elements to be applied on the screens.
After finalizing the designs, we created the component library and its documentation. This phase also included developing page structure templates to ensure a solid and consistent standardization throughout the app.
Handoff
We structured the handoff of the screens based on the connection flows for each device and the components of the Design System along with their documentation.
The project was successfully delivered with outstanding results! The client conducted tests with the development team and observed improvements in usage time, speed, and ease of completing tasks within the app.
Key Learnings
It's not always that a cleaner design is the best. Sometimes the info needs to be displayed upfront and there's nothing you can do about it.
Users can be tricky. Even if you guide them they still manage to do unexpected things
Top down decisions are annoying but exist, more often than we think, and we need to know how to deal with it without compromising the usability.
Frequent testing and iteration allowed us to identify and resolve issues early, leading to a more refined and effective solution.
Let me know and I'll be happy to help.
I'm Ready to Discuss