Illuminate's Global Search
My Role
User Experience Designer
Deliverables
Miro board with analysis, Figma mockup
Tools
Figma, Miro
Use case
The definition of the search component for the Illuminate platform aims to improve the user experience and access to information. By enhancing the search functionality, users will be able to find relevant data quickly and efficiently, resulting in increased productivity and satisfaction.
This initiative focuses on creating an intuitive, robust search capability that meets the diverse needs of all platform users.
Understanding the problem
The first step involved defining the components:
How the user will search and the criteria they will use.
Establish query logic and implement basic parameters.
Determine user expectations for results based on keywords.
Define the layout and design of the results page.
Outline user interaction with the resulting information.
Exploring and creating
At this stage, the technical definition of the component was completed in parallel with the development team to check the feasibility of the new component. This includes:Each status of the search bar.
Behavior when entering keywords.
Suggestions while typing.
Filters to interact with the results.
All options to filter and sort results.
Definitions of result items.
Character number restrictions.
Tags.
Visuals for large, medium, and small screens.
Accessibility annotations.
Takeaways
Throughout the process of defining and developing the search component for the Illuminate platform, we focused on enhancing user experience and ensuring comprehensive functionality. Here are the key takeaways from our collaborative effort with the development team:
Collaborative Development: Early involvement of the development team ensured feasibility and smooth implementation.
User-Centric Design: Defined search bar behavior, keyword interactions, and result criteria to enhance user experience.
Comprehensive Functionality: Added typing suggestions, filters, sorting options, and responsive visuals for diverse needs.
Accessibility Commitment: Ensured usability for all with integrated accessibility annotations.
Detailed Planning: Addressed character restrictions, tags, and adaptable designs for various screen sizes.
