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

learn more… | top users | synonyms (1)

0
votes
2answers
117 views

Best practice for dynamic form where user can split amount

I have a form in a web application where users may input bank operations. In this form, they have to put an amount, and they can, if they want to, split this amount into different "budgets". A budget ...
3
votes
7answers
437 views

Do you need an exit or cancel button for a multi-step web-based form?

I have designed a 3-step form. The user will click a button that navigates to its own page without global elements to rely on getting back. If the user doesn't want to complete the form and wants to ...
1
vote
1answer
117 views

Ideal default content area width for a site with tons of forms

I'm doing work on a staffing related website that uses lots of forms. The forms are pretty integral to every aspect of the site--from entering work history to filling out job applications. This has ...
0
votes
1answer
47 views

Pretend a structure to write guides?

I am creating a website, where users are able to create guides for a video game. Since there is/could be a strict structure for the writing of the guide, I am not really sure if I actually should ...
0
votes
1answer
77 views

How to display Form/Survey results

I made an attempt to display form results in a readable and user friendly format. I think there are certainly better ways to do this but right now have no idea how to proceed. The form results are ...
2
votes
3answers
235 views

Is it safe to assume that everyone has an email address now?

I had a request from one of our staff to change the forms to not require the email address because a single person (out of probably 1000 applicants) cannot submit the form because, apparently, that ...
1
vote
1answer
105 views

Sorting many Text boxes in a form [closed]

I was wondering what to do regarding a form I have that's looking pretty messy and complicated. There quite a few elements in it and it just looks bad... I removed the labels: I feel one of the ...
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
173 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
168 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
344 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
631 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
179 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
637 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
110 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 ... ...
3
votes
3answers
273 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
102 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
82 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
597 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 ...
54
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
105 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
124 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
103 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
146 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
201 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 ...
5
votes
2answers
971 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
5k 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 ...
4
votes
2answers
358 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
148 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
201 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
193 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
124 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
539 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
234 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
227 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
95 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
252 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
87 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
308 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
162 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
156 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
141 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
329 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
131 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 call-to-action?...
1
vote
2answers
172 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 planner....
1
vote
1answer
87 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 ...