Case Study

Noble® ShiftTrack WFM (Workforce Management)
Empowering Contact Centers for Enhanced Productivity
User-Centric Design

Type: Enterprise Level App Re-Design
Project Date: April, 2018 - April, 2022
My Role: UI / UX Designer

Type:
Enterprise Level App Re-Design

Project Date:
April, 2018 - April, 2022

My Role:
UI / UX Designer

About this Project

Noble® ShiftTrack WFM (Workforce Management), a comprehensive and cutting-edge system designed to streamline workforce planning.

  • Precise call volume forecasting

  • Flexible scheduling processes

  • Seamless integration with corporate systems,

  • Insightful performance reports

    ShiftTrack WFM offers a powerful, robust, and cost-effective solution suitable for centers of all sizes. The ease of deployment, dynamic features, and world-class technology that automates every aspect of workforce management, equipping with the tools needed to excel in today's ever-evolving business landscape.

The objective of this project was to revamp the existing ShiftTrack user experience, aiming to enhance productivity and efficiency for contact centers.


As the UI/UX Designer, I was responsible for reimagining the app's interface, streamlining navigation, and optimizing user interactions to better meet the needs of the workforce management domain.

Noble® ShiftTrack WFM (Workforce Management), a comprehensive and cutting-edge system designed to streamline workforce planning.

  • Precise call volume forecasting

  • Flexible scheduling processes

  • Seamless integration with corporate systems,

  • Insightful performance reports

    ShiftTrack WFM offers a powerful, robust, and cost-effective solution suitable for centers of all sizes. The ease of deployment, dynamic features, and world-class technology that automates every aspect of workforce management, equipping with the tools needed to excel in today's ever-evolving business landscape.

The objective of this project was to revamp the existing ShiftTrack user experience, aiming to enhance productivity and efficiency for contact centers. As the UI/UX Designer, I was responsible for reimagining the app's interface, streamlining navigation, and optimizing user interactions to better meet the needs of the workforce management domain.

Noble® ShiftTrack WFM (Workforce Management), a comprehensive and cutting-edge system designed to streamline workforce planning.

  • Precise call volume forecasting

  • Flexible scheduling processes

  • Seamless integration with corporate systems,

  • Insightful performance reports

    ShiftTrack WFM offers a powerful, robust, and cost-effective solution suitable for centers of all sizes. The ease of deployment, dynamic features, and world-class technology that automates every aspect of workforce management, equipping with the tools needed to excel in today's ever-evolving business landscape.

The objective of this project was to revamp the existing ShiftTrack user experience, aiming to enhance productivity and efficiency for contact centers. As the UI/UX Designer, I was responsible for reimagining the app's interface, streamlining navigation, and optimizing user interactions to better meet the needs of the workforce management domain.

The Challenge

The existing ShiftTrack app had usability issues and lacked an intuitive design, leading to user frustration and reduced productivity. Contact centers needed a comprehensive and user-friendly solution that could accurately forecast call volumes, optimize staffing schedules, and integrate seamlessly with other corporate systems. Technical constraints and compatibility concerns had to be addressed to ensure a smooth transition to the revamped design.

Solution

We redesigned the ShiftTrack app with a focus on simplicity, clarity, and ease of use. The new interface featured intuitive navigation, clear data visualizations, and interactive elements for efficient scheduling and forecasting. Advanced filtering options and customizable views allowed users to access relevant information quickly.

To ensure smooth integration with other corporate systems, I collaborated closely with the development team, adhering to industry standards and best practices. Regular feedback loops with stakeholders and usability testing sessions with actual users further refined the design.

Results

Despite the successful design of ShiftTrack, the company underwent a merger with a larger entity called Aspect, leading to the formation of Alvaria. As Aspect had a similar product with a larger user base, ShiftTrack was regrettably terminated. Nevertheless, the invaluable lessons I learned from this project will continue to shape my approach to future endeavors.

Key Takeaways

Throughout the revamping of ShiftTrack, the project emphasized the importance of teamwork. Collaborating with developers, stakeholders, and end-users allowed for a more comprehensive understanding of requirements and pain points. The success of the project hinged on the synergy of the team's expertise and insights.


Listening to stakeholder perspectives played a vital role in the project's direction. Gathering feedback from contact center managers and agents offered valuable insights into their specific needs and expectations. This user-centric approach ensured that the revamped design addressed their pain points effectively.


Feasibility was a crucial aspect considered during the project. Technical constraints and integration requirements were meticulously analyzed to ensure the revamped app aligned with the existing infrastructure. Striking a balance between innovation and practicality led to a smooth transition and enhanced user experience.


Despite the eventual termination of ShiftTrack due to the merger with Aspect, the project served as a valuable learning experience. The lessons learned, such as the significance of teamwork, user-centric design, and feasibility assessments, will continue to guide and enrich future projects in the ever-evolving landscape of UI/UX design.

The Design Process

The Design Process

Research and Understanding

Research and Understanding

During the research phase, my immediate manager took charge of gathering valuable data, including pain points from both users and business stakeholders. Meanwhile, I spent three months studying the app in the learning management system to gain a comprehensive understanding of its current functionalities and limitations as an orientation for the project.

During the research phase, my immediate manager took charge of gathering valuable data, including pain points from both users and business stakeholders. Meanwhile, I spent three months studying the app in the learning management system to gain a comprehensive understanding of its current functionalities and limitations as an orientation for the project.

Ideation and Conceptualization

Ideation and Conceptualization

Our team decided to base the design on the existing app to maintain continuity while bringing in a fresh look and feel. We embraced a modern and contemporary theme and made significant changes to the layout to enhance usability. Leveraging the latest UI components, we aimed to create an updated and visually appealing interface that resonated with users.

Our team decided to base the design on the existing app to maintain continuity while bringing in a fresh look and feel. We embraced a modern and contemporary theme and made significant changes to the layout to enhance usability. Leveraging the latest UI components, we aimed to create an updated and visually appealing interface that resonated with users.

Final Solution and Evaluation

Final Solution and Evaluation

The Roster page took center stage during the revamping process. We introduced a modern calendar view and implemented new functionality to enhance user convenience. The final solution showcased a user-friendly and aesthetically pleasing interface, which was evaluated against the initial research and user feedback to ensure it addressed the identified pain points effectively.

Iterative Refinement

Iterative Refinement

We adopted an agile design process, allowing us to iteratively refine the app's design. Daily scrum meetings ensured seamless communication among team members. Weekly evaluations by immediate managers allowed us to receive valuable feedback and make necessary adjustments. The feasibility of design decisions was continuously assessed to ensure practicality and alignment with the project's goals.

Prototyping

Prototyping

Working with the Kendo framework, we relied on its components while customizing the design to whitelabel the product. It was essential to ensure that the revamped app retained the Noble Systems touch, even with the modifications. Prototypes were created to visualize the new design and test its functionality, helping us validate our design decisions.

Revamped Screens

Desktop app - Redesigned UI

Adherence Schedule - Old Version

Adherence Schedule - New Version
New Dashboard
Roster Schedule

Leave Balance

Availability

Time Sheets

Schedule

Availability

Shift Swaps

Shift Bidding

Adherence Schedule - New Version

Adherence Schedule - Old Version

New Dashboard
Roster Schedule

Leave Balance

Availability

Time Sheets

Schedule

Availability

Shift Swaps

Shift Bidding

Notes from mobile app redesign

© 2023 All Rights Reserved.

© 2023 All Rights Reserved.

© 2023 All Rights Reserved.