SAGAR SUTAR


HappierWork - User Experience Design

Product Design, Interaction Design, Information Design

[Image 1/4] Searce: Happier Pay - Investment Declaration UX Design
[Image 2/4] Searce: Happier Perform – Objectivers and Key Results (OKR) Concept Design
[Image 3/4] Searce: Happier Hire – Dashboard Design
[Image 4/4] Searce: HappierWork – Android/iOS Application

Project Overview

HappierWork is an emerging cloud-based Human Resource Management System (HRMS). It is a family of different application — Happier HR, HappierHire, HappierPay, HappierPerform, HappierBot etc.

My role as User Experience Designer of HappierWork involved advocating the end user’s experience by creating meaningful concepts and interactions and crafting interfaces that make HappierWork easy to use for users like HR Mangers, Executives, Product Managers and Employees.

During the period of 9 months working as full time UX Designer, I was closely collaborating with Product Managers, Software Engineers and other design colleague to shape the product which is currently being used by companies like Mapro, Royal Enfield and Searce etc.

Design Briefs

During the time of 9 months I got chance to work on multiple design briefs and problem statements -

1. Deigning the OKR (Objectives and Key Results) Dashboard for HappierPerform, which involved taking usability tests and suggests better alternatives wherever required.
2. Re-designing the user flow for Investment Declaration feature for HappierPay.
3. Designing the Dashboard Experience for HappierHire App to make it easy for hiring managers to take decisions.
4. Designing the HappierWork Android/iOS application.

Research – Understanding the Context and Users

HappierWork as a cloud based ERP is primarily used by employees of company and HR Managers to manage their work in day to day life. The product is integrated with G-suite and every employee gets an access to this product when they join the organisation using happierWork. From this app employees an manage their leaves, documents and other HR-related activities.

HappierPerform is performance management app through which every employee can keep track of their assigned objectives. HappierPay handles payment and appraisals of employee. Happier Hire is primarily used by HR managers and Talent acquisition teams to post and manage hiring needs. All happierApps are seamlessly integrated with each other and with G-Suite.

HappierWork takes care of everything, from Hire-to-Retire

Illustration of Employee Hire to Retire Flow using Happier Apps

User Research and Analysis

To design the right experience, I started by understanding the potential users, the way they interact with happierWork, their primary needs, their pain points in existing user.

After gaining overview of product from BA, product managers, QA and other colleagues. I interviewed couple of HR managers, few employees within our organisation. Most of the people use the web application to accomplish their HR related needs, like managing their leaves, uploading required documents, check out holidays, understand and monitor their work hours etc. For some employees, like sales employees it becomes difficult to manage their in/out timing as they do not get access to their account outside of an organisation.

For some users like HR it becomes difficult to manage interviews as the current interface is not much insightful. For some HR managers the aesthetics of the interface was major concern, they considered “not-a-good-looking” interface as bad experience.

From such insights, I came up with some questions to frame my ideation:

How can we design a painless and decent experience, in given time?
How can we design an experience over smartphones both android and iOS?
What can be done to make dashboard for HR to make more insightful?
How Investment declaration can be made much easier for users?

Persona

From the user research, I built personas to highlight needs, motivations and goals of different type of users and further used these personas in ideation and designing user flows.

Insights

We were able to derive following insights fro mour initial research and feedback from users

1. HappierPerform – The existing dashboard had lot of usability issues and usability patterns needs to be consistent with other apps in HappierWork family.
2. HappierPay – It becomes difficult for people to search for type of investment and get an overview of complete investment done. So investment declaration dashboard needs to be more informative and need to made simple.
3. HappierHire – For HR people they need to get overview of number and types of opening in an organisation. They also need to schedule/reschedule and see today’s interviews.
4. For sales people they need an smartphone application that can give access to people outside organisation.

Ideation

From the user research and insights we came up with following ideas to address the needs and problems user were facing —

1. Creating the dashboard for happier perform from where managers can define OKRs and employees can track their day to day OKRs
2. Simplifying the Investment declaration flow for the users.
3. Redesigning the Happier Hire dashboard for the HR people to make it more insightful and informative.
4. Designing the HappierWork Smartphone application.

Information Architecture

With some initial ideation done, the next stage was structuring the information. Most of the structure of HappierWork was already defined, but I did this exercise of defining the IA for happierWork for better understanding the information flow. This further helped us to redefine the information flow, wherever needed.

At a next stage, we designed rough wireframe from the identified information architecture. Although I am not able to share every details for each type of user, below are few wireframes that we designed for HappierPay and HappierHire.

Wireframes

Following are some of the wireframes that we initially designed after ideation and after understanding the information architecture. We performed many iterations to comeup with in detailed wireframes so as to save our efforts in re-designing final visual design.

We designed the concept of hire dashboard in detail and iterated over multiple wireframe designs to arrive at final acceptable wireframe of dashboard. We designed every chart in detail and discussed it with targeted users.

Final Visual Designs

We arrived at final desgns after multiple iterations. Final desns were based upon feedbacks from users, product manager and software engineers. Following are few screens that I would like to share –

Project Impact

1. Since the release of first iteration of HappierPerform, Searce is using this feature since last one year to keep the track of objectives at different levels.
2. For HR people, keeping track of hiring has become simple, especially with interview notifications on dashboard.
3. Investment declaration has become simple and clear.
4. HappierWork has been able to pitch the product to different clients and was able to on-board new clients increasing its circumference.