New answers tagged forms
2
There are several ways to go about this. But generally, the current table data entries have no form of hierarchy whatsoever.
So we start by:
1. Creating a hierarchy between the labels and the content: Here I am doing that by font size and weight. The contrast could be created in a lot of other ways though.
2. We then look at the information themselves ...
1
If you think you're asking your user too many questions, perhaps consider a way of getting the same info in fewer questions. I think if you ask your user for times, you can calculate where they are and how many times they eat implicitly. I would also have a "tabbed view" for "week day" and "weekend" (not everyone goes to work, but they all have weekdays and ...
1
I would definitely refrain from having the long products-input that stays empty. It is confusing and clutters the layout.
How about a vertical layout? This would allow you to get rid off the long empty Input field and the repeating labels. Once a product is selected the chip is added above the input field and the input field moves down to make room for the ...
1
Allow only 1 to be locked at a time
Essentially make them radio buttons. It looks like the three variables (rise, run, grade/angle) are one of three things to the user:
I know this value
I'm trying to find out this value
I'm experimenting with this value
If any two of them are the first, allow the user to put them in directly (just have four number input ...
0
You dont need OK / press Enter, if 3 fields are obligatory just leave them by default
You can turn on autofocus on first field when user land on the screen
You can mark your fields with * or make a small one-time notice on the very top that user is obligated to fill in all fields. That will be a bit more clearer than disabled Button...
Continue button, ...
0
Scenario A: You gray out the button until it's reasonable to press it. On a PC you should display at least a tooltip on mouseover - otherwise the user will be confused why he can't press this button. Mark the non-optional fields with a * for example to further guide the user. On mobile devices, tooltips won't work. Here, Scenario B might be better. It's ...
0
By observing how users use my app I've seen that disabled buttons are still pressed by a significant portion of users, especially those who are less technically acquainted. This happened even when the disabled button was clearly greyed out.
My solution typically is to indeed trigger a validation response if a disabled button is pressed. From observing ...
0
If you can group your field logically, and distance groups from one another
You can place validation / number of digits input in the field so it is auto validated
You can signalize length of the number to be typed in, with the size of the field. One with 8 digits should be longest
Place fields one below each other. If you can sometimes group them, place ...
0
Our (very niche) website allows anyone to create an account when we send a unique link in the body of a message to the specified email.
Our choice has been to let people accidentally create duplicate accounts, since we believe that responding to that email is a sufficient warning. This despite the fact that our target audience includes people who still have ...
0
o-lot]1,
I recently designed some forms that share similar layout concerns with this. Here are some visual explorations you might consider:
If you really need the form to be shorter, you can sure play around reducing the heights of the input fields or the margins between them. I hope this helps.
1
Vertically below each other in an order that makes sense to your users.
The issue with putting fields horizontally next to each other is that they are sometimes missed.
Have a search for LukeW, he is a UX researcher at Google and has some amazing content on form best practices.
0
An alternative solution to the Advanced options page would be to dynamically display additional Sport car-related form fields next to the Category checkboxes. That way the user can see the additional questions you want to ask in context.
0
Displaying more information in a Toast is not a great way to display more information. I suggest an indefinite Snackbar or some inline view (perhaps dismissable).
Don't use arrows, that is an iOS convention and frowned upon in Android. Don't be part of the problem.
If this is a list of things, lists are assumed to be clickable in Android. If you and your ...
3
This is essentially the same as the answer above by @Mohammed Yaseen Ganai, but I felt that some more explanation was in order to really help you understand the suggestion.
The most important thing here is not breaking convention unnecessarily - there already exist UI elements to do exactly what you want to do: Radios and Checkboxes.
Radio buttons
Radio ...
1
Switches are generally used when there are only one or two options. In this case, there a four options so checkboxes would work better. The options could be made more user-friendly and understandable with the addition of a verb:
Allow multiple valid answers [checkbox]
Allow multiple attempts [checkbox]
Shuffle questions [checkbox]
Shuffle answers [...
0
Standard behaviour for a switch is when the action takes effect instantly, a checkbox takes effect after a submit button is pressed.
I suggest you change the options you have for multiple attempts etc to checkboxes. Then move down the option for multiple answers to just above where you select the correct answer, here a switch makes sense. Group things that ...
0
It's like yes/no question to answer this without any further explanation but, giving the user ability to make their choice simply whenever it's possible, way more practical instead of making user having an interaction more than once in case of selecting from input dropdown rather than doing it with a single click.
As a user I'd prefer the first choice of ...
1
I think the blue section should appear automatically after filling the green and red ones.
in the context of IP and port, I think it is worth using validation (as for the ip format - is it 4 or 6?):
https://www.geeksforgeeks.org/program-to-validate-an-ip-address/
Inform the user about the correct or incorrect address based on the defined format (green and ...
9
Remove the toggle for multiple choice.
Keep radio buttons for single answer questions.
Keep check boxes for multiple answer questions.
Top 50 recent answers are included
