2024.09 — 2024.02

Recruitment APP

It connects job seekers and employers, allowing users to apply for jobs, post listings, and schedule interviews, with features like job alerts and skill assessments.

Goal

We want to help users automatically make the notes and transcripts by AI

Product background

In today's fast-paced business environment, effectively documenting and

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

Get to know more about persona,  user journey and their pain point

Define questions and problems

Figure out the solution

Validate ideas(Tracking data & User Interview & Usibility Test)

Problems

  • Poor visual structure
  • Navigation appears overly static
  • Excessive navigational elements
  • A redundant step (saving the table)
  • Ineffective search functionality
  • Minimal response to user actions

Problems

1. Poor visual structure
2. Navigation appears overly static
2.1. Navigation appears overly static
When entering information, a lot of details need to be filled in at once, which can sometimes overwhelm the user with too many fields.
2.2. Navigation Overload
If all options incuding basic and advanced filter on the same page, users may feel overwhelmed.
This increases cognitive load and decreases readability.
3.1 Excessive navigational elements
If users frequently switch between sections (e.g., reviewing applicants and managing job postings), a rigid menu might slow them down.
4. A redundant step (saving the table)
5. Ineffective search functionality

5.1.Search efficiency
After entering search data, the user found that there were too few results, and having to navigate back and forth between pages wasted their time.

5.2.Sometimes, the same search keywords are used frequently, but having to re-enter them every time is a hassle.

5.3. Entrance Design Issues
In the first image, the "Search History" button is placed to the right of the "Talent Search" title, which may make it difficult for users to notice, especially when they are primarily focused on entering search criteria.

5.4.There is no clear way to present search history.
 If there is no search history, the system only displays a "No Search History" icon but lacks guidance or suggestions.

Solution

1. Enhance Visual Hierarchy

The new design improves navigation through clear organization, intuitive hierarchy, and well-grouped menus that reduce cognitive load. Enhanced typography (bold headers, font sizes, color) and refined UI components (modern elements, better spacing, contrast, and clear CTAs) further guide users’ focus and streamline interactions.

Such a visual hierarchy can more clearly differentiate between primary functions and secondary operations.

1. Tabbed Navigation for Organization
The UI uses a tabbed navigation system at the top, with different categories such as Job Information, Job Conditions, Salary Method, Other Settings. This approach keeps the form structured and prevents overwhelming the user with too many fields at once. The active tab is highlighted with a blue indicator, providing clear visibility of the selected section.

2. Collapsible Sections for Focus Each category contains expandable dropdown sections, allowing users to focus on specific parts of the form while keeping others collapsed. This minimizes cognitive overload and enhances readability.

3. Use of Dropdown Menus & Input Fields Fields such as Salary, Job Conditions, Salary Payment Method use dropdown selectors to standardize inputs and reduce errors. Free-text input fields are provided for optional details, ensuring flexibility for users.

4. Increase higher task completion.

2. Strengthen Dynamic Navigation

1. Collapsible Menus: Consider converting longer navigation sections into collapsible menus. This will free up space and create a more user-friendly, thumb-friendly experience, especially for mobile users. For example, menus like "Job Posting" or "Account Settings" could be collapsed into dropdowns or expandable sections.

2. Simplified Choices: Group options logically, perhaps by using tabs or side menus for categories like "Apply Now," "Post a Job," or "View Jobs." Keeping categories minimal will improve discoverability and focus users on primary actions.

3. Categorized Layouts: Use a clean, categorized layout where similar tasks are grouped together. This reduces cognitive load and makes it easier for users to navigate.

3. Streamline Navigation Structure

Ease of Navigation: It provides users with a clear and consistent way to move between different sections or screens, ensuring they can easily access the app's main features.

Improved User Experience: A well-designed navigation bar helps reduce confusion and cognitive load, allowing users to understand the app's structure at a glance and interact with it intuitively.
Consistency Across the App: It creates a unified look and feel, which is important for building trust and ensuring that users always know where to find key functions, regardless of which part of the app they are using.

Efficient Information Architecture: By organizing content into clearly defined sections, the navigation bar aids in effective content categorization, making the overall app more user-friendly and efficient to use.

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.

5. Optimize Search Functionality

5.1. Streamlined Search & Filtering
After the user enters the search criteria, the search button will immediately display the number of records returned, preventing a situation where the user finds too few results and has to navigate back and forth between pages.
Customizable, expandable filters provide a more precise search experience

5.2. Enhanced UI & User Experience
Simplifying the interface by showing only essential features upfront reduces cognitive overload and speeds up user interactions.

5.3.Saved Search Feature:
Users can now save their most-used search configurations for future use, reducing the time spent re-entering filters.
This is particularly useful for recruiters who repeatedly look for similar candidate profiles.

5.4.Search History for Quick Access:
A dedicated section allows users to view and revisit previous searches, improving workflow efficiency.

Design System

APP UI

Takeaway

1. Finding similar product references to draw inspiration from their designs, analogous process setups, and usage

Related Digital Products

Nosie Eraser APP & Website

#AI Denoise #Cross-platform design #Web #APP #B2C #Bt2B #User Research #Design System #UI Design #UX Design

Account Center Website

 #Website #UX Design #UI Design #Design System #B2C

Video Competition Website

#Marketing Campaign Website #UX Design #UI Design #Design System #B2C #AI Denoise

Welcome to contact me !