Concept 07 / 10

Concept 07

AI shows a before / after diff

Before applying, the system shows what's currently selected vs. what AI will add. After apply, new filters are visually marked for a short period.

Why useful

Maximum transparency through explicit change communication.

Key risk

Can feel procedural or technical for casual users.

Example query

"Hotel with breakfast and shuttle service"

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 · Type request

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Hotel with breakfast and shuttle service

›

3 · Diff preview

Review changes

Current: Hotel rating Price

AI will add: + Includes breakfast + Shuttle service

ApplyCancel

›

4 · Just-applied (highlighted)

Hotel ratingPriceBreakfast×Shuttle service×

✓ 2 filters added by AIUndo

›

5 · Highlights faded

Hotel ratingPriceBreakfast×Shuttle service×

Section B — Static state breakouts

Default

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Diff preview

Review changes

Will add: Breakfast Shuttle

2 filters added banner

✓ 2 filters added by AIUndo

Just-applied highlight

PriceBreakfast×Shuttle×

Highlight faded

PriceBreakfast×Shuttle×

Remove an added filter

PriceBreakfast×

'Shuttle' removed by user.

No supported match

Review changes

No supported filters were found.

Diff also shows removals

Review changes

+ Breakfast

No removals

Cancel → no change

All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice

Section C — Notes & tradeoffs

What changes in the bar: Existing pills stay; new pills appear with a temporary 'just added' style.
Existing pills: Untouched. Diff explicitly calls out additions vs. existing.
AI representation: Initially highlighted (filled style) for ~5s, then settles to standard AI dashed style.
Edit / remove: Per-pill remove plus an Undo banner immediately after apply.
Cross-LOB scaling: Diff pattern is universal — works wherever filters can be batch-modified.
Unsupported terms: Listed in the diff preview under a 'Skipped' line.

← Concept 06: Persistent AI input

All concepts

Concept 08: Suggested prompts →