AI-Powered Recruitment · UX Design

Panna Personality Assessment

Designing the human-AI seam for an AI-powered recruitment tool that automates personality assessments while earning trust through explainability and empathy.

Company
K R Mroads Pvt. Ltd.
Role
UX Designer
Timeline
Sept 2020 - July 2021
Team
6 people
Panna Personality Assessment Landing Page

Overview

Panna is an AI-powered recruitment tool that automates both technical and HR interviews for enterprise clients. I designed the Personality Assessment module, which evaluates candidates' behavioral profiles through a DISC-based questionnaire and automatically generates a data-backed report for recruiters.

The challenge wasn't to "automate hiring," but to create an experience that feels human, unbiased, and interpretable—a space where AI supports, not replaces, recruiter judgment.

Team Composition
1 Product Manager · 3 Engineers · 1 AI Specialist · 1 UX Designer (me)

The Problem

Recruiters often rely on subjective impressions during HR screening, resulting in inconsistent and time-intensive decisions. Panna's early prototype automated scoring but failed to communicate how or why AI reached its conclusions—causing skepticism and low adoption.

Design Question

How might we build an AI-assisted assessment that earns trust and clarifies its reasoning, while still feeling empathetic to candidates?

Scroll to explore the research and design process

Discovery & Insights

Who We Spoke To

6
Recruiters from tech and finance firms
4
Hiring managers
8
Candidates who completed mock tests

Pain Points

Recruiters couldn't validate AI conclusions—no visible rationale.

Candidates found personality questions repetitive and unclear.

The generated report overwhelmed users with raw metrics.

Both parties wanted a human tone and visual clarity in reporting.

Key Insight

Recruiters didn't need smarter AI; they needed smarter communication between AI and user.

Design Principles

Applying lessons from Stanford's Designing AI Products course, I anchored the design around the "human-AI seam"—the transition where people interpret or act on algorithmic outputs.

Explainability

Show reasoning behind each trait score, not just numbers.

Confidence & Uncertainty

Include confidence levels to visualize model certainty.

Empathy

Use supportive, neutral language ("growth areas" instead of "weaknesses").

Augmentation

Let recruiters adjust or comment on AI results before final reports.

Design & Development Process

1

Problem Framing

Mapped current hiring workflows and noted where time and subjectivity created inefficiency. Defined primary KPIs: reduce recruiter effort, increase trust, improve comprehension.

2

Information Architecture

Structured the experience into three flows:

Candidate Assessment

Answering curated paired-choice questions

AI Evaluation

Model analyzes response patterns + timing consistency

Recruiter Review

Visualized report with explanations + confidence indicators

3

Wireframing

Explored three layouts for the results page: card-based, radar chart, and linear report.

Tested with HR users—radar charts won for clarity and familiarity

Simplified the question interface using progress bars and motivational microcopy

4

Prototyping

Built interactive prototypes in Figma; ran A/B tests comparing color hierarchies (pastel vs. bold DISC colors). Pastel palette was perceived as more trustworthy and calm.

5

Iteration & Handoff

Integrated user feedback into final mockups

Created a design specification document for engineering (font scales, spacing, color states)

Collaborated with the data scientist to ensure explainability phrases aligned with model behavior

Final Experience

Candidate Journey

1

Candidate receives an invite link

2

Completes ~20 scenario-based questions ("Which statement describes you best?")

3

AI assesses linguistic and behavioral consistency to assign DISC profiles

Panna Questionnaire Interface

Assessment questionnaire with paired-choice format

Recruiter Dashboard

Recruiter Dashboard with DISC Results

DISC personality assessment results with explainability features

Displays radar visualization of DISC traits

Each trait card (e.g., Steadiness 74% Confidence) links to rationale pop-ups like:

"Responses suggest a calm, supportive communication style. Consistency: 89%."

"Fit Overview" panel breaks down Industry Fit, Role Fit, and Key Qualities

Recruiter can add comments or flag sections for human review

Design Solutions

Challenge

Reports were too technical

Design Response

Reframed in plain language with interactive tooltips explaining "why."

Challenge

No indication of reliability

Design Response

Added Confidence Bars for each trait score.

Challenge

Recruiters feared bias

Design Response

Allowed manual annotation before finalizing results.

Challenge

Candidates disengaged mid-test

Design Response

Introduced encouraging progress indicators and simple UI states.

Challenge

Information overload

Design Response

Used layered visibility — high-level summary first, deeper insights expandable.

Impact

↓ 60%
Manual HR time per candidate

Significantly reduced time spent on manual screening

↑ 2.4×
Recruiter trust in AI outputs

Post-confidence indicators implementation

↑ 45%
Candidate satisfaction

Via improved test clarity and UX

92%
Report interpretation accuracy

Up from 61% among new recruiters

Scenario Example

Before Redesign

Recruiter received a bland "Fit Score: 68%" and couldn't explain why a candidate failed.

After Redesign

Now sees:

Dominance: 72% (High confidence, consistent responses)

Influence: 56% (Medium confidence, variability in tone)

Recommended Role: Account Management, aligns with steady communication pattern

Growth Area: Handles conflict by avoidance; consider live interview follow-up

This shift transformed AI from a judgment tool into a collaborative decision partner.

Reflection

This project emphasized a lesson that shaped my later AI UX work:

AI adoption doesn't depend on intelligence—it depends on how clearly it speaks to humans.

By focusing on communication, feedback loops, and tone, we designed an assessment that balanced credibility with compassion—a system that augments judgment rather than replacing it.

Future Enhancements

Voice & Facial Sentiment Analysis

Introduce voice and facial sentiment analysis for richer context in personality assessments.

Transparency Dashboard

Build a transparency dashboard showing model bias and training scope to increase trust.

Candidate Feedback Mode

Develop candidate feedback mode that explains assessment outcomes directly to users.

Toolkit

FigmaMiroAdobe XDHeuristic EvaluationA/B TestingBehavioral MappingHuman-AI Trust Design
Keep exploring

More Case Studies

Enterprise SaaS

AI Restaurant Management SaaS

Designing the 'seam' between AI and humans for predictive restaurant operations

Government Project

Multi-Platform Supply Chain Management System

Transforming forest produce supply chain from paper to unified digital ecosystem