I have a simple form with 2 text fields and a search button.
I.e. something like this:

enter image description here

I don't like the checkbox as it is. How could I improve this better?

  • What does ASC stand for ?
    – Nash Vail
    May 12, 2013 at 12:03
  • Ascending. Default would be descending (i.e. checkbox not checked)
    – Jim
    May 12, 2013 at 12:05
  • Wouldn't it make more sense to include a dropdown menu where descending is selected by default?
    – Mahn
    May 12, 2013 at 12:42
  • 1
    If it's only 2 options (ascending/descending) then using radios is a good option too. Checkbox doesn't make clear that the alternative to ascending is descending. I'd also avoid to use acronyms (and alternatives to make it clear, like A-Z vs. Z-A). May 12, 2013 at 13:35
  • What is the relationship between the two conditions?
    – rk.
    May 12, 2013 at 15:46

2 Answers 2


With no further information this how you can improve your form:

  • No abbreviation (they can be obscure for the user)
  • No uncommon or useless symbols like [-] or [:] (useless is useless)
  • Clear understanding of what is selected by default and what can be changed (no ambiguity, no over-thinking)


download bmml source – Wireframes created with Balsamiq Mockups

If descending and ascending are for the results then you may want to propose that option afterwards, once the results displayed



download bmml source

The two buttons on the right are supposed to be segmented buttons. :-) They can be used before and after the search.

  • I like this.But why is - useless? If te condition is from - to for example why is the - useless?
    – Jim
    May 12, 2013 at 14:59
  • I return you the favor: Why is the '-' useful? Does it add more meaning and bring less ambiguity? If not: it is not useful. May 12, 2013 at 16:05
  • Well isn't it the way we write on paper? It seemed more intuitive to me. Am I wrong here?
    – Jim
    May 12, 2013 at 16:10
  • You are not, it is just in the context the sign is replaced by the UI elements (text input). I edited with another mock with From - To. May 12, 2013 at 18:02
  • You should leave out 'Ascendent' and 'Descendent' until the data is populated.
    – Jason
    May 28, 2013 at 19:19

The sorting of the results should be displayed after the results are shown. Currently, it's not very clear what the context for ascending is or how the results will be sorted - depends on what fields you will display for each result (name, date, type, other metadata); I'm guessing you'll have more than one field given that you have 2 search boxes.

Additionally, maybe you can try and leave only one search field and display the results something like this

search result 1   ...   condition A
search result 2   ...   condition A
search result 3   ...   condition B
search result 4   ...   condition A
search result 5   ...   condition B

and allow the users to sort also by the last column

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.