NotchHR
NotchHR is an HR software that enables business owners to do more for free.
ATB Tech, a mid-sized technology sales and solutions company with over 100 employees, own a HR software called MyXalary (later NotchHR). Initially, the software was cutting-edge, offering users a much-needed solution to manage employee records, payroll, leave management, and allowances. However, as time passed, the software failed to evolve alongside modern technology trends, and its performance began to deteriorate.
Role
User Experience Designer
Design Tool
Figma
Development Tool
VsCode
Date
Dec 2023
Problem
MyXalary need a comprehensive solution that modernizes the UI design to provide a consistent, intuitive, and visually appealing experience while simultaneously addressing performance issues to ensure smooth and efficient HR operation.
Main Statement
The current HR software system suffers from outdated design and inconsistent user interface (UI) elements, leading to a fragmented and inefficient user experience. Additionally, the software’s performance issues, such as slow processing times and frequent lags, hinder productivity and frustrate users. The outdated appearance and lack of cohesive design detract from the overall user experience, making the system difficult to navigate and increasing the learning curve for new users. Furthermore, the performance problems were causing delays in critical HR tasks and impacting the efficiency of HR operations.
Screenshots of The Old Application
Click on the image enlarge it
The Solution
Recognizing the urgency of the situation, ATB Tech decided to invest in a complete overhaul of their HR software and I was recruited to work with their design team.
The Challenges
Approximately four months the two UX designers i joined resigned. They left me without a design guide or brand guideline except the mobile app prototype and the website control panel with it files. Their depature got me added roles as website designer and to convert designs to code for developers. The lack of a User Guide or documentation and familiarity with the app’s purpose, user base, and existing workflows made it challenging to identify pain points or areas for improvement.
My Approach
I held meetings with the product manager, testers and developers and I was granted access to the test environment where I was able to interact with the working versions. To start with I introduced and started using a brand guideline, design guide and a design system that comes with a multi-framework boilerplate that I discovered while researching in order to ensure consistency for the new modules that were introduced while I took screenshots of already existing modules and assigned them to interns who replicated them into the new design system.
Competitive
analysis
Click on image to enlarge it
Opportunities
- The marketing team provided feedback from customers from other organizations.
- A product requirement document was provided by the Product Manager
- My focus group were the employees of ATB TECH with her sister organizations.
- I gathered insights about the behavioral patterns of developers from the software testers.
- About four interns from other departments who needed mentoring in product design developed interest the project during the user research process. They later helped convert the old designs to the new design system.
To begin with the new modules, I conducted surveys for each of them and discovered personas whom I later interviewed
The Goal
The project was to be named MYXALARY-v2 and the goal was to begin with the new modules that would be designed as Figma prototypes which is to be developed with the multi-framework boiler plate that will help introduce a modern, user-friendly interface that was consistent across all devices, improve the overall user experience and be easy to be used for the developers.
Figjam as design playground, I was able to keep screenshots of research, create notes and keep the text transcription of interviews.
How to define "NotchHR"
NotchHR (formerly MyXalary) is a comprehensive HR and people software that simplifies and automates HR processes.
Mockups
Video Prototype of Web App
Video Prototype of Mobile App
PR and Marketing For NotchHR
Click on the image enlarge it
Frustrations
The developers didn't use the multi-framework boilerplate that would have helped maintain consistency with the new design system and the user interface was nothing compared to the prototype in Figma. However the product still rolled out because it has an active user base.
Screenshots from the test environment
Testing and User Feedback
- The user experience on mobile is really bad.
- You have designed a product that has a lot of modules but doesn't really make the payroll process easier. An approver has to go through 6 to 10 clicks to see the payroll he has to approve. There are just too many clicks.
- The Notch HR platform is simply NOT user friendly. It is cumbersome and complex to use. And your team is not fluid. They give the impression that they can't really talk to the product guys when we give them our complaints.
- My HR manager who was your advocate and got us to sign on to the platform now really hates his experience working with your team.
- We are currently in a minor issue with your team members now. We've been back and forth on remittances for some months now. It is still unresolved.
- One more thing you need to work on with the platform is the wallet. Admins should be able to download a statement to help with reconciliation.
