Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
0
votes
1answer
71 views
How should you represent a short Unordered list
I have a list of exactly 2 steps a user can follow either the first or the second can be completed first, both have to be completed for the next action to occur.
I have large circular icons which ...
0
votes
3answers
127 views
Remove or keep Clear control in mandatory input-field? (iPhone)
I've had a little discussion with one of my co-workers regarding how to handle the Clear all -button in a mandatory input-field on the iPhone. The field holds the account email address and is present ...
0
votes
3answers
187 views
Inputting percentages - in decimal or whole number form?
I've come across a situation in a form where one group of people is expecting an input field for a percentage value to be whole numbers, whereas the other expects decimal values. Either way when the ...
0
votes
1answer
113 views
Order of fields in contact forms
I'm looking for evidence to support changing order of fields in various contact forms.
The first is a general form with:
Enquiry details - textarea
Where did you hear about us? - textarea
...
4
votes
2answers
330 views
i18N and form design
I'm trying to design a web form supporting internationalization (i18n). The form will be part of a large event management software. Users login, create events (like conferences, roadshows, and so ...
1
vote
2answers
132 views
Editing an array of numbers which length is variable
For the needs of a line drawing program, I need to edit an array of integers. The only constraint on the array is its length, which has to be even, and greater or equal to two. The solution I have for ...
-2
votes
1answer
651 views
What solutions are there for a date picker on a responsive website? [closed]
We're working on a website that is responsive.
So my question is: What about datepickers. If we choose normal datepickers
Jquery Mobile date pickers don't look good on the full blow template.
And ...
0
votes
2answers
146 views
Checkbox vs. menu
I am building a calculator where the user must choose if has has a hybrid car or not.
I was wondering which is better a checkbox - where you check if you have one.
or a menu with yes/no ...
4
votes
1answer
190 views
What is the most user-friendly software license installation process?
I have Windows desktop software that requires the installation of a small binary license file (1KB) that controls access to DLLs that are installed with the software package. The GUI part of the ...
1
vote
1answer
1k views
Required field validation error message – Next to field vs. in a Popup
In our application, we mark all the required fields with an asterisk and when user tries to perform an action without providing values for all the required fields, we display an error message next to ...
0
votes
1answer
146 views
Coming soon pages - best practices?
I think the design of these pages vary greatly, and there is no set standard on what's usually on these pages. However, one thing that has been common with these pages in the past is that people tend ...
2
votes
4answers
197 views
When appending items to a list, should the input fields be above or below the list?
We are building an application that allows a user to build a form.
The user can enter the name of the label, pick the type of the input field and indicate whether or not it should be mandatory. The ...
4
votes
2answers
536 views
How to structure complex forms for business documents?
In our enterprise management software we use forms to record document like customers, invoices, sales order, tasks, products, etc. We wanted forms to look like their hard paper version.
Below is an ...
21
votes
5answers
788 views
Auto Advance to Next Field
When is it appropriate to 'auto advance' from one text field to the next, as in phone numbers and SSN?
3
votes
2answers
283 views
dynamic form design
I have a multistep form setup in my rails app.. In one of my steps the user can enter a friends name, birthday, gender, and the persons interests.
They can enter as many friends as they like (each ...
1
vote
3answers
124 views
How to request that two out of three fields need to be populated in a mobile search app
I am developing a new iOS app and I need to let the user commit a search where three fields are shown.
a group name (development, marketing etc.)
member name
project name
the search should be ...
5
votes
4answers
371 views
Should URL input fields automatically prepend http:// if the user leaves it off?
If I ask a user for a URL, and they type in something like 'www.google.com', should I assume they meant http://www.google.com?
5
votes
2answers
105 views
What control would best allow the adjustment of signal/noise ratio?
I am developing a web app where a prominent feature is the ability to adjust the signal/noise ratio of the app's content on the fly. The value needs to be represented along a spectrum which includes ...
0
votes
1answer
62 views
How to enter separate amounts then give feedback if the total meets a given amount?
case:
During an ordering process, the user should be able to divide a given amount of money into a '1 to infinite' number of pots. So the sum of everything should be exactly the same when the step is ...
13
votes
8answers
731 views
How to warn a user they are approaching the character limit for a text input field with a soft maximum?
I'm writing an internal web application to generate subtitle text for videos. Part of the requirement for this project is that each line not exceed X characters, except where circumstances warrant.
I ...
6
votes
1answer
274 views
Many-to-Many associations - Edit in place or on new screen?
I am trying to design an interface to do two things:
Create Items and Objects
Create links between Items and Objects (in a many-to-many association)
An Item is a simple attribute that must be ...
5
votes
2answers
717 views
Date range picker in mobile app
In my current project, I'd like to filter a list by a date range.
I'm not sure how I should design the interface in such a way that it's as easy as possible to select a range. My first idea was to ...
6
votes
4answers
2k views
For required fields, should we add the red asterisk before or after the field label?
Should we add red asterisk before or after the label of required fields, i.e., to the left or the right of the field name? My boss prefers to add the asterisk before the labels, but I like to add them ...
5
votes
1answer
323 views
Is the asterisk the common symbol to mark fields as required in all languages?
I did some research but didn't find an answer to it.
The asterisk seems to be a common symbol on the web for marking input or user interaction as required. Most likely it has it's origins in print ...
1
vote
2answers
2k views
Incorporating a range-slider in a form: jQuery UI or degrade to <select>?
When incorporating an <input type="range"> slider into a form (ie, Best form element to indicate level of completeness of a task?), Firefox degrades not-so-gracefully to a text box.
Since we ...
3
votes
3answers
196 views
How should I implement Language selection in a CMS?
One of my client must be able to post News to both french and english language on his website. I would like to know how I should design the CMS to be the most convenient for the admin as possible.
...
2
votes
3answers
187 views
Min. opt. and max. value of a small field
I've a three digit input field which has a predefined upper and a lower bound, all within a table. The field also has an optimal (requested) value. So there is a min. an opt. and a max.
What is a ...
7
votes
2answers
197 views
Allowing user to input a constrained value
I need to allow users to enter a number between X (minimum number) and Y (maximum number). X and Y will have different values depending on the specific client set-up of the tool. These values could be ...
7
votes
3answers
259 views
What is the best interaction pattern for entering a range on a mobile phone?
I have a mobile application where I need to filter a list by a range. (Imagine a dating app where you want to filter people by age). How should one design the range picker?
A person should be able to ...
4
votes
2answers
128 views
Validating Phonewords/Vanity Numbers
I am redesigning a system where the user can enter various contact details for associates via a personal details form.
In this form there is a phone number input field.
After a phone number is ...
2
votes
3answers
576 views
Displaying selections from a Dropdown Check List
First of all, I apologize for my Englsih and will try to be as clear as possible!
I'm currently having a problem with a Dropdown Check List.
I have, on the left of the search results, a Dropdown ...
-3
votes
1answer
125 views
What is the best format to ask users to submit financial information [closed]
I'm looking for an example of a simplified way of asking users to submit financial information in an online form for the following 4 categories e.g. income, commitments, assets and liabilities. Any ...
3
votes
1answer
119 views
Should department filter be located to the left or the right of the search text input in e-commerce sites?
I'm working on a new shopping site and i see a possible minor improvement.
We have a typical search form on top left, with dropdown for categories and input field.
I think maybe it's better if we ...
6
votes
2answers
901 views
Best ux design for “add row” to enter multiple values
Ive seen this following method on Xing that allows multiple entries of unknown limit:
I want a better way, since the + and - look confusing i sometimes get confused myself, in addition the ...
1
vote
1answer
79 views
How can a form with tokenInput include qualifiers?
I have a form for modifying songs in which you can add/remove links to artists with a special text field having tokenInput capability for auto-completion. This field looks like this:
Of course, the ...
3
votes
1answer
543 views
How to design a form that mostly is read-only, but sometimes editable?
Often in database-centric application I need to design a view for records e.g. something like:
Name: __________
Phone Nr: _________
Website: ______
Email: __________@________
Location: ____________
...