top of page

Redesign To Make Search Experience Better

Search is an AI-driven eCommerce search platform that understands shoppers’ intent and connects them to the products they are most likely to buy — across purchase journeys

Group 6.png
Screenshot 2024-12-23 at 11.57.41 AM.png

OVERVIEW

The Search Console optimizes e-commerce search by providing insights, relevance tuning, and merchandising controls.

Key Features:

  • Search Analytics: Tracks queries, conversions & zero-result searches.

  • Relevance Tuning: Boost, bury, or pin results; AI-driven query intent.

  • Merchandising: Rule-based promotions, filters, and banners.

  • A/B Testing: Optimize ranking strategies with experiments.

  • Real-time Monitoring: Alerts for anomalies & performance tracking.

MY ROLE

Senior UX designer

Usability testing, User Research,  Interactive Prototypes, System design, High-Fidelity Mockups

Jan 2019 - Dec 2020

CONTEXT AND MY ROLE

When I joined the product team, a version of the search console was already in place. After engaging with business colleagues, I gathered their insights on the search domain. User analytics revealed that 20% of users churned during the onboarding process, while others cited a lack of trust and the absence of impactful new features.

This prompted me to take a deep dive into the entire process as it was currently structured. 

Collaborating closely with a team of Six engineers, one product manager, one data scientist, and 1 designer (the other 2 designer was involved in other products), I took the lead on developing the autosuggest, help documentation for search, Feature a glance (help user to make it self serve)Searchable facets and algorithms. Did a navigational change to improve space.

The Problem

CHALLENGES TO BE SOLVED

  • Non-scalable design interface which can’t grow with the customers’ requirements.

  • Onboarding use to take 3–4 months for new customer which result in churning

  • Retention of customers as building new features use to be the pain points

  • Building trust in the customers.

  • In Information layout can be well arranged so it is easier to read for end user. The left navigation is occupying left column of your page. 

USER ANALYTICS DASHBOARD

Screenshot 2025-01-19 at 12.47.02 PM.png
Screenshot 2025-01-19 at 12.45.58 PM.png

User Research

  • To understand their behavior, need

  • How to shape the business use case with the user needs

APPROACH

Meaningful Experience

Whenever a user types a query and giving a relevant result is a cumbersome task. Understand each shopper’s intent by understanding every word in the search query.  Site Search uses a Machine Learning model — Named Entity Recognition (NER) — which tokenizes each search query to map it to the desired attributes and return the most relevant products with high precision. It goes beyond simple text-pattern matching techniques.

For Example - Integrating very closely with the Lenskart interface to enhance the seamless experience between offline and online, ensuring shoppers are able to see and buy the most relevant product every single time they visit the site.

Lean UX Method

I went ahead with the agile approach process which emphasizes rapid sketching, prototyping, feedback from stakeholders and design mockups. This helped in meeting the deadlines and keeping a constant flow of design screens and feedbacks.

OBSERVATIONAL RESEARCH

Using the observational research method, we captured farmer’s behavior in their natural environment. It helped us directly look at what farmers are actually doing, what kind of routines they could have with the application, and how the application can be used in different contexts of their lives.

Search domains are very complex. Giving the right information to the user is a huge task. It was very important to take a few knowledge transfer sessions with the stakeholders to understand the product and the pain points. Also, to design an optimal.  (Without harming the existing customers was another challenge) doing a persona study, competitive analysis of the market into the same business was a necessity and users asked.

Web 1366 – 2.jpg
Web 1366 –1.jpg

Insights

After UX research, Search Console Insights help validate and refine search experiences by providing data-driven analytics on user behavior. It tracks query performance, click-through rates, and conversions, identifying opportunities to enhance relevance and reduce friction. By analyzing zero-result searches, engagement patterns, and AI-driven query intent, businesses can optimize product discovery and improve search efficiency. These insights enable continuous refinement through merchandising strategies, A/B testing, and personalization, ensuring a seamless and conversion-driven search experience.

New prospect engagement

You can extract and engage new prospects by offering the most compelling, easy to use tools designed for customers as a self-serve tool.

To win the trust of the product

Whenever there a query in a search box written a lot of AI works happens at the backend. To make the user know what exactly happening to their search query, the Algorithms function was brought upfront. Also, the immediate preview of the console brought upfront which helps the user to see their results. In Parallel to as a next step we do Search, Autosuggest and Category Pages integration. Showing it upfront in UI was another challenge.

Easy onboarding of customers 

The challenge comes when a customer takes 3 — 4 months because of feed induction as a result of a complex catalogue. 

Execute 

  • To understand their behavior, need

  • How to shape the business use case with the user needs

KEY FEATURES DEVELOPED

Navigational Change

We shifted from the left navigation to the top navigation.  (When it comes to designing for users, context is king.) 

The main reason for the change was because:-

  • Space - It conserves more vertical page space than left navigation. With left navigation, the navigation links occupy the left column of your page. This shrinks and narrows the content area of your page, which means you will have less space for your content. 

  • Scanning - The top navigation forces a horizontal scanning direction that people often use when they’re reading. While the left navigation also facilitates a vertical scanning direction

  • Visibility - Top navigation items are more visible because they are always above the fold and are easier to find.

        ​Websites with Specific Topics and Interests

top-vs-left-nav.png

Product Branding

Branding, at a high level, is a promise to your customer. A promise that lets the customer know what to expect. A promise that informs how you will look, speak and act.

Group 5.jpg
Group 4.jpg

Earlier version

New version

Autosuggest

This feature provides query suggestions that appear when shoppers start typing their intended query in the search bar. Having a query suggestion enhances a shopper’s search experience once by: Ranking Suggestions, a Variety of Suggestions, Engagement Insights

To do this, I ensure that whatever a user does, they can see the result immediately.  As we read from left to right. I have taken that principle in my design too.

Mask Group 7.jpg
dsds.png

Searchable fields & Facets

Searchable Fields define which product attributes (e.g., name, description, SKU) are indexed for search, ensuring relevant results. Merchandisers can prioritize key fields to refine search accuracy.

Facets enhance filtering by allowing users to refine search results based on attributes like price, brand, category, or ratings. Dynamic and rule-based facets ensure a personalized and efficient browsing experience, improving product discoverability and conversions.

Searchable Fields_ai.jpg
Facetable Fields.jpg

Algorithims

Site Search uses AI and ML algorithms that monitor purchase behaviour and self-optimize to connect shoppers to products that they are most likely to buy.

​AI-driven search algorithms optimize relevance by understanding user intent and ranking results dynamically.

  • Query Understanding: Uses NLP to process keywords, synonyms, and spelling corrections.

  • Relevance Scoring: Weighs factors like keyword match, popularity, and personalization.

  • AI-Powered Ranking: Adjusts results based on engagement, purchase history, and real-time behavior.

  • Contextual & Semantic Search: Understands meaning beyond keywords for better accuracy.

  • Merchandising Rules: Allows boosting, burying, or pinning products to influence ranking.

Synonyms 06.png
Mask Group 9.jpg
Team work

Parameters

Choosing right method

  • The feature/product we're testing

  • The type of data we’re looking for

  • The design stage

  • The time and resources are available

Tree testing

As we are redesgning the process we started taking up this process.  It was helpful to employ tree testing as a method when adding new features, particularly alongside card sorting.

Sketched task flows to understand where new features would fit in the interface and created mockups

For each new feature, I sketched user flows based on the tasks and scenarios. They helped me understand where these features would fit in the existing interface. Based on this understanding, I created mockups for the new design. 

1_WZ86joo1z-fIdVwL5uDPBQ.png
1_faee_0MPJMwbYt-rlA1xlQ.png
Work Desk

Outcome

Below are samples of a few of the screens of the entire application. 

REFLECTION

  • Created a self serve journey for the users but introducing Feature at a glance

  • More intuitive and easy to use for end customers.

  • Every screen has the auto assist feature to glance.

  • Customizations requirement to the user is also taken care

  • Probability to sell AI or any other feature as a separate layer is also taken care of.

  • Created a seamless responsive site, journeys become more predictable and more comfortable assisting task completions and conversions.

  • With the help of  "X product" (Name changed), catalogue feed upload became easy and intuitive which can work in a week time.

  • The whole design moved to the top navigation. Top navigation conserves more vertical page space than left navigation. With left navigation, the navigation links occupy the left column of your page. Top navigation, however, uses minimal vertical space, which allows you to occupy the content area of your page with content only.

  • Causality in feature level had been maintained.

  • Revamp the whole product architecture. Creating a common interaction and design language across all other product and documentations.

bottom of page