Let’s Connect
Send an email - arpitadas.ad20@gmail.com
Role
UI/UX Designer
Duration
In Progress
Team
Nikhil, Ashish
Category
Website Design
About Project
Haire.ai is an AI-driven recruitment platform designed to optimize the hiring process by using advanced AI technology to automate tasks like candidate filtering, assessments, and interviews. This helps recruiters and HR professionals save time and improve the accuracy of candidate selection.
Problem Statement
Recruiters and hiring managers face several challenges in the interview process, particularly in managing a large volume of applicants. Traditional interview processes can be time-consuming, resource-intensive, and prone to human bias. Key issues include:
Scalability Issues : As the number of applicants grows, managing and scheduling interviews becomes more difficult.
Human Bias : Traditional interviews can be influenced by unconscious biases, leading to less diverse and inclusive hiring.
Consistency : Evaluating candidates consistently across different interviewers can be challenging.
Efficiency : Coordinating interviews, tracking progress, and analyzing responses often slow down the hiring process.
Accessibility : Traditional interviews may lack accommodations for accessibility, limiting inclusivity in hiring.
Problem Solution
We designed an AI-powered interview module that allows candidates to conduct interviews at their convenience, eliminating the need for real-time scheduling. This feature significantly reduces the workload for HR teams by automating the initial screening process and removing human bias. Key elements of the solution include:
AI-Driven Interviews : The AI interviews candidates without time restrictions, allowing them to participate at any hour, increasing flexibility.
Unbiased Screening : The AI evaluates candidates fairly and consistently, without human bias, ensuring that all candidates are judged equally based on their responses.
Custom & Skippable Questions : Candidates can skip predefined questions, but custom HR questions remain mandatory to ensure relevant information is gathered.
Hold to Speak Interaction : A "Hold to Speak" feature allows candidates to manage their responses, giving them control over when to speak and stop.
Accessible Design : Subtitles are provided for all AI questions, ensuring that the platform is inclusive for candidates with different accessibility needs.
Task Bar with Job Profile : The interface keeps candidates aware of the role they are interviewing for, ensuring they stay focused and informed during the process.
Design Process
User Research
Prototype
Usability Testing
Iterative Design
Core Functionality
The heart of Haire.ai is its AI-powered interview module, designed to remove the time constraints of traditional interviews. Candidates can participate in interviews at any time—whether morning or night—ensuring a flexible and unbiased experience. This feature reduces the workload for HR professionals by automating the initial screening process, making it suitable for industries of all sizes.
Design Solutions
Version 1
Challenges Encountered
The "Hold to Speak" call-to-action (CTA) was a requirement from our client, intended to allow candidates to speak during the interview by pressing and holding the button. However, we ran into some significant issues with this design. Given that interviews can be lengthy, it was tough for candidates to keep their fingers on the button for such an extended period. If they moved their fingers even slightly, it would stop their responses, which added unnecessary stress.
We tried to help users understand this feature by including tooltips, but many still found it confusing. On top of that, the percentage indicators we used were way too small to see clearly. Making these larger is essential to ensure candidates can easily track their progress during the interview.
Overall, these problems made the user experience less than ideal, showing us that we need to rethink and refine this feature.
Version 2 (Final Design)
Proposed Solution
To improve the user experience, we first addressed the issues with the original "Hold to Speak" CTA feature. This feature required candidates to press and hold the button while speaking, which made it difficult during long interviews, as any movement could accidentally stop their responses.
To make it easier, we switched to a "Tap to Answer" feature. Now, candidates can simply tap the button to start speaking and release it when they want to stop. This change allows for a more natural conversation during interviews.
We also made the percentage progress bar larger so it spans the full width of the page, making it much easier for candidates to see their progress at a glance. To help users understand how to use the new features, we added helpful tooltips that explain how to use the "Tap to Answer" and "Tap to Stop" options.
After sharing these solutions with the client, they appreciated the changes for being simple and easy to understand. We encouraged users to try out the new functionality to ensure it was accessible and intuitive for everyone. These improvements not only solved the initial challenges but also made the interview experience better for candidates.
Learnings & Takeaways
Creating and managing design system at scale
Learned about a creating a design system, its elements, creating customisable components, distributing the library, assist and train people in using the design system.
Balancing pace and perfection
As it was a fast paced project, there was need to strike the balance between speeding up towards the deadline but also take care of the important details.
Navigate through ambiguity
Move ahead without knowing the perfect answer for the questions. Walk past the hurdles and keep moving with trying multiple ideas.
Receiving feedback and iterating
Constantly engaging with the team and stakeholders to receive feedback on the constraints, limitations or requirements to iterate or revise the components to build the design system.