A new interface designed to simplify user decisions
User feedback revealed that the match-and-rank feature was highly valued but lacked visibility and was complex to understand. To address this, I designed a simpler match-and-rank interface positioned at the top of job posts and candidate profiles, making it easier for talent seekers to assess candidates and for job seekers to evaluate potential jobs. The prototype received positive usability feedback and is set to be implemented soon.
Company:
Torre
Role:
Product Designer
Tools:
Figma, Maze, Notion
Context
Torre’s AI-powered job-matching system, driven by nine distinct AI models that evaluate 112 factors, is one of its most significant value propositions and is highly valued by users. The match-and-rank view is presented in two sections of the platform:
For talent seekers: When reviewing a candidate’s profile, it shows how well the candidate matches and ranks for the role they are looking to fill.
For job seekers: When reviewing a job post, it highlights how their skills and preferences align with the job offer and its requirements.
Problem
Through customer service and previous UX research conducted by the design team, we collected feedback regarding the match-and-rank feature that appears in both the job opening and candidate profile views. The most important findings were:
Retained talent seekers had incorporated reviewing the match-and-rank feature into their routine for evaluating candidates. They rated it very highly and believed it was a feature that differentiated Torre from other ATS (Applicant Tracking Systems).
Most newly acquired users (both talent seekers and job seekers) were unaware of the match-and-rank feature because it wasn’t visible enough in the views where it appeared. Both the candidate profile and the job post views have several sections displayed before the match-and-rank section.
Newly acquired users (both talent seekers and job seekers) who noticed the match-and-rank feature mentioned that it was difficult to understand due to the amount of data points it included.
Solution
Step 1: Ideate
Together with the Product Manager, we defined the crucial information to be shown in the match-and-rank feature. The goal was to remove unnecessary data points, leaving only the information that would help users decide if the job or the candidate was a match.
Step 2: Defined hypothesis and metrics
The team's hypothesis was that redesigning the match-and-rank feature would increase user engagement and help users make decisions more quickly. Therefore, we aligned on measuring:
Engagement with the drawer (number of times the drawer was opened).
Time from candidate acquisition to application.
Time from candidate application completed to review (match or ruling out) by the talent seeker.
Step 3: Design
Once we defined what information to display for each type of user (talent seeker and job seeker), I began drafting designs for the positioning of the match-and-rank section.
The Product Manager and I agreed that it was crucial to display the section immediately, without covering other valuable information users needed to review. For example, in a job opening, this included details like the job description, location, compensation, and required skills and languages.
We reviewed three design proposals with the CEO until we reached a consensus on one that we all approved.
Step 4: Test usability
After aligning on the design with the Product Manager and CEO, I moved forward with usability testing using random users. I created two testing guidelines:
Users acting as talent seekers reviewing a candidate’s profile.
Users acting as job seekers reviewing a job opening.
Since the views were similar, I optimized testing by using a mobile design prototype for one guideline and a desktop design prototype for the other. This allowed me to test both screen sizes efficiently with only two flows instead of four.
With the guidelines and prototypes ready, I used UserBob to recruit participants to test the prototypes. Finally, the data was collected, analyzed, and presented in a report, which included key takeaways and proposed next steps.
Key takeaways
The prototype received very positive feedback during usability testing:
Testers acting as talent seekers found the design efficient, with 8 out of 10 highlighting how it made reviewing candidates much easier and quicker.
All testers acting as job seekers mentioned that the design was easy to navigate. They appreciated how well-organized it was and how quickly it helped them determine if a job was a good fit.
The only issue identified was that some testers took extra time to expand the sidebar. To address this, I added a small tab next to it to make it more noticeable.
The design is set to be implemented in the coming months.