Redesigning

Intellibee’s

HR Management system

How might we redesign Intellibee’s HR management ​system to improve usability, functionality, and visual ​appeal for a better user experience?

Goal

The goal is to redesign Intellibee’s ​HR management system to create ​an intuitive, efficient, and user-​centered platform for managing ​employee information and ​timesheets and streamlining HR ​processes.

Existing system

Background

Intellibee is a leading provider of ​B2B SaaS solutions, specializing ​in security and identity products.

Why redesign?

  • Usability Issues
  • Confusing IA
  • Limited Functionality
  • Outdated Design


Problem statement

How might we redesign Intellibee’s HR ​management system to improve ​usability, functionality, and visual appeal ​for a better user experience?

Design Process

UX graphic designer planning application process development prototype wireframe for web smart phone. Creative digital development agency.

Research

  • Think-aloud testing (Analyzing existing design)
  • Competitive analysis
  • Benchmarking
UX mobile application wireframe. Sketch, prototype, framework, layout future app design project. UI/UX - user interface and user experience designer. Creative concept for smartphone. App development

Think aloud testing of existing IntelliHRMS

Number of participants - 3

Tasks given -

  • Login to your account
  • Open your profile and update your ​address
  • Upload a new picture of your ​passport
  • Download W4 form
  • Logout

Open-ended questions were asked to understand ​user pain points -

  • How do you feel about the process of updating ​your personal information in this system? Were ​there any steps that seemed unclear or ​cumbersome?
  • Are there any features you felt were missing or ​inadequate?
  • What are the features that you feel need more ​attention?
  • What features do you use the most?
  • What did you find easy or difficult?

Competitive Analysis

Tool

Features

Strengths

Weaknesses


  • Employee database management
  • Time-off tracking
  • Performance management
  • Reporting and analytics
  • Applicant tracking system (ATS)
  • User-friendly interface
  • Strong customer support
  • Good for small to medium-sized businesses
  • Comprehensive employee self-service


  • Limited payroll functionalities
  • Not ideal for larger enterprises
  • Some advanced features are add-ons



  • Human Capital Management (HCM)
  • Financial Management
  • Time tracking
  • Payroll and workforce planning
  • Advanced analytics


  • Highly scalable and suitable for large enterprises
  • Robust integration capabilities
  • Advanced analytics and reporting
  • Comprehensive and modular


  • Steep learning curve
  • High cost
  • Implementation can be complex and time-consuming



  • Employee information system
  • Performance management
  • Time and attendance tracking
  • Payroll integration
  • Customizable dashboards and reports


  • Highly customizable
  • Intuitive user interface
  • Good integration with other HR tools
  • Suitable for mid-sized to large businesses


  • Learning curve for advanced customization
  • Limited pre-built templates
  • Customer support response times can be slow


Benchmarking - UI

Analysis

  • Affinity diagram
  • Journey mapping
  • User persona
Web Designer Working at the Office
Colleagues Discussing Work Together
UX mobile application wireframe. Sketch, prototype, framework, layout future app design project. UI/UX - user interface and user experience designer. Creative concept for smartphone. App development

Affinity diagram

User Journey Mapping

User persona

A Bearded Man in Yellow Long Sleeve Shirt

Software Engineer

Age: 28

Role: Software Engineer

Location: San Francisco, CA

Education: Bachelor’s Degree in ​Computer Science

Experience: 5 years in software ​development

Carlos Martinez

Background

John is a talented software engineer who works at Intellibee. His primary focus is on ​coding and developing new features for various projects. John prefers spending ​most of his time on technical work and finds administrative tasks like updating ​timesheets and managing personal information tedious. He values intuitive tools ​that minimize the time he spends on HR-related activities.

Goals

  • Quickly and easily log hours and manage timesheets.
  • Access and update personal information without hassle.
  • Receive timely notifications and updates on HR-related matters.


Needs

  • A user-friendly dashboard to access all HR-related tasks.
  • Efficient timesheet management system with reminders.
  • Easy access to personal and company information.
  • Intuitive navigation that doesn't require extensive training.


Pain Points

  • Current system is difficult to navigate and wastes valuable time.
  • Frustration with the complex process of logging hours and managing timesheets.
  • Lack of timely notifications for important HR updates.
  • Difficulty in finding and updating personal information due to poor interface design.


UX graphic designer planning application process development prototype wireframe for web smart phone. Creative digital development agency.

Design

  • Flow diagrams
  • Card sorting
  • Information architecture
  • Sketching and ideation

Information Architecture

User flows

Sketching

Prototyping

  • Low, mid, and high-fidelity prototyping
  • Visual design
  • Design system
  • Testing for accessibility

Prototyping | High-fidelity

Login screen

Old

New

Employee Dashboard

Employee Information Portal

Employee Information Portal

Employee Information Portal

Edit Employee Profile

Edit General Information

Edit General Information / ​Address Information

Timesheet

Design System

Accessibility

Before

After

Website development UI/UX. designer brainstorming application for mobile Creative digital concept

Testing

  • Usability testing
  • Iteration
  • A/B testing
Website development UI/UX. designer brainstorming application for mobile Creative digital concept

Think Aloud Testing

Tasks given -

  • Login to your account
  • Open your profile and update your ​address
  • Upload a new picture of your ID
  • Find your payroll section to update your ​bank details
  • Logout

Open-ended questions were asked to understand ​user pain points -

  • How do you feel about the process of updating ​your personal information in this system? Were ​there any steps that seemed unclear or ​cumbersome?
  • Are there any features you felt were missing or ​inadequate?
  • What are the features do you think have improved ​compared to the old system?
  • What did you find easy or difficult?
  • Do you have any feedback for me?

Design iterations

Easily accessible logout button

New

Old

Design iterations

Timesheet - Filter by project (for multiple projects)

Old

New

Design iterations

Providing an option to close at the end of editing (when cancel option isn’t present)

Old

New

A/B Testing

Checklist Illustration

Votes - 2

Votes - 6

Conclusion

Outcomes & Impact Created:

  • Improved usability which helped reduce ​inefficiencies and frustrations among 50+​ employees
  • Enhanced functionality and look leading ​to increased productivity and satisfaction ​of the stakeholders
  • Educated the company about the ​importance of UX design and the the ​research work that comes with it

What I Learned:

  • Not all companies are UX literate, it’s a UX ​designer’s responsibility to introduce the ​best practices within the team
  • Importance of white spaces
  • Balancing aesthetics with functionality
  • Value of collaboration with cross-​functional teams for a cohesive design
  • Evaluate stakeholder feedback and ​understand business needs