Search Suggest

Introduction

Since the introduction of the Search Suggest feature, we have identified areas that require further refinement to enhance user experience.

Current Behavior

Currently, the Search Suggest feature allows users to input keywords. Following this, users are prompted to choose between two options: Tag Base or URL Base.

• Tag Base: This option filters the search results to display the Outlet that has been put in the selected tag.
• URL Base: This option directs the user to the Search page with results filtered based on the entered URL.

Key Challenges Identified (The Problems):

1. Backend Complexity:
   1. The current setup poses unnecessary challenges for back-end integration.
2. Tag Visibility and Control:
   1. Users struggle to monitor and control selected tags effectively.
3. Marketing Form Setup Difficulty:
   1. Configuring the suggestion form from the marketing side is proving overly complex.
4. Unclear Activation Flow:
   1. Users find it challenging to discern when and how search suggestions become active.

Areas of Focus (What's to Tackle?):

The focus will be on optimizing the Search Suggest feature, encompassing three main sections: Promotion on Search, Interesting on Search, and Outlet on Search.

Our attention will be directed towards two tasks, Refining Display Trigger Flow, Redefine Admin Setting:

1. Refining Display Trigger Flow: Pinpointing the precise conditions for the appearance of search suggestions to enhance user engagement and relevance.
2. Redefine Admin Setting: Redefining the interplay between admin settings and the client-side experience for Promotion and Interesting on Search, ensuring a seamless and intuitive interaction.

But first...Understanding Search Suggestion

Before we begin, let's talk about Search Suggestions. Until now, our team treated them separately from the Search Page (Search Results, Marketplace). However, we're changing that. We're now looking at them as part of a single, integrated function going forward.

Streamlined Search Journey:

1. Green Line: Press the search bar; typically, it starts empty. Users are directed to the search page, showcasing suggestions for an empty search.
2. Yellow Line: Users input preferences, e.g., typing "International." When they type "I"...
   1. (Pic 3) From this stage, the search bar is no longer empty. Suggestions shift from Empty Search to Suggesting Stage, respond to user input.
3. Blue Line: Users can press a keyword from Empty Search or Suggesting Stage. Actual search results are displayed with the selected keyword in the search bar.
4. Red Line: From this stage, three possible scenarios that can happen:
   1. Press the clear icon in the search bar:
   • The search bar empties, returning to Suggestions for Empty Search (Back to No. 2).
   2. Press the search bar to change the keyword:
   • The system responds to the user's input text (Back to No. 2a).
   3. Press an outlet card:
   • Congratulations! The search journey is successfully completed.

Please try this prototype for your understanding

https://www.figma.com/proto/fSGnfu6A5l6JwyZe7H1QZy/Search-Suggestion-2024?type=design&node-id=8-4365&viewport=774%2C373%2C0.44&t=cd27S3EdevYdTPFh-0&scaling=min-zoom&starting-point-node-id=8%3A4482

reference pic

Simplified Admin Setting Update:

We're making a change in admin settings. Instead of tags, we'll now use only text for auto-filled keywords. Admins can also conveniently sort keywords by dragging them for a better user experience.

From client side, when press the Keyword. The system will shows Search Page > Search Results with that keyword filled (Blue Line)