Screen patterns

Selection

Screens where choosing among visible options is the main task.

  1. BookMyShow: Event ticket types

    Step 2 of the wizard listing the gendered and couple inventory (Female Entry, Female Cover, Male Entry, Couple Entry, Male Cover, Couple Cover) with prices and an Add control per row.

    BookMyShow Event ticket types

    View the screen

  2. BookMyShow: Sub-region selector

    Second step of the city choice: a closeable sheet titled with the chosen city (Mumbai) listing its areas - All, Mumbai: Western, Mumbai: South & Central, Navi Mumbai, Thane, Kalyan, Ulhasnagar - over an illustrated skyline. Choosing an option commits the app-wide location context.

    BookMyShow Sub-region selector

    View the screen

  3. Cleartrip: Hotel filters

    All filters shows refinement categories and options, with Free cancellation selected, Reset All, and an apply control estimating 117 properties.

    Cleartrip Hotel filters

    View the screen

  4. Cleartrip: Flight add-ons

    Optional seat, meal, and baggage upgrades; seat selection is unavailable and add-ons may be skipped.

    Cleartrip Flight add-ons

    View the screen

  5. Cleartrip: Flight filters

    Flight-results filter sheet with included airports, stops, airlines, reset controls, and Apply.

    Premium screenshot

    View the screen

  6. Cleartrip: Choose hotel dates

    Calendar range selection for hotel check-in and checkout with confirmation.

    Premium screenshot

    View the screen

  7. Cleartrip: Hotel search

    Hotel destination, stay dates, rooms and guests, and Search hotels controls.

    Premium screenshot

    View the screen

  8. Cleartrip: Flight search

    One-way flight criteria showing Bengaluru to New Delhi, departure date, one adult, cabin class, and Search flights.

    Premium screenshot

    View the screen

  9. Cleartrip: Hotel room choices

    Available room type with imagery, amenities, breakfast plan, cancellation terms, price, and Continue.

    Premium screenshot

    View the screen

  10. Cleartrip: Rooms and guests

    Room occupancy controls for adults and children with confirmation.

    Premium screenshot

    View the screen

  11. Cleartrip: Choose flight departure date

    Departure-date calendar with daily fare estimates, a selected date, optional return date, and Done.

    Premium screenshot

    View the screen

  12. Cleartrip: Choose a flight fare

    Fare-choice sheet comparing Saver and Value Max benefits and prices.

    Premium screenshot

    View the screen

  13. Cleartrip: Choose trip protection

    Trip Protect offer with benefits, price, accept or decline choice, and Continue.

    Premium screenshot

    View the screen

  14. Cleartrip: Flight travellers and class

    Traveller counts for adults, children, and infants plus Economy, Premium Economy, Business, and First choices.

    Premium screenshot

    View the screen

  15. District: Showtimes and cinema listing with date picker

    Film title in the header, a date strip, Filters and 'Sort by' controls, then cinema cards each listing a venue name with distance and a grid of clickable show times.

    Premium screenshot

    View the screen

  16. District: Cinema seat map with tier pricing and selection

    Header with film, venue and the chosen date/time, then a scrollable auditorium seat map split by priced tiers (PRIME ₹320, CLASSIC PLUS ₹310, CLASSIC ₹240, LOUNGER ₹270) with one seat highlighted and a bottom bar reading '1 Seat' with a Proceed button.

    Premium screenshot

    View the screen

  17. District: Event ticket selection with date, time and cart

    'Choose date and time' with a horizontal date chip row (19–31 Aug) and a time chip, a 'Redeem your pass by paying on District' banner, a 'Choose tickets' section with a named Cover Ticket at ₹100 and a quantity stepper set to 1, and a bottom bar showing ₹100 next to an enabled Checkout button.

    Premium screenshot

    View the screen

  18. District: Find a restaurant — booking preferences sheet

    Bottom-sheet form titled 'Find a restaurant' with a close control and a short subtitle, three stacked preference rows — 'No of guests' (2 guests), 'Date' (Today), 'Time' (2:30 PM) — and a footer pairing a text 'Clear filters' action with a filled 'Find restaurants' submit button, over the dimmed collection listing.

    Premium screenshot

    View the screen

  19. District: Family dining collection — loaded availability results with per-venue slot pills

    Back-titled 'Family dining' collection with 'Filters (1)', '21 Aug, 12:30 PM • 4 guests' and '30% OFF & above' chips over an 'All restaurants' list; venue cards (Atlantis 4.2★ • North Indian • ₹2500 for two • Flat 20% OFF; Roxie 4.7★ • Flat 10% OFF) each carry a 'Slots for tomorrow' row of bookable time pills (12:00 / 12:15 / 12:30 / 12:45 PM) with per-slot discount labels.

    Premium screenshot

    View the screen

  20. EaseMyTrip: Train search

    Train ticket search for New Delhi to Mumbai Central with departure date and travel class choices, plus access to train-status utilities.

    Premium screenshot

    View the screen

  21. EaseMyTrip: Choose a hotel room and rate

    Room and rate selection comparing available room types, meal plans, booking terms, amenities, and per-night prices.

    Premium screenshot

    View the screen

  22. MakeMyTrip: Cabs Review Your Ride

    The pre-payment cab review: trip address and schedule with Edit, the selected vehicle with rating, fuel type and seats, free-cancellation terms, a detailed Inclusions & Exclusions list of per-minute and per-kilometre overage rates and which tolls, parking and state taxes are included or excluded, a Policies link, a Coupon & Offers block, and the Part Pay / Full Pay / PAY NOW bar. The wording of the inclusions block and the two payment amounts differ by cab product: the hourly-rental and airport captures exclude tolls, parking and state tax, while the intercity Outstation capture states that tolls, state tax and driver allowance are included and quotes a per-kilometre rate beyond an included distance.

    Premium screenshot

    View the screen

  23. MakeMyTrip: Cab Search — trip entry

    The shared Cabs entry form: three product tabs (Outstation, Airport, Hourly Rentals) with Airport active, a Ride Guarantee promise strip, FROM and TO address fields with a swap control, a TRIP START date and time, a SEARCH button and an Offers band below the form.

    Premium screenshot

    View the screen

  24. MakeMyTrip: Hotels Select Room

    Room and rate-plan chooser: date/guest header with Modify, Free Cancellation and Breakfast Included filters, a room card with size, view, bed and bathroom attributes, and competing rate plans with prices, a Selected marker and CONTINUE.

    Premium screenshot

    View the screen

  25. MakeMyTrip: Hotels & Homestays search entry

    Stay-search form: By Night / Hourly Stays / Nearby Getaways tabs, a OneCircle Rewards promo, the city field, check-in and check-out dates, room/guest occupancy and a SEARCH button.

    Premium screenshot

    View the screen

  26. MakeMyTrip: Activity booking — Select Date

    A month calendar for choosing the visit date, with weekday headers, the current selection highlighted, FROM DATE and TO DATE summary fields and a DONE confirm button.

    Premium screenshot

    View the screen

  27. MakeMyTrip: Select Preferences — traveller count

    Traveller-count chooser for the selected pass: the pass name and date in the header, Adult and Child rows with age bands, per-traveller prices and increment/decrement steppers, an age-band advisory note, and a running total with CONTINUE.

    Premium screenshot

    View the screen

  28. BookMyShow: How many seats

    Sheet asking 'How many seats?' with a 1-10 quantity picker and four price tiers (Recliner 380, Prime Plus 280, Prime 250, Classic 99) above a Select Seats button.

    Premium screenshot

    View the screen

  29. BookMyShow: Event date and time

    Step 1 of the booking wizard (Date & Time / Ticket / Review) showing the venue line and Select Date chips for the available nights.

    Premium screenshot

    View the screen

  30. BookMyShow: Select language and format

    Bottom sheet titled 'Select language and format' under the film name, grouping the available formats by language: an ENGLISH section with a 2D option and a HINDI section with a 2D option.

    Premium screenshot

    View the screen

  31. BookMyShow: Live event booking - select venue

    First step of the live-event booking wizard for a multi-city event: a four-stage breadcrumb (Venue, Date & Time, Ticket, Review & Proceed to Pay) above a 'Select Venue' list of collapsible city groups. Bengaluru is expanded and shows one selectable venue card - MLR Convention Centre, Whitefield - with its starting date, distance, a Fast Filling label and a Know more link; Kolkata is collapsed below.

    Premium screenshot

    View the screen

  32. Domino’s: Pizza customisation with size, crust and toppings

    Margherita configuration page: a hero pizza photo, the product name with 'Classic delight with 100% real mozzarella cheese', a Change Size block offering Regular (Serves 1) at Rs 119, Medium (Serves 2) at Rs 239 preselected and Large (Serves 4) at Rs 449, then a Change Crust block starting with New Hand Tossed at Rs 239, and a sticky footer summarising 'Medium | New Hand Tossed' with a priced Rs 239 Add button. Scrolling further on this same surface reveals the remaining crusts (100% Wheat Thin Crust Rs 289, Cheese Burst Rs 339, Fresh Pan Pizza Rs 289, Classic Hand Tossed greyed out as unavailable, Korean Sweet Chilli Cheese Burst Rs 339, Hot n Fiery Cheese Burst Rs 339, Creamy Makhani Cheese Burst Rs 339), an 'Add Extra cheese to crust' add-on at +Rs 75, eight veg toppings at +Rs 60 each (Crisp Capsicum, Fresh Tomato, Paneer, Red Pepper, Jalapeno, Black Olive, Grilled Mushrooms, Onion) and seven non-veg toppings at +Rs 75 each (Pepper Barbecue Chicken, Peri-Peri Chicken, Grilled Chicken Rasher, Chicken Sausage, Chicken Tikka, Chicken Pepperoni, Chicken Keema).

    Premium screenshot

    View the screen

  33. SNITCH: Collection filter and sort

    A bottom sheet over the dimmed collection grid listing collapsed facet groups: SORT BY, CATEGORY, SIZE, COLOR, PATTERN, FIT and CUSTOMER REVIEW, each with an expand control. A CLEAR action and an APPLY action carrying a live result count sit pinned at the bottom, showing that curated collections get the same full faceting controls as the standard product listing.

    Premium screenshot

    View the screen

More examples with Premium

Premium unlocks the remaining screenshots.