top of page
gifmock (19).gif

#1 Introdoction
Project Overview
HR management dashboard

 Responsibility: UX/UI project

HR peopleplus is internal organizational system a centralized, visualized interface that provides HR professionals, managers, and executives with real-time insights and key metrics related to various aspects of human resources within an organization.

User Problem
a user | a need | a goal

Employees often find it challenging to navigate through various HR-related tasks, such as accessing their benefits information, submitting time-off requests, or finding company policies. They may feel overwhelmed by the complexity of HR systems, leading to frustration and decreased productivity. Additionally, they might not have access to important HR-related information, leading to misunderstandings and miscommunication.

Business Problem
what do we want to achive?

From the business perspective, HR processes can be time-consuming and resource-intensive. Manual handling of tasks such as payroll management, employee onboarding, and performance evaluations can lead to inefficiencies and errors. Moreover, the lack of real-time data and insights into HR metrics makes it difficult for the management to make informed decisions regarding workforce planning and talent management.

The Goal

Integrated HR Management Dashboard for streamlined workflows and improved decision-making.

#2 Design thinking process to solve my problem

Empathize

Define

Ideate

Prototype

Test

Empathize

- Understand the needs, goals, and pain points of both employees and HR professionals and empathize with their specific challenges and preferences.
- Develop empathy maps to visualize the thoughts, feelings, and behaviors of users related to HR tasks and interactions.

User Interview

Interview results based on conversations with users of an HR dashboard management system, highlighting various pain points they encounter. 
Interviewed
4 people in the field of human resources and recruitment, it was important for me to hear them.

 

Group 8943 (4).png
Group 48095723.png

The general points I found:

1. Complex navigation.
2. Lack of real-time data.
3. Limited self-service options.
4. Users stress the importance of a user-friendly interface for better adoption rates.

Define
Empathy Map: Understanding user needs in HR Dashboard Management

By understanding  thoughts, feelings, and actions, we can design an HR dashboard that addresses pain points and aligns with goals and objectives.

Group 48095724_edited.jpg

User pain points

User pain points refer to specific problems, frustrations, or challenges that users face while using a product, service, or system. 
These pain points represent areas of dissatisfaction or difficulty that can affect the overall user experience and hinder users from achieving their goals effectively. 
Identifying and addressing these pain points is crucial for enhancing the usability and satisfaction of the product or service.

Section 7_edited.png

User Journey Map

Section 8.png

Persona

Sarah is a dedicated HR manager in a mid-sized company.
She is passionate about creating a positive work environment and supporting employees throughout their career journey. However, she often feels overwhelmed by the manual tasks and lack of efficient tools to manage HR processes effectively.

Name: Sarah Rodriguez
Age: 32
Role: HR Manager
Experience: 8 years in HR management

"A well-designed interface isn't just visually appealing; it's intuitive efficient, and empowers users to accomplish tasks seamlessly"

Goals:

1. Improve HR efficiency: Sarah aims to streamline HR processes and reduce administrative tasks to focus on strategic initiatives and employee development.
2. Enhance employee engagement: She seeks tools and strategies to boost employee morale, satisfaction, and retention within the organization.
3. Achieve better data insights: Sarah wants access to real-time data and analytics to make informed decisions and track key HR metrics accurately.

Frustrations:

1. Manual processes: Sarah is frustrated by the time-consuming manual tasks involved in HR operations, such as paperwork, data entry, and report generation.

2. Lack of automation: She feels frustrated by the absence of automation in HR processes, leading to inefficiencies and errors.

3. Limited insights: Sarah encounters challenges in accessing meaningful data insights to identify trends, and track performance effectively.

Ideate
HWM?

HMW questions can guide the design process and spark innovative ideas for enhancing the user experience of an HR dashboard management system.

Group 48095727.png

Market Survey

After understanding the users needs, I made a competitor and marker research to see how other products solve this problems or similar ones.

Group 48095732.png
Group 48095730.png
Group 48095729.png
Group 48095636.png
Group 48095728.png

# PAIN PONT 1

Usability

In systems that contain a lot of data, you should emphasize the usability and simplicity of the product.
The data should be clear and plain to read and analyze while using visualization and real-time needed information updating.

# PAIN PONT 2

Hierarchy

The ability to show a large number of data in a way that will be understandable, and will not harm the understanding of the user.

# PAIN PONT 3

Learning curve

Users might experience challenges in learning and adapting to new features or interfaces, impacting user adoption and satisfaction.

# PAIN PONT 4

Limited scalability

Some apps may have limitations in scaling up to meet the needs of larger enterprises with complex HR requirements.

Information Architecture

Group 48095602.png

Key Features and conclusions

# 1

Employee Information Hub

Centralized repository for employee data.Quick access to personal details and performance metrics.

# 2

Recruitment Insight

-Visual representation of the recruitment pipeline.-Real-time tracking of open positions and candidate status.

# 3

Training and Development

-Module for tracking employee training program.-Plan development initiatives.

# 4

Attendance and Leave Management

Centralized attendance tracking with real-time updates.

# 5

Employee Engagement

Integration with employee surveys.Insights into employee satisfaction and engagement levels.

Prototype
Wireframes

Wireframing represents the foundational stage where the skeletal structure of a digital interface takes shape. It's a crucial step in the design process, focusing on functionality and user flow before delving into aesthetics.

image.png

Dashboard Overview

A high-level summary of critical HR metrics, such as the total number of employees, pending tasks, and upcoming deadlines.
Quick links or widgets to navigate to the most frequently accessed modules (employee status, tasks)
-Division into categories to make it easier to navigate the dashboard.
- Customization feature to adapt the dashboard to a number of HR employees.


Customization Dashboards

Allows HR professionals to tailor the dashboard to their unique requirements and focus on the most relevant metrics for their responsibilities.

gifmock (8).gif

Messages

The "Messages" tab in the HR dashboard serves as a centralized hub for internal communication, featuring distinct channels for both internal job discussions and recruitment-related conversations. 
This separation streamlines communication processes, ensuring clarity and organization. 
Within this tab, users can view a comprehensive call history and message log, fostering transparency and easy reference. The integrated functionality also enables seamless video calls and interviews with candidates, providing a cohesive platform for both team collaboration and efficient recruitment processes.

gifmock (9).gif

Jobs 

The "Jobs" tab in the HR dashboard serve as a comprehensive overview of open positions, categorized by both position and department for efficient navigation. 
Utilizing a flexible data filter- users can refine their search based on specific criteria. 
This tab provides detailed insights into each job, including associated department, job location, and relevant candidates. 
Additionally, users have the capability to seamlessly add new job listings, contributing to a centralized and accessible platform for effective job management within
the organization.

gifmock (11).gif

Candidates

The "Candidates" tab in the Recruitment section provides a comprehensive overview of all candidates, categorized by position, department, and matching percentage. 
It offers valuable insights into the candidate's current stage in the recruitment process and other relevant data, facilitating a holistic understanding of each candidate. 
With user-friendly features, this tab allows efficient management of candidate numbers, enabling users to add, delete, and search through filters for a streamlined and organized recruitment experience.
Importantly, candidate data is seamlessly integrated among other tabs like Messages, Jobs, ensuring a centralized and interconnected HR dashboard for holistic 
workforce management.

gifmock (12).gif

Employees

The "Employees" tab within the Organization section serves as a comprehensive directory of all employees, featuring personal details, positions, and department information. 
Additionally, it provides real-time status indications, such as whether an employee is present at work or located outside the office. 
Users can efficiently locate specific employees through data filters and seamlessly add new team members, contributing to a centralized and accessible platform for effective employee management within 
the organization.

gifmock (13).gif

Design

The final step- the focus shifts from structural planning to the visual refinement of the user interface. 
This stage involves translating wireframes and functional elements into a visually compelling and cohesive design.

gifmock (23).gif
gifmock (5).gif
gifmock (7).gif
gifmock (6).gif

The last step-Test

-Conducting testsusability testing with representative users to evaluate the effectiveness and usability of the prototype.
-collection feedback through observations, interviews, and surveys to identify areas for improvement and validate design decisions.
Repeat the design on the design based on the testing results, making adjustments to address usability issues and enhance the user experience.

bottom of page