Concept 03 / 10

Concept 03

AI converts natural language into standard structured pills

AI acts as a translator. The result looks almost identical to native filter pills, with a tiny indicator that this pill came from an AI request.

Why useful

Familiar, lowest learning curve — the cleanest transition from today's experience.

Key risk

May not feel innovative; users might miss that AI was even involved.

Example query

"Business-friendly hotel with restaurant and shuttle"

Section — Interactive demo · Click ✨ AI Filter to try

Interactive demo · Click ✨ AI Filter to try

All filtersHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Section A — End-to-end interaction flow

1 · Default

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

›

2 · Click AI Filter

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

›

3 · Small panel

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Describe what you need

e.g. quiet business hotel

›

4 · Typing

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Business-friendly hotel with restaurant and shuttle

›

5 · Applied — inline pills

All filtersHotel ratingBusiness services^AI×Restaurant in hotel^AI×Shuttle service^AI×✨ AI Filter

Hover any pill to see the original phrase it came from.

Section B — Static state breakouts

Default

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Input panel open

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Describe…

Applied — inline pills

All filtersBusiness services^AI×Restaurant^AI×Shuttle^AI×

Hover → reveals source phrase

All filtersRestaurant^AI×

Source phrase

"…with restaurant…"

Toggle off — pill removed

All filtersBusiness services^AI×Shuttle^AI×

Edit → AI pill becomes standard pill

All filtersRestaurant in hotel×

Once edited, the chip behaves like a manually-set filter.

Clear all AI

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

No supported match

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

No filters matched your request.

Parsing

All filters✨ Parsing…

Section C — Notes & tradeoffs

What changes in the bar: New pills appear inline alongside native filters, marked with a subtle 'AI' indicator.
Existing pills: Untouched; AI just adds more pills of the same kind.
AI representation: Standard pill shape + dashed border + small superscript 'AI' tag.
Edit / remove: Per-pill remove; editing converts an AI pill into a regular filter selection.
Cross-LOB scaling: Trivial to extend — every LOB already uses pills; just add the small AI marker.
Unsupported terms: Inline note below the bar lists the unsupported portions of the request.

← Concept 02: AI adds a second row

All concepts

Concept 04: AI preview before apply →