If i have input for order (business sort) for specific entity like this :

enter image description here

Where (10,20,30,40,50) are numbers entered from the user for the order of these contracts and this order is used in business .

My question is:

Right now i allow the user to enter the order through a text box. From UX perspective what's the best way to enter business order ?

  • This question is pretty vague. Is there an issue you're experiencing by letting the customer enter in numbers through a text box? – Alan Oct 24 '16 at 15:18
  • @AlanGeorge : no i ask if there's a better way to enter numbers express about business order rather than a textbox ? – Anyname Donotcare Oct 24 '16 at 15:24
  • How many rows are typically displayed? That's an important consideration in coming up with a solution. A UI optimized for 5-20 lines may not work with 200. – Eric Stoltz Oct 25 '16 at 16:50
  • @EricStoltz we talk about 5-20 per category – Anyname Donotcare Oct 25 '16 at 17:02

Text boxes are typically the best entry method for numbers, as they are lightweight and work on every browser. However, you can take some steps to improve your text box:

1. Validation

To ensure the user doesn't enter in bad data (i.e. text, symbols), validate the text box to ensure it only contains numbers. This can be done in a number of ways, including Regex /^[0-9+]*$/, and Javascript.

A typical validation UI might look like this:


download bmml source – Wireframes created with Balsamiq Mockups

2. Autocomplete

If the business numbers are known on your end, a simple autocomplete form saves the user time. Just be careful to limit what numbers the user sees, i.e. only show them business numbers associated with their account.

For example:


download bmml source

|improve this answer|||||
  • Note:Those numbers are the order of set of contracts – Anyname Donotcare Oct 24 '16 at 15:38
  • By order, do you mean sort? Or order as in purchase? – Alan Oct 24 '16 at 15:40
  • I mean sort (business sort) – Anyname Donotcare Oct 24 '16 at 15:41
  • I still don't understand. Are these numbers used as indexes for the contracts? – Alan Oct 24 '16 at 15:43
  • Those numbers are used to order(sort) the contracts for the next promotion (business issue) – Anyname Donotcare Oct 24 '16 at 15:45

Combo Box

A combo box is a commonly used graphical user interface widget (or control). Traditionally, it is a combination of a drop-down list or list box and a single-line editable textbox, allowing the user to either type a value directly or select a value from the list.


enter image description here

|improve this answer|||||

If you are talking about only 5-20 items in the list, I would suggest that exact ordering may not be as important as establishing priority. For example, if there are 20 items, is item 13 absolutely more important than 14? Can I work on 14 if there's a blocker on 13? There's probably no great difference between 13 and 14.

Therefore, a more manageable solution may be to have three priority levels: high, medium and low. Let the user choose a priority from a dropdown or via radio buttons. Re-order the items on refresh or subsequent visits (or provide a refresh button if necessary to see the new order immediately).

Business may recoil from labeling anything a low priority; in that case adopt language that will be more internally palatable!

|improve this answer|||||

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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