Skip to main content
Updated to explain why my option is better than option 3
Source Link
elemjay19
  • 1.3k
  • 13
  • 25

Radio buttons will be the most clear, as far as indicating that the options are mutually exclusive. Your Option 2 check box is very unclear. It looks like you can do a search with or without promotions, but from your description you're either searching for reservations or promotions.

I suggest something more like this:

mockup showing section with 'Choose Results Type' radio buttons before search button

download bmml source – Wireframes created with Balsamiq Mockups

Using radio buttons to determine the scope of your search is already something that is used on the web. Here's an example: the Orbitz search form, which uses radio buttons to determine what type of results you get (Air, Car, Hotel, Air+Car, etc).

Search form from Orbitz.com which has radio buttons to determine the scope of the user's search

Using two different "buttons" that don't look the same is also inconsistent UI. Option 3 could work with two buttons, but as @usingtheinternet says, having multiple submit buttons can be confusing.

Radio buttons will be the most clear, as far as indicating that the options are mutually exclusive. Your Option 2 check box is very unclear. It looks like you can do a search with or without promotions, but from your description you're either searching for reservations or promotions.

I suggest something more like this:

mockup showing section with 'Choose Results Type' radio buttons before search button

download bmml source – Wireframes created with Balsamiq Mockups

Radio buttons will be the most clear, as far as indicating that the options are mutually exclusive. Your Option 2 check box is very unclear. It looks like you can do a search with or without promotions, but from your description you're either searching for reservations or promotions.

I suggest something more like this:

mockup showing section with 'Choose Results Type' radio buttons before search button

download bmml source – Wireframes created with Balsamiq Mockups

Using radio buttons to determine the scope of your search is already something that is used on the web. Here's an example: the Orbitz search form, which uses radio buttons to determine what type of results you get (Air, Car, Hotel, Air+Car, etc).

Search form from Orbitz.com which has radio buttons to determine the scope of the user's search

Using two different "buttons" that don't look the same is also inconsistent UI. Option 3 could work with two buttons, but as @usingtheinternet says, having multiple submit buttons can be confusing.

Change wording
Source Link
elemjay19
  • 1.3k
  • 13
  • 25

Radio buttons will be the most clear, as far as indicating that the options are mutually exclusive. However, yourYour Option 2 radio buttoncheck box is very unclear. It looks like you can do a search with or without promotions, but from your description you're either searching for reservations or promotions.

I suggest something more like this:

mockup showing section with 'Choose Results Type' radio buttons before search button

download bmml source – Wireframes created with Balsamiq Mockups

Radio buttons will be the most clear, as far as indicating that the options are mutually exclusive. However, your Option 2 radio button is very unclear. It looks like you can do a search with or without promotions, but from your description you're either searching for reservations or promotions.

I suggest something more like this:

mockup showing section with 'Choose Results Type' radio buttons before search button

download bmml source – Wireframes created with Balsamiq Mockups

Radio buttons will be the most clear, as far as indicating that the options are mutually exclusive. Your Option 2 check box is very unclear. It looks like you can do a search with or without promotions, but from your description you're either searching for reservations or promotions.

I suggest something more like this:

mockup showing section with 'Choose Results Type' radio buttons before search button

download bmml source – Wireframes created with Balsamiq Mockups

Source Link
elemjay19
  • 1.3k
  • 13
  • 25

Radio buttons will be the most clear, as far as indicating that the options are mutually exclusive. However, your Option 2 radio button is very unclear. It looks like you can do a search with or without promotions, but from your description you're either searching for reservations or promotions.

I suggest something more like this:

mockup showing section with 'Choose Results Type' radio buttons before search button

download bmml source – Wireframes created with Balsamiq Mockups