top of page
pexels-yury-kim-585418.jpg

UX / UI Design

Ministry of Manpower Key Employment Terms Online Tool

Requirement Gathering & Form Design

The Ministry of Manpower is Singapore's governing body to all things that are manpower related. The Key Employment Terms (KET) Verification Tool is a new set of online questionnaire that helps both employees and employers to ensure that the company abides to employee rights by highlighting violations against the MOM's Employment Act requirements.

Project Duration: 3 Months.

Role: UX Designer
Deliverables: Web & Mobile Responsive Prototype

Introduction

Project Brief

A request from the client to create a new calculator tool based off a set of questionnaires that will help the user to get answers for their working arrangements. As it is a government website. The UI would have to follow a set of strict Digital Service Standards (DSS) guidelines that will provide consistency among the other tools that they currently have.

mom ket.png

Providing Better Usability

Design Feedback

With the understanding that most work arrangements had a fixed timing for the first 5 working days. The client had found it troublesome to fill in each individual day's working hours despite it being the same throughout.

ketstuff.png

Lesser Inputs

Faster Completion

Better Experience

Screenshot 2021-04-15 160335.png

Introducing a functionality to reduce inputs by allowing the user with the same daily work arrangements to select a check box that changes Day 1 to Day 5 inputs into a singular input.

Mobile Responsive Design

Challenges

While the other inputs were an easy consideration for responsive design. The work schedule table needed extra attention to its behavior when it came to a smaller screen.

ket desktop.png
ket mobile updated.png
mobilekettable.png

Mobile View

ketstuff.png

Web View

Due to the smaller screen size, there would be a lack of horizontal space for 4 columns. As such this would mean that the order of information displayed for mobile will be affected. With that, the table would appear as 2 columns and the column headers will be reorganized under each individual day on the mobile.

  • LinkedIn - Black Circle
bottom of page