CompSearch

SUMMARY

CompSearch is an initiative born from my fascination with data visualization and analytics. Its primary objective is to revolutionize the search, identification, and accessibility of data for HR managers and compensation analysts, ultimately providing them with substantial time and effort savings.

Timeline: 6 days
My Role: UX/UI Designer
Scope: Revamp the search functionality of an outdated compensation data analysis software.

The Challenge

Utilizing an existing search page result as a starting point, I identified the following issues which left analysts and HR personnel frustrated and spending unnecessary time to complete their task:

  1. Lack of consistent visual hierarchy.
  2. Confusing functions of buttons and other elements.
  3. Data inaccessible to to process or manipulate.
Solution

Create a search feature that improves workflow efficiency by enhancing usability and flexibility, allowing for easy matching of job descriptions and retrieval of relevant data, saving time and effort for users.

THE PROCESS
DISCOVERY
Heuristic Analysis Summary
  • Layout is outdated and lacks efficiency, making it difficult to understand its functionality.
  • information is presented without a clear visual hierarchy, resulting in a cluttered display.
User Interview: Insights

I got in touch with a handful of HR managers and compensation analysts in ranging from the healthcare, finance, and hospitality industries, which yielded insight about both this webpage and other softwares.

  • Efficient scanning of job descriptions is absolutely required.
  • Accessing and manipulating data to suit company information is vital for accuracy of their work.
Discovery Insights
DEFINITION
Persona + Journey Map

Through comprehensive research, I crafted a persona and meticulously mapped out her journey to gain invaluable insights into the workflow, pinpointing areas where enhancements could be implemented to maximize efficiency.

Problem Statement
IDEATION
Solution Brainstorm
User Flows
Wireframes
UI Color Palette

The sparing use of orange to highlight specific buttons, combined with consistent styling and placement, improves usability and navigation.

Button Styling

Orange coloring is used sparingly to bring attention to specific buttons and refrain from overpowering the UI.

Consistent styling and placement of buttons results in more intuitive usability and navigation.

Filter Design Inspiration

Drawing inspiration from renowned job board platforms like Handshake and LinkedIn, I incorporated a wide range of filters to enhance the search experience. To add visual interest and break away from a rigid square layout, I introduced rounded dropdown buttons for the filters, creating a distinct separation from regular buttons and introducing a more organic aesthetic.

FINAL SOLUTION
Search page - Layout

Improvements to the layout of the search feature result in:

  • Accelerating the search process by incorporating quick-entry filters on the search page.
  • Facilitateing efficient scanning and matching of job descriptions by enabling users to view them directly on the search page, adjacent to the search results.
  • Introduces flexible panels to offer a visually hierarchical option, enhancing the overall visual organization and user experience.
Data Visualization

I improved the table layout with better visual hierarchy, including a salary range bar graph. The orange "Views" button highlights this key feature.

Filters
  • To enhance usability and efficiency, I replaced input filters with selection filters, leveraging recognition rather than recall when customizing data. This change enables faster and more user-friendly usage of the system.
  • Additionally, I incorporated an export feature that empowers users to manipulate the data independently, providing them with greater flexibility and control.
REFLECTION

Reflecting on the project to revamp an outdated search and filter engine, the journey was marked by a commitment to enhancing user experience. The initial assessment brought attention to significant shortcomings in the usability of the existing system, prompting the need for a redesign.

Throughout the process, the focus was on addressing usability issues, updating outdated features, and improving overall efficiency. The redesign aimed to create a more intuitive and responsive search and filter engine.

This project provided opportunities for efficient decision-making and a streamlined execution. The lack of post-implementation feedback, while a challenge, underscores the importance of seeking user insights to validate design decisions and ensure they align with user expectations.

In summary, the project highlights the commitment to user-centric design and the importance of seeking feedback, irrespective of the team structure. The journey of improvement and adaptation in redesigning the search and filter engine stands as a testament to the dedication to creating a more effective and user-friendly system.

Read TAP LA App Redesign + Feature Extension