search

carbon-design-system / carbon-for-ibm-dotcom

Carbon for IBM.com is based on the Carbon Design System for IBM
https://www.ibm.com/standards/carbon/
Apache License 2.0
261 stars 156 forks source link

IBM Docs and IBM Masthead new AI slug in search bard #11539

Open kcbuchanan opened 6 months ago

kcbuchanan commented 6 months ago

The problem

IBM Docs and IBM Masthead search are getting ready to put into production watsonx on IBM Docs and watsonx on IBM Search

This corporate sponsored and approved use of watsonx is designed to augment the current customer search and will reuse the current search experience

In preparation for this, @dallashudgens designs include the AI slug in our search bar:

image

In reviewing the documentation for use of the AI slug, we reviewed your airtable that is tracking all the different ways you are adding the component. But you have not included in the search bar. This is a critical use case for us to meet our deadline to get watsonx on masthead search and IBM Docs search into test env then into product within the quarter

We noticed in “Demo 1” column we go to a react story book and you have a great example of a slug in a drop down: https://web-components.carbondesignsystem.com/?path=/story/experimental-slug-examples--select

As I said, we do not see one added to search yet, but we are fromally requesting that it be added.

Please advise when this might happen.

I reviewed your open issues 11091 and 11289 that contain list of core components and i did not see one for search bar

The solution

Add the AI slug componenet into search bar as a component so we do not have to code a customized search bar.

Application/website

ibm.com/docs/en

Business priority

High Priority = pressing release

What time frame would this ideally be needed by (if applicable)

By mid-March to meet our deadline for release on IBM Docs test

Examples

see screenshot above

Code of Conduct

aagonzales commented 6 months ago

@kcbuchanan The slug should appear only where AI generates or recommends the content. The user inserts the text in the search prompt; therefore, the slug should not be shown in the search field. Instead, the Slug would appear on any AI-suggested type-ahead prompts or alongside the search results themselves.

ljcarot commented 6 months ago

@dallashudgens I recommend you bring your design work to a Carbon Office Hours for review. Thx

aagonzales commented 6 months ago

@dallashudgens @kcbuchanan

If you wanted to inform the user of the existence of AI in the process, I would recommend doing in either or both the following ways:

  1. Change the search trigger to AI generate button using the new "ai-launch" icon.
  2. In the search results loading, you can add a slug (inline) there because the AI is doing the processing/searching in that instance.
image
dallashudgens commented 6 months ago

@aagonzales Thanks for the feedback! I’ve been trying to keep up with the guidance and clearly misunderstood the use of the slug.

Is there a way for us to indicate there is an AI-launch but also the regular search is enabled? We can always do some testing and change, just wondering if there’s a hybrid approach defined?

I do plan to go through reviews with the design for AI team and y’all, just been pressed for time on another project. Will circle back with you soon.