The redesign

#1 Login

The logging in process and experience is the top concern and issue for users. The app currently has a typical username and password input with a necessary "Forgot your password?" button. The components missing that users want to see include:

• ‘Remember Password’ feature

• Biometric login option

#2 Home

The app currently utilises a hamburger menu for navigation. I have decided to replace this as hamburger menus make features indiscoverable. The "menus in menus" within the hamburger menu also makes users take a lot more clicks than they should reach what they need. I have replaced it with a navigation dock to clean up the menus and make sections more accessible to users. Within the new redesigned home screen, features that users find useless have been removed and replaced with components that many want to see such as, upcoming shifts and rostered staff.

#3 Schedule

The design of the calendar makes viewing a user's schedule and shifts very difficult. In the revised design, I've incorporated a more modern calendar design, with the red stamp showing days where the user is on shift. The date selection is not streamlined to use so I've also modified its placement and design. In order to reduce the number of tabs and sub-menus in those tabs, I've place all necessary scheduling and time-off access in the schedule screen. Therefore, users have all the necessary information on one screen. What users also wanted to see from this app is the addition of viewing rostered staff on specific days. Whenever a user clicks on the date, the corresponding staff working is shown below it.

#4 Timesheet

First glance at the timesheet screen leaves me very overwhelmed with so many components poorly placed on the screen. In order to improve that, I gathered the important details on the top half of the screen and composed them into a sleek container with a very simple design. With the bottom half of the screen, I've kept the same layout. The change implemented here would be enhanced visibility of the text and keeping the colours used to a minimum as I find that it makes it very hard to find what I want when there is a lot going on. I've kept the dates at 2-week increments so users can quickly find the date by their pay periods.

#5 Time Off Request

The main inconvenience when requesting time off in regards to my own experience as well as the order of steps asked. I find myself wanting to choose my dates first and then deciding what type of leave I'd like to take. This is how I improved the design in the mock-up. I made the calendar the first point of interaction and the salient feature so that the user can decide the characteristics of their leave after choosing the dates. Currently, the app only allows you to request leave one day at a time. By moving the schedule component to another screen allows the application to fit all the days and their corresponding schedules all in one's view.

#6 Time Off Balances

Within 'Time Off', Kronos allows users to access their leave statistics. As you can see from the before image, the font size of the hours is obnoxiously large and there seems to be a lot of information in one place. What I have done with the redesign to help make it easier to digest is the segregation of the 3 main components - leave balance, information about the leave, and the request button. By doing so, it separates the main features, making it easier to read. The original request button feels blended in with the rest of the text so I parted it away from the text and placed it on its own contrasting button. Within 'Time Off', Kronos allows users to access their leave statistics. As you can see from the before image, the font size of the hours is obnoxiously large and there seems to be a lot of information in one place. What I have done with the redesign to help make it easier to digest is the segregation of the 3 main components - leave balance, information about the leave, and the request button. By doing so, it separates the main features, making it easier to read. The original request button feels blended in with the rest of the text so I parted it away from the text and placed it on its own contrasting button.

#7 Time Off History

Two main modifications were made to this page. One of them is the dropdown selection for choosing the year period. This is not consistent with many apps out in the market today, giving the user the experience of having to seek the feature. In order to combat that, I changed the dropdown into one with navigating arrows located at the top of the page. Higher visibility and being externally consistent will improve the time one takes to switch time periods.

Additionally, If a user has a long list of leave, the placement of the date in the original design will make it difficult as the font blends in with the rest of the information. In the redesign, I placed the date in the sub-tabs for improved discoverability.

#8 Profile

The profile page of Kronos has a lot of tabs with quite a few irrelevant sections of information. The tabs that users frequent more often I have kept on the profile page, whereas, the rest I moved into settings as such information can be edited. There is currently an absence of a settings page in the Kronos app hence why I've created one. I've also added push notification settings in response to results from the user survey. Users wanted the app to notify them a certain time frame before their shift starts to alert them to clock in as forgetting to clock in is a common occurrence. This will ultimately improve employee morale by alerting them of shifts up ahead as well.

#9 Password Change

Not many modifications were constructed to this page. The main issue was the placement of the 'Change Password' button is a great distance away from the main components. A password confirmation pop-up was also added to provide users with feedback and reassurance of a successful password change.