Started as an attendance app for employee officers, Nusawork has expanded its platform into comprehensive self-service platform for human resources need. As the platform grew more complex and cluttered, the objective is to simplify the system to ensure all functionalities are easy to navigate.
Problem
We gathered feedback and synthesized the issues, discovering that the main problems are:
-
We need to accommodate upcoming features, as roadmap is set and new features are actively requested
-
The interface is cluttered due to the absence of a product designer at the start, which led to design compromises and accumulated issues
Research and Insights
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/f0ba527f-cce5-4203-8d2a-a39308cde4f4.png?_a=DATAdtfiZAA0)
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/75f69998-44af-4b94-a919-84192559f22d.png?_a=DATAdtfiZAA0)
We also conducted a qualitative research with 7 users to asses the usability of Nusawork app. We also constantly checking feedback sheets and observe user behavior to determine which the most effective approach for improvement. We discovered different type of users and we categorized them:
-
Senior user: who thinks x should do y
-
Effectivity based user: who thinks one step, is better than two steps
The objective is to accommodate these types of users to create a design that meets diverse needs and enhances overall user experience. We decided to focus on efficiency and streamlined workflow.
Efficient Lean Process and Rapid Design Delivery
We followed a lean process to address this issue. We quickly created wireframes, went through several iterations, and then handed them off to the developer.
The process was always fast due to our stakeholders' urgent needs. Sometimes, we managed to deliver the full polished design in one sprint for each cases.
What we did, based on the insight
Mobile home
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/e335e7db-64f2-4b5d-9de4-72c20191c5f6.png?_a=DATAdtfiZAA0)
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/15573980-5234-4407-bd9e-93e2e34e48ec.png?_a=DATAdtfiZAA0)
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/92be15e5-10a7-42b6-8ce4-bf03f02704ed.png?_a=DATAdtfiZAA0)
We redesigned Home v1 into Home v2 to showcase the main features and moved the Clock In/Clock Out section to a new dedicated navigation bar. However, as the number of features continued to grow, we decided to iterate on the designs further.
Home v3 resolves user frustration with side scrolling by reducing the extra steps needed to access features. Home v3 also displays more features directly within the interface, unlike in previous versions.
Redesign the Feedback Form
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/729dff43-927d-4129-b2de-8ceac65d99e3.png?_a=DATAdtfiZAA0)
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/cbe236d3-37e1-494e-8521-290c60304ece.png?_a=DATAdtfiZAA0)
The old form was too difficult to read thoroughly and overwhelming due to excessive texts. We decided to simplify the interface to make it easier for users to provide feedback.
Cluttered calendar
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/1edd275c-7c6a-4601-9b77-75d5c8fb54af.png?_a=DATAdtfiZAA0)
![](https://res.cloudinary.com/read-cv/image/upload/c_limit,h_2048,w_2048/v1/1/pages/NBDgYlstAEdvUfx7nahyx9uUiTz2/nusawork-mobile/579f2458-9dc7-4f8c-b57e-e3405d744656.png?_a=DATAdtfiZAA0)
As shown above, some users found the interface cluttered and overwhelming because of too many actions. We revised the hierarchy to
-
At the top, we guide the user to choose which calendar they want to see: Work Schedule, Events and Holidays, or Overtime Schedule
-
The time picker, which allows the view to be changed to Day, Week, or Month
-
Finally, users can access the detailed content of the calendar
The Impacts
After four sprints and user reviews, we succeeded to:
-
Reduced the number of steps needed for certain flows, This change led to a noticeable increase in positive user feedback and a reduction in task completion time
-
Some aspects of the UI are well-structured, which helps reduce user frustration indicated by fewer support requests following the changes