UX Concept Study · Phase 1

AI Filter — 10 Concept Wireframes

This deck explores how a new AI Filter quick filter could work inside the existing hotel search filter bar of a B2B travel platform. Each concept is a separate page focused on one distinct interaction model. All concepts are intentionally low-fidelity, grayscale, and structural — the goal is to compare interaction logic, not visual polish.

Phase 1 rule: AI may only map natural language to filters that already exist in the system today. Anything else is either ignored or shown as "not applied".

Ground truth — current quick filter bar
All filters✨ AI FilterHotel ratingHotel nameLoyalty & brandsIncludes breakfastPrice
Mappable filter inventory (Phase 1)
Hotel rating
Hotel rating
Price
Price (slider up to $500)
Hotel name
Search by hotel name
Amenities
Free cancellationIncludes breakfastIncludes dinnerIncludes wifiIncludes parkingPay onlineIn policy ratesPaid by my companyPay at hotelAccessible bathroomAccessible path of travelAir conditioningBarBusiness servicesEco-friendlyElectric Car Charging StationFitness equipmentHigh-speed InternetIn-room accessibilityKitchen/KitchenetteLarge vehicle parkingMeeting facilitiesParkingPets allowed (conditions apply)Restaurant in hotelRoll-in showerRoom serviceShuttle serviceSwimming pool
Loyalty & brands
Show loyalty ratesMarriott BonvoyAccor Hotels ALLBest Western RewardsChoice PrivilegesHilton HonorsHyatt World of HyattIHG Rewards ClubWyndham Rewards
Property Type
HotelsApartments and homesUnique stays
Concepts
Concept 01
Open →

AI replaces the quick filters

AI takes over the bar; original pills hidden behind 'Back to standard filters'.

✨ AI activeIncludes breakfast×Fitness equipment×Back to standard filters
Concept 02
Open →

AI adds a second row

AI chips appear in a second row labeled 'From your request' below the untouched native bar.

All filtersHotel ratingPrice✨ AI Filter
From your request:Free cancellation×Wifi×
Concept 03
Open →

AI translates to standard pills

AI-mapped pills sit inline with native pills with a tiny 'from AI' indicator.

All filtersBusiness services AI×Restaurant AI×Shuttle AI×
Concept 04
Open →

AI preview before apply

Preview panel lists 'We found 2 supported filters' with Apply / Edit / Cancel.

We found 2 supported filters
BreakfastParking
ApplyEdit
Concept 05
Open →

AI summary pill

One expandable summary pill: 'AI: Breakfast + Wifi + Parking'.

All filters✨ AI: Breakfast + Wifi + Parking ▾
Concept 06
Open →

Persistent AI input

Input bar stays open and editable; chips render below for iterative refinement.

✨ Hotel with restaurant, breakfast, and pool|
RestaurantBreakfastPool
Concept 07
Open →

Before / after diff

Diff view: Current vs. AI will add; 'added by AI' highlights fade after apply.

Price+ Breakfast+ Shuttle(2 added by AI)
Concept 08
Open →

Suggested prompts

Click AI Filter → suggestion tray with 4 example prompts before a blank input.

Try one of these
Near my office with breakfast
Quiet business hotel
Concept 09
Open →

Interpretation modes

Segmented control: Strict / Balanced / Flexible — same query maps differently.

StrictBalancedFlexible
BreakfastBusiness services
Concept 10
Open →

AI session banner

Persistent slim banner above the bar: 'AI request active: …' with edit / clear actions.

✨ AI request: "Business hotel with wifi and breakfast"Edit · Clear
All filtersWifiBreakfast