Sangoma
Sangoma
Sangoma
B2B CPaaS
B2B CPaaS
B2B CPaaS
Call Routing - Advanced Prototyping
Call Routing - Advanced Prototyping
Call Routing - Advanced Prototyping
Sangoma Talk is a desktop application that seamlessly integrates with Sangoma TeamHub, a cloud-based unified communications platform.
To enhance call management, users need a reliable forwarding system that redirects incoming calls. As the sole designer for this feature, my goal was to create a flexible and intuitive call routing experience aligned with industry standards.
A key part of the process involved prototyping in Figma, usability testing, gathering feedback, and refining the design before development. This case study focuses on the first iteration prototype, detailing its technical aspects, and the second iteration, shaped by user insights.
Sangoma Talk is a desktop application that seamlessly integrates with Sangoma TeamHub, a cloud-based unified communications platform.
To enhance call management, users need a reliable forwarding system that redirects incoming calls. As the sole designer for this feature, my goal was to create a flexible and intuitive call routing experience aligned with industry standards.
A key part of the process involved prototyping in Figma, usability testing, gathering feedback, and refining the design before development. This case study focuses on the first iteration prototype, detailing its technical aspects, and the second iteration, shaped by user insights.
Sangoma Talk is a desktop application that seamlessly integrates with Sangoma TeamHub, a cloud-based unified communications platform.
To enhance call management, users need a reliable forwarding system that redirects incoming calls. As the sole designer for this feature, my goal was to create a flexible and intuitive call routing experience aligned with industry standards.
A key part of the process involved prototyping in Figma, usability testing, gathering feedback, and refining the design before development. This case study focuses on the first iteration prototype, detailing its technical aspects, and the second iteration, shaped by user insights.
Timeline
3 weeks
Team
Project Manager: Vlada
Product Designer: myself
Front End Dev: Oleg
Back End: Phil
Timeline
3 weeks
Team
Project Manager: Vlada
Product Designer: myself
Front End Dev: Oleg
Back End: Phil
Call Forwarding & Routing Requirements
Call Forwarding & Routing Requirements
Call Forwarding & Routing Requirements
The requirements for this feature were established in collaboration with the Project Manager, considering both technical feasibility as outlined by the development team and user needs. The main goal is to ensure a flexible and user-friendly approach to call management.
The requirements for this feature were established in collaboration with the Project Manager, considering both technical feasibility as outlined by the development team and user needs. The main goal is to ensure a flexible and user-friendly approach to call management.
The requirements for this feature were established in collaboration with the Project Manager, considering both technical feasibility as outlined by the development team and user needs. The main goal is to ensure a flexible and user-friendly approach to call management.
Design Patterns & Prototyping
Design Patterns & Prototyping
Design Patterns & Prototyping
Sangoma TeamHub utilizes Mattermost as its chat solution, which comes with a predefined user interface for its settings. To maintain consistency and a cohesive user experience, the settings for other integrated applications within TeamHub adhere to the same UI patterns.
For the prototype, I utilized tokens, component properties & variants, nested components, and variables to ensure a scalable, flexible, and efficient design system.
The accessibility was tested using the Stark plugin for Figma.
Sangoma TeamHub utilizes Mattermost as its chat solution, which comes with a predefined user interface for its settings. To maintain consistency and a cohesive user experience, the settings for other integrated applications within TeamHub adhere to the same UI patterns.
For the prototype, I utilized tokens, component properties & variants, nested components, and variables to ensure a scalable, flexible, and efficient design system.
The accessibility was tested using the Stark plugin for Figma.
Sangoma TeamHub utilizes Mattermost as its chat solution, which comes with a predefined user interface for its settings. To maintain consistency and a cohesive user experience, the settings for other integrated applications within TeamHub adhere to the same UI patterns.
For the prototype, I utilized tokens, component properties & variants, nested components, and variables to ensure a scalable, flexible, and efficient design system.
The accessibility was tested using the Stark plugin for Figma.
Usability Testing
Usability Testing
Usability Testing
I conducted user testing with five participants, all familiar with the TeamHub environment but new to the Talk app and its settings. The testing sessions were structured around three tasks, focusing on locating and using the Call Routing settings menu.
I conducted user testing with five participants, all familiar with the TeamHub environment but new to the Talk app and its settings. The testing sessions were structured around three tasks, focusing on locating and using the Call Routing settings menu.
I conducted user testing with five participants, all familiar with the TeamHub environment but new to the Talk app and its settings. The testing sessions were structured around three tasks, focusing on locating and using the Call Routing settings menu.
User Testing Findings
Final Iteration
Final Iteration
Final Iteration
After the final design was validated by the product and development teams, I prepared comprehensive documentation for the development handoff. This included guidelines for padding, measurements, and annotations highlighting necessary changes compared to the existing Call Routing menu implementation.
After the final design was validated by the product and development teams, I prepared comprehensive documentation for the development handoff. This included guidelines for padding, measurements, and annotations highlighting necessary changes compared to the existing Call Routing menu implementation.
After the final design was validated by the product and development teams, I prepared comprehensive documentation for the development handoff. This included guidelines for padding, measurements, and annotations highlighting necessary changes compared to the existing Call Routing menu implementation.
You can reach me at contact@juliaiuga.com
You can reach me at
You can reach me at contact@juliaiuga.com