Conversational commerce user experience guide

This page describes how to optimize the user experience for your conversational commerce implementation in Vertex AI Search for commerce.

Search optimization checklist

Take these steps to avoid common pitfalls:

Core principles

This section describes core principles and best practices for using conversational commerce as part of your guided search package.

Clarity and transparency

Configure your site in such a way that your users get the results they want, and have the ability to refine or adjust search parameters, as enabled by these features described:

Ambiguous queries

Conversational search seeks clarification for ambiguous queries

When encountering a vague search, the conversational search proactively seeks clarification.

Nuanced queries

Conversational search seeks clarification for nuanced queries

Extremely detailed queries require strong content structures and detailed metadata for Vertex AI Search for commerce to return accurate results.

User expectations

The model must show results prioritized according to your user's search history.

Conversational search shows user expectations with transparency for results based on the site visitor's search history.

Candid limitations

If a query can't be understood or if it returns only limited results, Vertex AI Search for commerce lets the site visitor know and offers alternatives.

Conversational search shows transparent limitations if a query can't be understood or if it returns only limited results.

Provide autocomplete suggestions, predict intent, and surface relevant results instantly using historical data, trending queries, and user behavior.

Enhance filtering mechanisms

Refine results through conversational inputs to accelerate the process of getting what you are looking for.

Ranking and optimization

Prioritize the most relevant products based on context, user history, and search trends.

Reduce cognitive load

Configure Vertex AI Search for commerce to harness contextual awareness to remember a user's previous selections to minimize redundant actions and accelerate user decision-making.

Reduced cognitive load eliminates redundancy.

Create personalization without overload

To avoid overwhelming users, dynamic filtering can strike a balance between personalization and user autonomy. Instead of overwhelming a user with too many filters, conversational commerce has the capability of suggesting refinement based on preferences from a user's previous search or purchase data. Additionally, Vertex AI Search for commerce is adaptable to real-time behavior. For example, purchase history may not be relevant while searching for a gift for someone else, so conversational commerce can adjust itself to this context and not show your user this unnecessary information.

Control features to ensure context and continuity across sessions

Rather than treating every query in isolation, contextual awareness allows for more efficient searches without repeating previous inputs. Not only should contextual awareness be pervasive within and across sessions, but also across devices to ensure continuity.

Continuity within sessions

Vertex AI Search for commerce is designed to remember a user's past interactions within a session to allow for incremental refinements.

Conversational search is designed to remember a user's past interactions within a session.

Continuity across sessions

Site visitors should be able to pick up where they left off in a previous session without conversational commerce feeling intrusive.

Integrate accessibility and inclusivity considerations

Whether site visitors interact through voice, text, or images, Vertex AI Search for commerce must provide inclusive solutions that support individuals with varying abilities, preferences, or technological constraints.

Accessibility tools
Multimodal input support Voice-to-text correction
Screen reader compatibility Real-time transcription
Clear semantic structuring Predictive text assist
Voiceovers for image-based content Autocorrect
Conversational search provides multimodal accessibility support.

Use targeted questions to ensure graceful error handling

Inevitably, there are instances when a query produces no results on a particular site. Instead of an unhelpful no results message, conversational commerce offers intelligent suggestions and alternatives. Additionally, conversational commerce prompts for clarification, asking targeted questions to narrow down preferences and needs, creating a user-centric dialogue.

Design calls-to-action to end conversations gracefully

To prevent user abandonment, conversational commerce ends conversations with clear, actionable pathways, maximizing user satisfaction and boosting the likelihood of conversion by maintaining momentum. Furthermore, conversational commerce can create opportunities for re-engagement after the initial interaction by surfacing relevant follow-up questions based on browsing activity or purchase history.

Image showing how the application ends conversations effectively

Optimize web interface components and patterns

This section details how user interface design can optimize conversational commerce experiences, particularly on mobile. It focuses on enhancing search input and presentation, managing conversational elements without disrupting browsing, and leveraging autocomplete, predictive search, and carousels for efficient product discovery. The section also covers strategies for presenting search results, handling ambiguous queries, and using communicative animations to create a smoother and more intuitive user journey.

Search input and enhancement

As the entry point for conversational commerce, the search box must balance clarity and functionality and, particularly on mobile where screen space is limited, it must do so with minimal disruption.

Optimize placement for mobile

Most people use their thumbs to navigate their phones, so placing the search box at the bottom of the screen aligns better with user behavior. This minor detail aligns with the conversational commerce goals of making search more intuitive and reducing navigation effort and friction.

Indicate support for natural language input

  • Suggested prompts: Show me red sneakers for under $100
  • Dynamic placeholder text: Ask a question
  • Microcopy: Try searching in full sentences!
  • Icons: Chat bubble, microphone, or camera icons

Manage conversational commerce without disrupting browsing

When search becomes conversational, it risks taking up valuable screen space.

To mitigate this risk, you can implement:

  • Collapsible conversation: Allows users to expand and contract the conversation area using a persistent icon.
  • Conversation overlay: A conversation overlay floats above the page allowing users to still view results.
  • Embedded conversation: The search journey begins as a standard input field but expands into a full-screen conversational web interface.

To reduce the need for users to type out full search terms autocomplete and predictive search reduce the need for full search terms, implement:

  • Intelligent predictive assistance: Predictive terms appear within the search bar as users type, offering real-time, autocomplete suggestions in a lighter font.
  • Dropdown prediction list: A dynamic list appears below the search bar, showcasing suggested queries, popular searches, and recent history
  • Contextual filtering chips: Filters display below the search bar as users type, providing relevant filter options such as categories, price ranges, or brands.
  • Smart corrections: Subtle autocorrect suggestions for misspelled words will be displayed in the drop-down.

Present and refine search results

Optimizing search item returns through layout and refinement options can make the browsing experience smoother, ensuring site visitors can efficiently scan, compare, and filter results.

Results views and layouts

How results are presented within a conversational commerce console depends on the web interface being embedded or overlaid on the experience.

  • Collapsible and overlay results: This view allows results to be decoupled, dynamically updating the main product grid while keeping the conversation accessible in a side panel or floating conversation.
  • Embedded results: This view displays results directly within the conversation, as structured cards, carousels, or inline product listings, ensuring a seamless experience.

Implement dynamic filtering and refinement

When users enter a prompt, guided search proactively guides users towards more precise results by asking clarifying questions or surfacing relevant filter options inline.

Use interactive page elements to handle ambiguous queries

Instead of returning an unfocused set of results, the interface can use interactive page elements to guide users toward more relevant results.

Integrate communicative animations on your site

Subtle animations such as these examples provide visual feedback to make interactions feel smoother and more intuitive, helping users understand changes in real time.

  • Loading states: A shimmer effect on product cards or a subtle pulse on the search bar can indicate that search is processing.
  • Typing indicators: A brief typing animation (e.g., three dots pulsating) reassures users that the system is actively working.
  • Streaming responses: Conversational commerce can generate responses in real-time, with text appearing dynamically as it is processed.
  • Fading transitions: When users adjust filters or guided search suggests refinements, results can fade in and out.

Utilize carousels

Carousels showcase relevant products, recommendations and trending items without overwhelming users. Especially on mobile, carousels optimize limited screen space by allowing users to browse multiple products or offers with intuitive swipe gestures.

Carousel features are:

  • Personalized recommendations based on user behavior
  • Trending or featured products
  • Recently viewed items
  • Category-based browsing

Carousel best practices are:

  • Ensure clear navigation
  • Use horizontal instead of vertical scrolling
  • Limit carousel items
  • Complement primary results

Multimodal experience

Voice search and input and transcribed text helps to ensure a multimodal model guided search experience.

  • Voice search: Voice search is intended to feel natural and effortless to the site visitor. The web interface designed to support quick, clear user interactions.
  • Voice input button: A microphone icon in the search bar allows the site visitor to activate voice search, with animated indicators pulsing or lighting up to provide users visual feedback when activated.
  • Streaming transcribed text: Conversational commerce can stream transcribed text as the user interacts using voice, letting the site visitor review and adjust their input while minimizing site clutter.

Practical guidance to web interface components

This section comprises practical guidance for how to optimize your conversational commerce components in the web interface.

Simplify the experience

A simplified user experience reduces cognitive load and helps to ensure that your users can quickly find what they are looking for without unnecessary distractions.

A reduced cognitive load in a user interface can be summed up as:

  • Minimizing the steps in the process.
  • Keeping interfaces clean and intuitive.
  • Streamlining AI suggestions.

Avoid misleading or irrelevant personalization

Irrelevant or misleading results can quickly frustrate users.

Understand intent and VIP questions

To refine intent, conversational commerce prompts users with relevant questions. Therefore, conversational commerce should be configured to ask targeted questions to further reduce the number of results and reduce ambiguity.

User journey

This is an example of a desirable user conversation path.

Step 1. Conversational commerce prompts users with a question.

Step 1 first question

Step 2. Conversational commerce then targets specialized questions to further reduce the number of search results and ambiguity.

Step 2 search refinement

Conversational filtering

Conversational filtering guides users toward more relevant options without overwhelming them by:

  • Immediately updating results.
  • Suggesting useful filters.
  • Labeling filters clearly.

To learn more about conversational product filtering, see Conversational product filtering.

Handle edge cases and errors

To make the search process more reliable and user-friendly, Vertex AI Search for commerce can gracefully handle unusual, or edge cases, and errors in a number of ways:

  • Surfaces closely related alternatives.
  • Clearly displays stock availability.
  • Suggests similar alternatives.
  • Offers back-in-stock notifications.
  • Provides hand-off to customer support.