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)

8
votes
4answers
508 views

Street address confirmation

I'm trying to design the best way for an existing customer to confirm their street address and these are the two designs I have come up with. Method A I like this because it's easy to read and they ...
2
votes
0answers
26 views

Attaching files other than pictures to a mobile form

Client has a pc only website that is migrating to be responsive. Contact us form has a button to attach a file (not necessary a picture). My thought is: attaching a file with a phone is arduous. I ...
9
votes
9answers
663 views

Multiple vs single field capture for phone number form input

Working on a form dealing with phone numbers I see two methods to capture user input. In past practices example 2 (image below) has proved effective in controlling phone number lengths on forms. ...
2
votes
1answer
35 views

How to handle default inputs than can be overruled?

Here is a problem I have been struggling with for a while... Consider the following 2 input forms (don't worry, these are just mockups, not real screenshots). When the user opens the forms, all ...
2
votes
1answer
68 views

When to remove error color from field? On change or on focus?

I have a form. When the user puts in wrong information or an error shows up, the field color changes. Now, I'm confused as to when I should change the color back; should it be when the user focuses ...
0
votes
2answers
69 views

How do i display a button that is selected with two options?

Industry Experience has both a Target Value and an actual value (what the person scored) Attached is an example where the actual value is not the target value. How should it be displayed when the ...
2
votes
1answer
52 views

Crash dialog - motivating user to explain what they were doing

In my application (a browser), there are two types of crashes which can occur: Python exceptions, i.e. I can handle the crash just when it happens and display a crash dialog immediately. Segfaults ...
3
votes
2answers
92 views

Best practice for desktop application input validation

I've been reading through some of the other questions tagged with validation and similar. We have a Windows desktop application that has many textboxes contained in a dialog that need to be validated, ...
0
votes
1answer
48 views

What is the good wording and place for file size error message? [on hold]

What would be a good wording and place on the form for file type error message? I am especially interested in the case when a user may not understand clearly the difference between file types.
0
votes
1answer
113 views

Web UI design for CRUD modules

In the past, I mainly programmed desktop applications. When I created an administrative app for a store, I did the following for CRUD modules. Let's say I need to add new articles to my store, the ...
0
votes
1answer
62 views

Where is the best position for a FORM on a landing page?

i am working on a long landing page (at the moment the design is about 9000px long) for the hotel/travel industry. I was wondering what was the best place to put the request form, right now i am ...
0
votes
1answer
37 views

indication of mandatory states

I have a questionnaire that engineers can complete. The questionnaire can either be mandatory or non mandatory. In the mandatory Q all questions are mandatory. In the non mandatory Q no questions are ...
2
votes
3answers
74 views

Indicate recently answered question

I am working on an web-application form which represented as table rows. These table rows hold item information and can be checked or unchecked. When saved, all checked items are set to be seen by ...
0
votes
4answers
80 views

Displaying a hierarchy in a dropdown

I have a dropdown in my application that allows users to select a location in a hierarchy. Currently, I am showing each level in the hierarchy as a tree-type layout, with the lower items intended and ...
4
votes
6answers
966 views

How to show remaining time?

I'm developing a Q&A product. Answering form works like this: Each question has 2 answer slots. If you're writing an answer, you can take your time, but after a few seconds of not writing, a ...
1
vote
3answers
307 views

Using radio buttons responsively

I am working on a project with form design - giving users a choice of 7 options. With prototyping (in Axure), I have found that users using mobile phones seem to have some difficulty selecting radio ...
2
votes
2answers
68 views

Radio button group confusing to user?

I have a page where the user is asked to choose one of two options so more information can be provided. I used a radio button group (bootstrap) which has no default option selected (see mock below). ...
0
votes
2answers
43 views

Why does verizon have me confirm my authorization code when adding a device? [closed]

What purpose does the second entry serve? Why are they making us go through the hassle of entering in a random character string twice, when we can clearly see it the first time we type it in?
2
votes
2answers
145 views

How to present a long form with optional sections

I have a long form that will require the user to print it out and mail it in (the signature is legally required and submitting it online isn't an option at this point). The form is to change various ...
2
votes
5answers
97 views

How to indicate that one set of checkbox answers will result in an AND search, wheras an other one will be an OR

I have a search form that contains two sets of checkboxes (along with other elements). One set will result in an OR search (Item has checkedbox1 OR checkedbox2) - the second will result in an AND ...
0
votes
2answers
53 views

Choosing the right 3rd Party Login Services for your app

I'm building a desktop/mobile app and in addition to the standard login I wanted to provide a way for users to be able to login to from services such as Google, Facebook, etc. The difficult part in ...
0
votes
1answer
57 views

How should I display more clearly long text/options/answers on a mobile form (currently its a dropdown)?

I am working on a mobile form and some questions have dropdowns with long input text. Users can't read the entire answers and I can't reduce the text more than I already did. Unfortunately, I have ...
36
votes
15answers
4k views

Slider control when there is no maximum value

I'm trying to design a control where the user can enter a figure that has no maximum value. For example, how many miles that person wants to travel that year. There's a text field there for direct ...
0
votes
2answers
78 views

Best practice for design CRUD Split-form UX which have “associate with user's task” mode

I've been searching for how we design Split CRUD form UX which have "associate with user's task" mode. I have a Master-Detail CRUD web-based form. Basically, my form has 1 fields-form, 1 datagrid, 5 ...
0
votes
2answers
116 views

UX for faceted filtering?

The Swedish website "Prisjakt" - a website used for price comparisons - has a very nice set of form elements that dynamically update to indicate matching elements based on applied filters. See link ...
1
vote
2answers
136 views

How should the form control buttons be arranged?

Where is the best place to show form actions in a system (CRUD buttons*)? I have currently placed them in a sticky header that follows a user down the page so as to always show the controls, which is ...
0
votes
2answers
89 views

How to show facts & forms in first fold of the browser?

I am working on a form page. In which first their is a page heading comes then facts related to form & then form comes. My project manager wants facts & form comes in the first fold of the ...
1
vote
1answer
105 views

What is the best way to switch between views?

I am designing a web page for regular drafts.(regular drafts are kind of drafts which are periodic)It means you can define amount of money to transfer from your account to another account in some ...
0
votes
1answer
52 views

What is the best way to display many multiple selection of US states?

I am currently working on a project to create a "wizard" for users to customize dashboard. One step is to select the states they are interested in. There are so many states, but I don't want to split ...
1
vote
3answers
123 views

Mandatory field without default value

While designing a GUI, on the form where I am administering the users, when I add a user I want to be able to select the role among 3 choices and I want the administrator to make a choice. So I ...
0
votes
3answers
80 views

Textfield validation - persist, ignore, correct or delete?

I'm working on a desktop application that has text fields and other form elements scattered on various pages. A global save button saves all inputs from all pages. Since the textfield format/error ...
0
votes
1answer
118 views

floating versus inline alerts

I personally am a fan of floating alerts such as Toasts. I am thinking of using them for the form validation and feedback. I find the inline movement of content terrible, though it seems to be the ...
1
vote
2answers
165 views

Long web form, use multiple “pages” or one long scrollable form?

Do most users find filling out a form to be less frustrating when form chunks are separated into pages (essentially tab navigation), or do they find that annoying and prefer it to be one long ...
0
votes
2answers
47 views

What is the best way to show labels on filters with sliders?

I need to design a filters column to fit in safe area (650px) and I need to understand how to deal with labels. In order to shrink the design I decided to put labels into input boxes and using ...
1
vote
1answer
56 views

Distinguish between a log file and a file logged in the log file

This form has a file upload element which is used to upload a log file, and a drop down to select files that are 'logged' in the log file. The users of this will be familiar with what a log file is ...
-1
votes
0answers
10 views

Autofill form with LinkedIn [duplicate]

There is a form with an autofill with LinkedIn box message. Do you think that helps the users or is more confusing, since the LinkedIn button competes with the Send button of the form? What are best ...
0
votes
2answers
86 views

Types of tool tips [closed]

I'm designing a checkout flow for an e commerce website and I need to come up with a set 3 kind of tool tips. while they will look similar they will have variations for the following for providing ...
1
vote
4answers
223 views

Does it make sense to have an “All” option in a filter?

I'm working on an effort to create a set of filters for search results. One of the UX issues I'm currently working out is whether or not to place an "All" option as an item in the filters. For ...
0
votes
2answers
70 views

Male Female Selection [duplicate]

I am building a form. What is the best practice to ask a gender of a person in a form. In a dropdown? In radio buttons? or in some other forms? Please also tell some techniques to style these fields. ...
1
vote
1answer
106 views

Complex data input form on mobile device

I need to create an Input form that allows a user with a mobile device, to insert informations with this structure: output = { context: ‘Context Title’, products : [ { name : ...
0
votes
1answer
118 views

Best control for display boolean readonly data

Now we are using readonly checkboxes for displaying some information about other users: Mike Angel And I feel that using input elements for displaying readonly data is wrong, but I cannot think of ...
1
vote
1answer
98 views

Pattern for showing the dependency with dependent fields below a radio button or checkbox?

I have a form where there is a field with two options. Depending on which option is chosen, there are 1-4 additional fields that need to be filled out, as shown: I think there are two problems ...
2
votes
3answers
108 views

Should I use questions or statements in my web form?

I'm designing a web form that allows you to schedule events on a calendar. There are about four pages of input required for each event, such as: Name Start date End date Employees involved Budget ...
1
vote
2answers
119 views

Acceptable maximum number of steps for sign in or sign up before using the service

Note: This is for a service mainly powered, or should I say funded, by video ads. Not really UX-friendly, I suppose, but what can we do Here's the flow right now: Sign in Home -> Login form ...
0
votes
1answer
111 views

How to show static (user initiated) and dynamic help text for radio buttons and dropdowns?

I am bit confused while showing help text in a lengthy form. Please refer to the image for below query: Where we can show user initiated static help (left side of the mock): How to show help icon ...
2
votes
4answers
217 views

Radio buttons menu with radio button submenu

I have three different radio buttons, each one of them contains a submenu with three further options. User can only choose one option in the submenu. So it seems that i have a radio button menu ...
0
votes
1answer
93 views

Security questions vs secret password/passcode when logging in or retrieving login details?

I am currently in the process of re-designing a login process which uses security questions to verify the identity of users before they are successfully logged in, and also to allow them to reset ...
-1
votes
1answer
60 views

Use one page design for website with a detailed “request a quote” form?

One page website design seems to be the popular trend nowadays based on emerging websites and articles online. [1][2] But should one go for one page website design for a website that has a long ...
0
votes
2answers
76 views

Using slider component (TrackBar) as data navigation

I'm finishing an application and the UI of the approval was quite bad. Because the program is hitting production, I'm changing that UI. Ignore the foreign language, this is just a code+description ...
21
votes
3answers
2k views

Login and Register in one form

We have been seeing more sites following this UX enhancement: where login form actively checks for registered username/email, if a user entered an unknown email/name, then the form inputs are updated ...