Employee Dossier
Employee Dossier
Employee Dossier
Overview
Overview
Overview
Problem
Problem
Problem
The application's UI has usability issues causing confusion and inefficiency. Users struggle with icons, labels, and buttons, especially in Social Connects, Current Employment, and Identity Proofs sections. Misleading visual cues and missing search functionality in the documents section hinder navigation. Unclear update prompts further complicate user interactions, highlighting the need for improved UI design and user guidance.
The application's UI has usability issues causing confusion and inefficiency. Users struggle with icons, labels, and buttons, especially in Social Connects, Current Employment, and Identity Proofs sections. Misleading visual cues and missing search functionality in the documents section hinder navigation. Unclear update prompts further complicate user interactions, highlighting the need for improved UI design and user guidance.
The application's UI has usability issues causing confusion and inefficiency. Users struggle with icons, labels, and buttons, especially in Social Connects, Current Employment, and Identity Proofs sections. Misleading visual cues and missing search functionality in the documents section hinder navigation. Unclear update prompts further complicate user interactions, highlighting the need for improved UI design and user guidance.
Solution
Solution
Solution
Create an efficient and effective research companion that significantly contributes to the academic endeavors of both faculty and students.
Create an efficient and effective research companion that significantly contributes to the academic endeavors of both faculty and students.
Create an efficient and effective research companion that significantly contributes to the academic endeavors of both faculty and students.
My Role
My Role
My Role
UX Designer
Timeline
Timeline
Timeline
5 weeks
The Existing Product
The Existing Product
The Existing Product
Before
After
Before
After
Product and User Research
Target Audience
Human Resources (HR) Department
Managers and Supervisors
Executives and Senior Leadership
Compliance and Legal Teams
Employees
Product and User Research
Product and User Research
Target Audience
Human Resources (HR) Department
Managers and Supervisors
Executives and Senior Leadership
Compliance and Legal Teams
Employees
Results of Usability Testing
Results of Usability Testing
Results of Usability Testing
About Me
About Me
About Me
Users keep getting an underline or a scrollbar hovering over the value of the attributes.
Users are unable to understand if the update details button is limited to the Personal details section or for all the sections.
Users are unable to understand why the system is asking them to update details if they haven’t made any changes
Users keep getting an underline or a scrollbar hovering over the value of the attributes.
Users are unable to understand if the update details button is limited to the Personal details section or for all the sections.
Users are unable to understand why the system is asking them to update details if they haven’t made any changes
Users keep getting an underline or a scrollbar hovering over the value of the attributes.
Users are unable to understand if the update details button is limited to the Personal details section or for all the sections.
Users are unable to understand why the system is asking them to update details if they haven’t made any changes
Employment History
Employment History
Employment History
In the current employment section, users are unable to understand the pound-dollar icon
Users are unable to see the complete list of compensation heads while hovering over the pound-dollar icon
In the current employment section, users are unable to understand the pound-dollar icon
Users are unable to see the complete list of compensation heads while hovering over the pound-dollar icon
In the current employment section, users are unable to understand the pound-dollar icon
Users are unable to see the complete list of compensation heads while hovering over the pound-dollar icon
Identity Proof
Identity Proof
Identity Proof
Under Identity Proofs sections, users could not see the thumbnail of the document
Under Identity Proofs sections, users could not see the thumbnail of the document
Under Identity Proofs sections, users could not see the thumbnail of the document
Conceptualization
Conceptualization
Conceptualization
Before
After
Before
After
Usability Testing #2
Usability Testing #2
Usability Testing #2
😢 Users were unable to understand what the CTA button would do
😢 Some users were worried that if the tabs on the top were more than 5, how would they fit on the screen
😢 In the contact details tab, users wanted to share and download their business card
😢 Users were unable to understand what the CTA button would do
😢 Some users were worried that if the tabs on the top were more than 5, how would they fit on the screen
😢 In the contact details tab, users wanted to share and download their business card
😢 Users were unable to understand what the CTA button would do
😢 Some users were worried that if the tabs on the top were more than 5, how would they fit on the screen
😢 In the contact details tab, users wanted to share and download their business card
🙂 Users were happy that all their basic personal information was available on every screen
🙂 Users liked how their work experience, skills, languages, and career highlights are grouped together under one tab
🙂 Users were happy that all their basic personal information was available on every screen
🙂 Users liked how their work experience, skills, languages, and career highlights are grouped together under one tab
🙂 Users were happy that all their basic personal information was available on every screen
🙂 Users liked how their work experience, skills, languages, and career highlights are grouped together under one tab
Challenges
Challenges
The tab structure is not scalable.
The tab structure is not scalable.
It is not up-to-date with the latest long-scrolling trends in websites
It is not up-to-date with the latest long-scrolling trends in websites
Does not include details of the employee's family and nominations of ESIC and Insurance
Does not include details of the employee's family and nominations of ESIC and Insurance
Information in some sections cannot be segregated since relevant tabs do not exist
Information in some sections cannot be segregated since relevant tabs do not exist
Wireframe and Testing
Wireframe and Testing
Wireframe and Testing
Before
Results of Usability Testing
Option to edit profile picture
Option to edit personal details, contact details, Bank Details, Coordinates, Identity Proofs, Family member details
Option to add images of their nominations to their provident fund, ESIC and Insurance
Users need to know the number of type of rewards they have received
Users need to know if the profile is active or not
Option to edit profile picture
Option to edit personal details, contact details, Bank Details, Coordinates, Identity Proofs, Family member details
Option to add images of their nominations to their provident fund, ESIC and Insurance
Users need to know the number of type of rewards they have received
Users need to know if the profile is active or not
Option to edit profile picture
Option to edit personal details, contact details, Bank Details, Coordinates, Identity Proofs, Family member details
Option to add images of their nominations to their provident fund, ESIC and Insurance
Users need to know the number of type of rewards they have received
Users need to know if the profile is active or not
Final Prototype
Final Prototype
Final Prototype
Hierarchy in the Timeline Section
Company Name (e.g., Brillio): Displayed in a bold and larger font size to stand out as the most important element, helping users quickly identify the organization.
Job Title: Positioned below the company name in a slightly smaller or regular font, indicating its subordinate importance but still emphasizing the role.
Work Details: Listed in a smaller font and lighter weight, further down the hierarchy, providing additional context about the responsibilities or achievements in the role.
Clarity
Clear sectioning with headers and containers ensures content is scannable and easy to navigate.
Visual cues like icons and maps support text, reducing cognitive load and enhancing understanding
Personalization
The profile prominently displays user-specific elements like the name, profile picture, achievements, and progress bar to create a sense of identity.
Sections like emergency contacts, family members, and nominees reflect the user’s real-life needs and responsibilities.
Language preferences and cultural touches ensure inclusivity, enhancing the personal connection to the interface.
Progressive Disclosure
Collapsible sections like "Personal Details" and "Contact Details" manage information overload by revealing only essential details upfront.
Users can access additional information, such as emergency contacts or family members, only when needed, ensuring a clean and focused interface.
Reflection
Reflection
Reflection
The Employee Dossier project was a challenging yet rewarding experience due to the tight 30-day timeline and the complex requirements. I had to incorporate essential features such as displaying basic information in two languages, work experience timelines, contact details, skills, bank information, and addresses. Additionally, the user was given the ability to edit only specific fields, which added a layer of complexity to the design. A key consideration was that users had been relying on a previous version of the module for a long time, so it was crucial to ensure no important data from that version was lost. Balancing all these elements while respecting existing user needs taught me how to prioritize features, manage time efficiently, and maintain user-centric design under constraints.
The Employee Dossier project was a challenging yet rewarding experience due to the tight 30-day timeline and the complex requirements. I had to incorporate essential features such as displaying basic information in two languages, work experience timelines, contact details, skills, bank information, and addresses. Additionally, the user was given the ability to edit only specific fields, which added a layer of complexity to the design. A key consideration was that users had been relying on a previous version of the module for a long time, so it was crucial to ensure no important data from that version was lost. Balancing all these elements while respecting existing user needs taught me how to prioritize features, manage time efficiently, and maintain user-centric design under constraints.
The Employee Dossier project was a challenging yet rewarding experience due to the tight 30-day timeline and the complex requirements. I had to incorporate essential features such as displaying basic information in two languages, work experience timelines, contact details, skills, bank information, and addresses. Additionally, the user was given the ability to edit only specific fields, which added a layer of complexity to the design. A key consideration was that users had been relying on a previous version of the module for a long time, so it was crucial to ensure no important data from that version was lost. Balancing all these elements while respecting existing user needs taught me how to prioritize features, manage time efficiently, and maintain user-centric design under constraints.
💡Have a project in mind?
©2025. Designed by Tanuja Bodas. All rights reserved
Bona
View Project
💡Have a project in mind?
©2025. Designed by Tanuja Bodas. All rights reserved
More Projects
More Projects
More Projects