Forms are generally used to retrieve user input such as text, selected radio button, selected checkboxes and actions like pushing a button

learn more… | top users | synonyms (1)

1
vote
1answer
44 views

Variable highlighting in formulas

I have an application in which there is a filter bar. These filters are clickable labels. After clicking one, this label becomes a editable. Recently, we added functionality to use variable names in ...
2
votes
2answers
161 views

Optimal way to display long radio buttons on mobile

I'm working on designing a responsive form, and I'm wondering if anyone has ideas for dealing with "long" radio button options on mobile. For example, take the following image: I've browsed around ...
1
vote
6answers
151 views

IP address with port input

I'm working on a desktop application which requires to enter an IP V4 address plus a port to define an UDP socket (port is an integer value between 0 and 65535). This is a scientific operation, users ...
1
vote
3answers
316 views

Which date picker is better?

In my opinion this traditional dropdown menu date picker is easier to use: than this calendar-type, which is more prevalent these days: Reason is, if I want to enter a birth date or a date that ...
4
votes
4answers
621 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
3
votes
4answers
177 views

Best approach to handling complicated forms with related items?

Developer here to pick the brains of the UX pros out there (so please excuse the general lack of UX knowledge on my part). I am developing a code generation engine that will, out of the box, create ...
0
votes
2answers
524 views

What is the “desktop” alternative for a material design full-screen dialog?

The material design spec for full-screen dialogs says the following about full-screen dialogs: Mobile only: Due to limited real estate on mobile devices, dialog content appearing in other form ...
0
votes
0answers
107 views

Multi Selection with Check-boxes and Radio Buttons

I have a long list of options. My users can select many of them, but they must also star one and only one of the options selected so. ... [ ] Option 1 ... [ ] Option 2 ... [ ] Option 3 ... ...
2
votes
3answers
207 views

how to indicate mandatory group in IOS -UPDATED

I have a form where fields are marked (*) to indicated they are required. But there is a strange use case where Level and Space have a dependency on each other such that either space or level or both ...
1
vote
3answers
98 views

undo action and submit form

I have a form where there is also the possibility to manage N files PDF. These files could be uploaded and, obviously, deleted. For upload, I have a ajax uploading (when you choose a file, the file ...
0
votes
1answer
64 views

Autofocus on mobile

The user is on a form only page. Does it makes sense to auto-focus the first field so that the keyboard automatically opens up. On the desktop it makes 100% sense, but I am not sure if I need to do ...
4
votes
4answers
569 views

How to indicate that one of a group of fields is required

I have a form where there are multiple fields. Some fields are required, and I have an asterisk next to them in red color. There are some fields where one of them is required. For those fields, I have ...
53
votes
12answers
5k views

Should read-only text appear as plain text or in a read-only textbox?

Should I use labels for read-only information, or should I use read-only text boxes to maintain the look of the fields? It seems to me that if something is in a textbox it implies there is some way ...
1
vote
2answers
95 views

Can I replicate the layout of a paper form online?

A system submits planning applications but we've observed the online system takes users much longer to complete than the paper version. This is because the paper version has all form fields ...
2
votes
1answer
122 views

Handling lack of support for HTML5 [closed]

I've made a client-side JS script that runs when the Register button is clicked for the current version of a site, but want to implement real-time validation on the client. How do I handle some ...
2
votes
2answers
101 views

Should a register page contain every field at once?

I am redesigning an application, and part of that is making the UX a bit better. However, the application requires the user to fill in a lot of information. Would it be better to have them fill out ...
2
votes
3answers
144 views

Terse or chatty field labels?

Field labels generally fall into one of 2 camps, either terse or chatty, such as 'Name' versus 'What is your name?'. Typically there is a broad correlation between the expertise or focus of the user: ...
1
vote
3answers
189 views

Less contrast of text cursor over dark input box

We all know dark UI looks damn sexy. The problem is that, when the pointer hovers over a dark input box, the default black cursor has low contrast. Since this could confuse users, what might be the ...
4
votes
2answers
768 views

Should I put the label before or after the input element?

For visually impaired users using a screen reader does it matter if the label for an input control be placed before or after the input? For example, is there a difference (as far as the screen reader ...
15
votes
5answers
4k views

Is a “Login Successful” Message Necessary?

On an informational/forum website (say, similar to a StackExchange site), is it necessary to show a "login successful" message? Clarification: On the site in question, the users can log in by ...
3
votes
2answers
314 views

Fitting a Huge Real Life Insurance Form in a 7 Inch Tablet

I'm consulting a Life Insurance company who plan to go mobile with their procedures on signing up for an Insurance product. This will be mobile on a 7" Tablet device, say Nexus 7 with 1920×1200 pixel ...
0
votes
2answers
135 views

How to improve billing address pattern?

I'm trying to find the best pattern to use in a sales service flow where some employers will be using an app to sale products in local stores. They will keep in touch with many clients so they need ...
2
votes
2answers
98 views

Control that changes state automatically and needs to be a part of a form. Any ideas?

I need an example of a control that changes its state automatically once a condition has been satisfied. I need to use such a control to allow admins to set a flag at the user level that would ask ...
2
votes
3answers
171 views

Natural language format for user input

We are experimenting with using a natural language form for user input. This is the information we are collecting from the user: color (x2) font size font weight accessibility level Normally, ...
0
votes
1answer
186 views

How to hide additional rarely used checkboxes?

I'm building a form in which there is one input with checkboxes. The list comprises of 3 or 4 popular options, and about 10 rarely used ones: I think I've seen ways in which websites hide the ...
1
vote
2answers
118 views

Integrate lookup and edit functionality

I've looked at a few of the other similar questions, but I don't think they are the same kind of problem. I am trying to design to link a person to an item. The page supports free text entry for the ...
4
votes
3answers
496 views

Locking input form fields, does it make sense?

In certain views of our web-application, all information is usually presented as input fields as they can be modified. Now, because of our rights and roles system, for some people, several input ...
1
vote
2answers
190 views

Required field asterisk color

In common practice we put an asterisk to signify a field as required. The color of the asterisk should always be red, or we can use any other color ? How to show it effectively, when all buttons ...
3
votes
2answers
202 views

I'm seeing a new instant email-validation tool on registration forms — is it new? And what is it? [closed]

I've started to see something in the last few months that I don't remember having seen before and want to know just what it is and how it works. When I'm required to register for some BS site (but ...
1
vote
1answer
94 views

Single page app - user abandons form

I am developing an AngulrJs single page app with a permanent set of buttons for navigation. Among other things, the user can add some data or edit existing data. What should I do if he pushes a ...
0
votes
5answers
238 views

Input Numbers on Mobile

Some context first. I'm working on a mobile application for law enforcement agencies to track suspects in a real-time manner. When launching a track session, users need to specify how often the ...
1
vote
2answers
76 views

How to show disabled textfields on a form?

I have an HTML form with some textfields and datetime fields. Some elements should be shown readonly for a user group. Unfortunately, site's base color is gray so I could not use that color for the ...
2
votes
2answers
251 views

Best way to ask the user how much something cost, approximately?

TL; DR; version: Users are given the possibility to write stories about certain activities they took part in. The price of these activities can vary, so it would be a good idea to give them the option ...
4
votes
5answers
161 views

Is it best to add or remove functionality when using checkboxes?

Suppose there's a system where the user can make a blog post. This user can choose to allow or disable comments to their posts. He's going to make this choice for every post he creates. Now, the ...
0
votes
1answer
150 views

Customers with multiple locations

We've been creating an admin portal; the user of the portal would only be the staff at the company as this will be an internal tool. The issue we've run into is that we have conflicting opinions on ...
2
votes
1answer
128 views

Is it problematic to have dropdown selector options expand above the field instead of below?

I'm designing a product-based website, and I have a dropdown selector at the bottom of one of the pages near the footer. When I went to review development, I noticed that the way the dropdown selector ...
4
votes
4answers
298 views

Is required validation possible on a switch/toggle control?

Scenario I want to make sure a user has made a selection on a switch input. On page load it is either on (1 - in image) or off (2 - in image) depending on what state it is set to in the code. ...
47
votes
11answers
7k views

How can I make it extremely clear that the user needs to take one last action?

I am developing a new checkout wizard for my company's website, and I've added a "confirm your selections" panel as the last step in the wizard: From my perspective as the designer, I feel that I ...
4
votes
2answers
170 views

Enormous and unwieldy Windows Form

I have this ugly interface in WinForms that is both character-limited and slow. The basic idea is that it needs to be a dynamically sizeable 2D array. Each position in the array can be set ...
2
votes
1answer
115 views

What is the best way to label placeholder call-to-actions?

I'm creating a search input where the user can search for: restaurants, dishes, and cuisines. I was wondering when it comes to placeholder text what is the most proper way to label this ...
1
vote
2answers
152 views

What's the best way to present NPS survey questions to users on phones?

NPS surveys generally take the format of: The touch area of each selection seems to be pretty tight when I put my mockup on a phone... Is there a better design pattern that I could be using here ...
1
vote
0answers
28 views

Daily- weekly-hourly temperature planner [closed]

i'm working on a project where i need to assign different temperature settings for times of the day. There are 4 options that i can assign to an hour. they need to have different colors on the ...
1
vote
1answer
75 views

Do I still need to keep my “Submit” or “Search” button? [duplicate]

Many sites now provide a search bar without the buttons, and everyone (?) understands that you press enter afterwards anyway. Is it beneficial to keep the Search button for this case? Do I gain or ...
5
votes
1answer
227 views

Search field with or without a button?

I can see two broad patterns as far as the design of the search field is concerned. One like we see on Google has a button that the user can hit to initiate Search. (They could also hit enter to do ...
1
vote
2answers
91 views

Redundant : enter user id again for forgot password

Many a times, I use forgot password link after trying a password that I think is correct but doesn't work. In other words I have already provided my userid/email address. Since the password is ...
7
votes
3answers
424 views

“Floating labels” vs “Fixed small labels” on the the web?

On devices with small screens floating labels can improve readability, since the size of the placeholder's text tends to be considerably bigger than the one in the small labels and the latter just ...
1
vote
1answer
118 views

Create new record and add (lengthy) details in one step? (Accordion Forms)

I was hoping to solve this data entry problem with an accordion form, but now I'm not so sure if this is the right way to do it. I am concerned that information might get lost if I place the save ...
2
votes
1answer
212 views

Mobile proof input control for long list of options with a lot of text

I'm letting users choose one option from a set of choices. My data set is much like a list of countries: many options (about 50 - 200) the user will know what options are there because of the ...
3
votes
1answer
66 views

Persisting form field error messages in a fixed header

I'm currently redesigning an onboarding flow and i've come to this question with an engineer about designing an error message form field box that persists in our fixed header. This would of course ...
1
vote
3answers
85 views

Social sign up or a short field?

hi, I have a very simple form to get users signed up. My MD (not the brand stakeholder) wants to use social sign-in as he thinks it's easier. I feel that because this is a small form, users are ...