New answers tagged

1

Username and password together are an entity that is optional. When the entity is wanted then the fields within it are required. What can we call this entity, "credentials"? Similar to musefans answer but with the emphasis on using a fieldset with legend and with the difference that you use buttons to explicitly add or remove the credentials. Name ...


3

It appears that the username and password fields are related to creating a new user account, perhaps something that a system admin would do when setting up a new user (as opposed to a user doing it for their own account). With this is mind, I would suggest making that part of the form a more explicit action. Only show those fields when they are required to ...


0

Username and password cannot be optional. I assume logging in into that specific flow is optional maybe or creating an account ? In this case you can include an explanatory text or group the username and password and state that login / signup is optional.


0

I think if you require an email, you should use a form of option one so that the user only needs to enter it once. Instead of storing their email in a cookie, you could use a session cookie. Session cookies are signed by the server, which means that the user can't modify it. The session cookie would just confirm that the user has subscribed, it wouldn't ...


0

Don't use the actual value of the slider as bandwidth, use it as an index into a lookup table of possible bandwidths. Show the user the value from the lookup table, not the actual slider value. This works well whether you have just 5 options to choose from or 50. An Alternate Approach If you do have a lot of bandwidth options to choose from, a slider will ...


0

Don't have random steps missing. Simply show all steps and then validate that its an allowed value and let the user know if its not. This will prevent the user from getting frustrated when they can't select the value they want (which isn't allowed) on the slider. This is somewhat equivalent to a text area with a min/max text length. You shouldn't prevent the ...


2

user want might add multiple "compensations" Assuming the field(s) are optional. In that case, better to have one Textarea instead of multiple text fields. Reason: People usually don't like too many question fields for a single reason :). I am also thinking you might want to rename the label to something generic like "Please explain" ...


0

Just giving quick answers here! And you can consider leaving the interface as-is what you've designed, if it's widely applied in the application, users will figure out later. You can consider having a small help icon beside Score to let users know that 1000 is a target You can consider placing a smaller text label Target above 1000 to show that this is a ...


0

I think you'll find that the best strategy to 'persuade' (rather than 'force') users to subscribe is to provide very clear and transparent information about the value of doing this (versus not doing this) rather than anything you can do through the user interface or interaction design. This is because the users have to make a trade-off between providing you ...


2

Just let them type it in and do input validation. Save yourself a whole lotta headaches.


1

0 to 1000, use a slider with 1001 values (0-1000). 0 to 1000 in steps of 5: use a slider with 201 steps (0-200), multiply value by 5. 0 to 100 in steps of 5 skipping some values: use a slider with X steps (201 minus number of skipped steps). if they are random as it looks like, keep a list of the skipped steps [20, 45, 60, ...] and then correct the ...


1

I think I would find it odd if a random website would display an email I typed in an input field a while back. Maybe it would be better to just hide it. Valid option. I doubt people would use the "new" link. I, as a user, would just use the old link as long as it works. Valid option. If it is not too distracting, I don't think users would mind.


5

It is better to go with a simple input field that only accepts numeric values to min and max of 0 and 1000 respectively. i.e Letting the user enter the numbers from the keyboard. Use JavaScript to only allow divisible by 5 numbers. Show proper validation color codes to guide the user. To make UX better on Mobile and tablet, we can use HTML attributes like ...


3

For me the combobox is the control for "a set list of allowed values". Use a combobox that filters the values based on the typed in value in such a way that the nearest values above and below the input are shown. That way you dont have a bazzilion things in the drop down except when the user wants to. If you want to you could combine it with a ...


13

How about a slider connected to a listbox (please be advised, the following imagery is garish and not for the faint of heart :) ) Or It allows a coarse selection with a slider and fine-tuning with the listbox. Bonus points if you make the selected value editable and the change will slide the slider and move to appropriate rounded value in listbox (In other ...


3

I like (and have personally implemented) the type of control described in musefan's answer. Such controls have their upsides and downsides, which need to be carefully considered. Here is an alternative worth presenting: Would the user be good with the website matching the nearest acceptable value (rounding up or down, depending on which provides better UX)? ...


16

As others have noted, we don't know what the actual use case is here. The OP has asked an isolated question out of context of the environment in which it's intended for use, and that's absolutely the wrong way to design an interaction. I highly suspect that this is an X-Y problem in that the question has been posed to solve a secondary problem Y, which is ...


22

How about a combination of a slider and a spinner (number stepper)? How does this work? I am glad you asked... Your list of values is effectively an array. So rather than the slider having a list of values, it just works on the indices of the array. So if you have 10 values in array, then slider handles values 0-9. This solves your technical issue because ...


Top 50 recent answers are included