2024.09 — 2025.02
Recruitment APP
The Recruitment App connects job seekers and employers, streamlining job postings, resume screening, and interview scheduling. It aims to improve recruitment efficiency and enhance user engagement.
Goal
1. Improve the recruitment success rate for business owners and reduce the issue of long-standing job vacancies.
2. Lower the operational barriers for businesses to post job openings, encouraging more companies to use the platform.
3. Enhance the efficiency of interactions between businesses and job seekers, accelerating talent matching.
4.Increase business user retention and boost monthly active users (MAU).
Product background
This is a recruitment app designed specifically for business owners, helping them efficiently post job openings, screen resumes, and communicate with job seekers. However, based on market data and user feedback, many business owners have encountered pain points during the process, affecting recruitment efficiency and job seeker conversion rates.
Role
Product Designer
Deliverables
User Flow
Wireframe
Design System
UI Design
Prototype
Design Tool
Figma
Cooperate with
2 PM
1 Android Engineer
1 iOS Engineer
Problems
- Cumbersome Job Posting Process
- Hiring Inefficiencies and Search Limitations
- Poor visual structure
- A redundant step (saving the table)
Problems
1. Cumbersome Job Posting Process
Business owners are required to fill in a large amount of information. They must select an option to proceed to the next page, then navigate back to the previous page before they can publish a job posting. This time-consuming process leads to a poor user experience.
2. Hiring Inefficiencies and Search Limitations
HR teams face challenges due to time-consuming manual screening, limited filtering options, and a lack of intuitive candidate evaluation, making it difficult to find the right talent.
Additionally, inefficient search functionality frustrates users—yielding too few results, requiring frequent page navigation, and forcing them to re-enter the same keywords repeatedly.
These issues lower employer retention rates, while competitor platforms offer a smoother search experience, attracting more users.
3. Poor visual structure
The navigation items appear to be listed without clear categorization or visual separation, making it difficult for users to find what they need quickly.
4. A redundant step (saving the table)
If users exit the page without completing and submitting the form, a popup appears, adding an unnecessary step to saving their information.
Solution
1. Streamlined Job Posting: Faster, Smarter, and More Efficient
Users want to complete the lengthy job posting details and requirements as quickly as possible. To address this, an AI-powered autofill feature has been introduced. Users first provide basic information, and then AI generates the job details and requirements. However, since AI-generated results may not always fully meet user expectations, an additional option is available for manual editing.
As this is a new feature, users may be unfamiliar with it and might prefer the traditional manual input method. Therefore, manual entry is still available. To reduce user hesitation toward the new feature, a progress bar is included on the page to guide user behavior. A stepper progress bar is used to clearly indicate the current step and upcoming steps, encouraging users to try the AI-assisted method. This helps reduce uncertainty, ultimately improving form completion rates.
2. Improve the search experience
2.1. Enhancing Search Efficiency with Smart UI Elements
2.1.1. Intuitive Input Experience
- Auto-Suggestions for Faster Input
The UI includes a search bar with real-time keyword suggestions.
When users type in keywords, related suggestions dynamically appear to help them complete their search efficiently. This reduces the need for precise keyword input, making the search process more fluid. - Chips for Quick Filtering
Users can select predefined keyword chips (such as job titles, industries, or skills) to refine their search.
Chips can be added or removed easily, offering greater flexibility and efficiency in refining search results.
2.1.2. Intelligent Keyword Matching
- Prioritization Based on Popular & Historical Searches
The UI suggests keywords based on trending searches or the user’s previous queries.
This feature enhances relevance and reduces redundant input by predicting what the user might search for. - Fuzzy Search Support
The design allows for results to still be displayed even if users enter incomplete or misspelled keywords, this ensures that users do not hit dead ends in their search experience.
2.1.3. Layered Filtering & Categorization
- Clear Categorization for Precision
The UI displays search categories such as job titles, industries, skills, and locations to help users refine their search more effectively. - Multi-Condition Search for Granular Results
Users can combine multiple filters to tailor their search.
The design allows for a multi-layered search, improving accuracy and efficiency in finding the most relevant results.
2.2. Enhancing Advanced Search: Real-Time Feedback, Mobile Optimization, and Improved User Experience
.gif)
- Real-Time Filtered Results Count
Users find it inconvenient to go back and forth between pages to check the filtered results after selecting filter criteria. To address this, the search button below will instantly display the number of filtered results every time a new filter is added. This prevents the filter criteria from being too strict, resulting in zero results, or too broad, leading to an overwhelming number of results. - Optimized for Mobile Devices
The menu only displays the option titles without showing placeholder text like “Please select.” This ensures that users do not see excessive information at once on a small screen, reducing visual clutter and cognitive load. - Visual Clarity and Readability
Each filtering step is designed to be simple, with clearly categorized conditions. This avoids the overly complex and cluttered layout of traditional advanced search forms, making it easier for users to understand and select appropriate criteria. - Enhanced Interactive Experience
The advanced search process utilizes a step-by-step interface, pop-up menus, or guided buttons, allowing users to configure filters intuitively. This reduces the need for users to switch between pages frequently or wait for loading times, while also preventing them from facing an overwhelming number of input fields at once.
2.3. Enhancing HR Efficiency: AI-Powered Resume Matching & Smart Filtering System
To provide HR with greater flexibility in filtering, enhancing recruitment efficiency and decision-making quality, therefore:
- Resume Matching System
Use AI analysis to visually display each candidate’s match score with the job position.
Next to the score, show which filtering criteria the candidate meets (e.g., experience, location, salary).
To save space, use a horizontal scrolling design instead of stacking everything vertically.
Keep key details visible on the candidate card so HR can quickly assess suitability without opening each resume, reducing screening time. - Quick Filtering Mechanism
Provide an option to hide viewed candidates so HR can focus on new applicants.
Sorting options should be accessible in a bottom sheet to allow easy selection without excessive navigation.
When multiple sorting(eg. highest match score, newest applications, work experience) criteria are selected, keep the match score visible alongside the chosen criteria for a clear comparison of candidates.
3. Enhanced Navigation and Visual Hierarchy
- Enhanced Navigation and Visual Hierarchy Clear Sectional Grouping:
The interface uses distinct sections to separate different types of information. For example, job listings, application statuses, and candidate profiles are well-structured with clear containers, reducing cognitive load.
Buttons like toggles, chat bubbles, and selection actions (e.g., "save" or "contact") are visually distinct and placed where users expect them, ensuring smoother interactions. - Improved Typography and UI Components Bold Headers & Clear Labels:
The use of bold and slightly larger text for important labels (such as job categories, user names, and section titles) makes scanning information effortless.
Contrast for Focus:
Different text colors and background highlights are used to indicate statuses (e.g., "in progress" buttons, job application stages). This ensures users can quickly distinguish between different states. - Consistency Across the App Unified Design Language:
The layout, button styles, and iconography remain consistent across different screens, reinforcing a cohesive experience.
Standardized Navigation Bar: The navigation bar at the bottom ensures quick access to the most-used functions, improving familiarity and efficiency. - Ease of Navigation & Efficient Information Architecture Minimalist Approach:
Unnecessary elements are removed, allowing for a clean interface that highlights essential information.
Search and Filters:
Search bars and filtering icons make it easy for users to find relevant information without scrolling excessively. - Visual Differentiation of Primary vs. Secondary Functions Primary Functions (E.g., Searching, Contacting, Application Status Updates):
These are visually highlighted with color, icons, and strategic placement.
Secondary Functions (E.g., Additional Details, Saved Items):
Presented in a subtler manner (smaller text, softer colors), ensuring they don’t distract from the main tasks.
4. Simplify the Workflow (Auto-Save Drafts for Job Posting & Profile Completion)
Autosave enhances usability by preventing progress loss, reducing frustration, and increasing task completion rates. Studies show that autosave features, like Google Docs’, can boost user satisfaction by 45% by eliminating the need for manual saving. This design ensures users can resume their work seamlessly, minimizing cognitive load and improving the overall experience.
When a user begins creating a job posting and starts filling out the form, a toast notification will pop up to let them know that the file will be automatically saved.
Future Plan
Future Plan Effectiveness validation & Future Optimization Strategy
1. Usability Test Focus
Evaluate whether the UI/UX design is intuitive and the user flow is smooth, minimizing user difficulties.
Test Content: Interactive prototypes and key user flows.
2.A/B testing
If we have the resources to conduct A/B testing in the future, we will compare the differences between the new and old versions to evaluate the effectiveness of the design.
3.Future Optimization Directions
AI & Automated Recommendations: Enhance personalization and efficiency.
Launch an AI-powered interview assistance feature.
Related Digital Products
Nosie Eraser APP & Website
＃AI Denoise ＃Cross-platform design ＃Web ＃APP ＃Ｂ2C ＃Ｂt2B ＃User Research #Design System ＃UI Design ＃UX Design
Meeting Ink APP
#AI Meeting Record ＃UX Design ＃UI Design #Design System ＃B2C ＃Ｂ2B ＃AI ＃APP
%20(1).gif)
.gif)
.gif)
