Tile navigation

This page introduces the tile navigation feature of Vertex AI Search for retail.

Why tiles?

As a visual representation of attribute value pairs, tiles are a different way to present the same information as dynamic facets, showing only the attributes that are most frequently engaged for a particular query independent of dynamic facet families that are not always intuitive for the shopper. The goal of this is to increase filter usage, which in turn increases revenue per user. Tile navigation makes filter usage on strong HEAD queries more relevant, facilitating more accurate revenue prediction (through regression).

Tile navigation functions as part of the Guided Search package, benefiting the customer by narrowing user queries faster and with greater relevance to the end user. The tile navigation feature was designed to solve the real estate problem of dynamic facets to allow the user to find what is likely more relevant to them more quickly. Tile navigation also prevents the shopper from having to forage through all the facet families in a left or right navigation pane to find exactly which product they are looking for before still having to confirm their narrowed search selection in a second click of a submit button.

Tile navigation complements dynamic facets

Dynamic facets are provided in the console by uploading the catalog of products. They are filters that narrow queries by changing the order of filters shown so that the correct filters are on top and make the search return more relevant with each search turn.

Dynamic facets sort families of filters such as Style, Sleeve for a query dress for fashion retailers, or Volume, Variety, or Container for milk for grocery retailers. Often, these dynamic facet families are arranged in a way that is not always intuitive to the user. Additionally, a fly-out panel for dynamic facet selection takes up a lot of real estate on the product site and are likewise not always mobile friendly.

Thus emerged a business need of reducing real estate on merchandise websites and driving up user revenue per search conversion.

How do tiles work?

Tiles navigation gets the user to a narrower search faster to increase search engagement and revenue per search. Tiles can be displayed horizontally across the product site independent of facet families. The tiles feature controls search filters in such a way as to put the most likely engaged filters individually across the top of the page, breaking the search results out of their dynamic facet families to provide immediate visualization. Tile navigation thus offers users a more accessible arrangement of dynamic facets content.

Shopper journey

When a shopper performs a search on a retailer's website with tile navigation enabled, they will see up to 20 tiles displaying individual filter values that are most likely to be engaged. These tiles are sorted by likelihood of usage, independent of product attribute family. Each tile may include an image representing a typical product with the filter applied. If a customer clicks on a tile, it acts as if the corresponding facet-value has been applied. This updates the product list to match the query and filter, and the applied facet is shown in the UI. Additionally, the displayed tiles refresh to reflect the new expected engagement rate, excluding any filters that have already been applied.

Retailer journey

The retailer sends a query to Google Vertex AI Search for retail and receives a standard query reply that includes a sorted list of tile values ranked across product attribute families and a way to generate a tile image. The retailer then renders the tiles with or without images. If a potential customer clicks on a tile or facet value, the retailer sends a new query to Google with the filter corresponding to the tile or facet added to the filter field. The retailer site also sends Google an event for the second query with the filter added. The Vertex AI Search for retail response, the query sent to Google, and the events sent to Google are the same for both "user clicked on filter" and "user clicked on tile."

Filters shown in tiles

Filters can be eligible for tiling based on preferences retailers can set in the console or API for content, product counts, and related to quantitative queries.

Based on content

• Filters cannot have been applied in a previous search.
• Only tiles that correspond to attribute values in catalog attributes marked as "dynamically facetable "
• The search return (the Vertex AI Search for retail response) must have at least one product.
• No tiles corresponding to system filters such as "instock = yes" or "available for sale = yes" are shown
• Tiles are sorted by likelihood of engagement.

Based on product counts

• What if there are < 20 rankable tiles?
  • If there are between >= 2 and < 20, return as many tiles as possible.
  • If there are < 2 tiles available, return no tiles.
• If > 20 rankable tiles, return the top 20 based on how likely is engagement.

Based on quantitative queries

• Tiles support both "categorical" (color = red) and numerical (weight = "1lb - 2lb").
• Bucketing of numeric tiles:
  • The bucketing configured using controls for specific attributes is honored. For example, if a facet is manually bucketed into weights of 0-1, 1-3 lbs, and 3-6 lbs, those buckets are used in the tiles. More details can be found in Dynamic facet and tile controls.
  • If a facet is auto-bucketed, the same buckets should be used in tiles.

What's new for tile navigation in the Search API?

There is no new API for the tiles feature. However, new fields have been added to the already existing Vertex AI main (query) API.

Request TileNavigationSpec

{
  "tile_navigation_requested": boolean,
  "applied_tiles": repeated
}

Response TileNavigationResult

The API then returns up to 20 tiles in thetileNavigationResult field, sorted by likelihood of use. The response displays the tiles according to their attribute values and a corresponding representative image:

...
  "tileNavigationResult": {
    "tiles": [
      {
        "productAttributeValue": {
          "name": "size",
          "value": "large"
        },
        "representativeProductId": "xxxx"
      },
      {
        "productAttributeValue": {
          "name": "weight",
          "value": "light"
        },
        "representativeProductId": "xxxx"
      },
      {
        "productAttributeValue": {
          "name": "color",
          "value": "black"
        },
        "representativeProductId": "xxxx"
      }
    ]
  }
  ...

No changes are needed to the existing API, and new client libraries are available at GA time and are published in the public library documentation.

What retailers should do with tiles search results

Showing tiles:

Retailers show the returned tiles in the order provided, with the first tile in the response being the first tile shown. ProductAttributeValue is a key-value pair which contains the attribute value, so that the client knows which tiles to show.

Showing images:

These images can be obtained by referencing the representativeProductId field in the response, which provides the product ID of a typical product that matches the applied filter. Retailers then look up this representative product ID on their end and select an appropriate image to display in the tile. It's important to use the representative product ID, rather than the primary product ID, to ensure the image accurately reflects the filtered attribute (e.g., displaying a red variant for the "color = red" filter).

Configure tile behavior in the console

The selection of tiles to appear across the search screen are directly driven by the catalog attributes, which in turn are extracted from the information the retailer uploads to the product catalog. The candidate tiles are all values within the attributes of all the "dynamically facetable attributes" in the product catalog.

Enable dynamic facets and tiling

Facets are controlled by product attributes and the product attributes originate from the Catalog and User Events. Dynamic faceting and tiling is set up to allow end user queries to match product attributes.

To control which attributes are eligible for dynamic facets and tiles:

1. Set your tile controls under the Attribute Controls tab in the Controls page in the Search for Retail console. Go to the Controls page

2. To modify the attribute controls, click editMODIFY CONTROLS next to Attributes in the ATTRIBUTES CONTROLS panel, then set the controls for each attribute to TRUE or FALSE.

The third and fourth columns ("Indexable" and "Dynamic faceting") are key in controlling the tiles. For each attribute row, both of these columns must be marked TRUE for tiles to work. "Indexable" enables Search for Retail to filter using the attribute. With "Dynamic faceting" enabled, Search for Retail can automatically use an attribute as a dynamic facet based on past user behavior such as facet clicks and views.

To see how to do this in the API, refer to Control API section.

Individual tile controls

Facet controls let you manage the behavior of your facets without changing your catalog and impact search behavior across your site. The following facet controls flagged with "Dynamic faceting & tiling" at the catalog level impact tiles:

For more information on controlling specific facet value and tile behavior on each control, refer to Facet controls.

The last three dynamic facet control types in the scroll-down menu of facet control types controls do not impact tiles:

• "Force return facets"
• "Rerank dynamic facets"
• "Merge facets"

Refer to the Control API section to learn how to control facets for individual facet values directly in the API.

Tile control in the API

This section describes how to control tile behavior using the control API.

Attribute controls

For search and recommendations, you'll find the API at the catalog level under the REST resource Resource: projects.locations.catalogs.attributesConfig. This API provides methods to add, remove, and replace attributes at both the catalog and product level. The field catalogAttributes can be mapped to indexable, searchable, and dynamicFacetable. dynamicFacetable applies to tile behavior if the facets are eligible for tiling.

AttributesConfig

Catalog level attribute config.

CatalogAttribute

The attributesConfig resource provides CatalogAttribute, a catalog-level object. Two of this object's fields generate controls over which attributes show up as tiles. This means that any attributes in all the "facetable attributes" of the product catalog can be candidates for tiling:

Facet controls

FacetConfig

An object that contains facet options for making individual facet values dynamic and thus potentially tileable. It is a field from the catalog level CatalogAttribute config.

The object contains already existing fields whose impact now extends to tiles:

  "facetIntervals": [
    {
      object (Interval)
    }
  ],
  "ignoredFacetValues": [
    {
      object (IgnoredFacetValues)
    }
  ]

See how to create these individual controls in the console.