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
2answers
151 views

An alternative to reCAPTCHA, which is already solved and proven, BUT consisting on operations, images or questions, instead of distorted characters?

I'm working on a service request form, between 5 and 10 fields (depending on the service). *And, possibly, a recaptcha that the Security team is asking us to add. The case is a user requesting an ...
4
votes
2answers
202 views

What's better UX: Letting users completing a form with errors marked inline? Or, block the rest of the form as soon as there´s a wrong field?

I'm using inline validation (on blur) as soon as the user clicks/tabs another field. Is it good to block the rest of the fields (previous and following) when a field is validated? The case is: ...
0
votes
2answers
139 views

Yes and No buttons are both positive. Is it okay for these to both be green, implying 'success'?

This is similar to Should "Yes, delete it" be red, or green?, but I feel it isn't quite a duplicate as my situation is different. I have a form which looks like this: When a user enters ...
1
vote
2answers
121 views

What are the best practices for showing required Boolean field on a form?

I have a required field on a form that is Boolean. Two radios (one labeled "off" and the other labeled "on") seems heavy and old fashion. A single checkbox is lighter but doesn't make much sense since ...
0
votes
1answer
53 views

displaying required field indicators based on action

One of my requirements is to let the users know which fields they are required to fill before they can take an action. The users can take one of three actions save, submit or approve and the required ...
0
votes
1answer
109 views

How to design a form to register in/out values of a cash flow system?

I'm developing a simple cash flow system to a college work and couldn't realize a good way to present the form to register the values that are received and paid. My idea is to make it as simple as ...
0
votes
2answers
229 views

How do you design UI with multiple forms within a table?

My current UI: Notable points: gray row(s) including the input fields on the left, and the Save button towards the right, are part of a single form. Del button on the right is a form entire ...
2
votes
2answers
162 views

What's the best way to explain what the options in a drop down menu mean?

Please see image below. The drop down I'm struggling with is the "permission level" drop down. Users won't be immediately familiar with what the different permission levels mean. In the screenshot, ...
1
vote
4answers
270 views

Can users login and register via the same form?

In designing my project I've toyed with having the login and registration in the same form. The inputs for the details needed to login would be there initially, and if the user presses the register ...
0
votes
1answer
73 views

How to improve UI within a form, where a field can change type, based on data you want to enter

Goal: I want to have a input field that changes its name and value based on what the person wants to enter. Scenario: I have a form that currently goes like this: Some Data input field ...
1
vote
4answers
126 views

Mobile money input, easiest method

For a monetary input, I would have liked to use the input[type=tel], but sadly the decimal/period character is missing from most telephone keyboards on mobile devices. This is a payment amount that a ...
2
votes
4answers
164 views

best way to select a location

I have a form that administrators complete to log work orders (WOs) for site maintenance. A WO specifies who logged the work and what the work is eg broken tap. Part of the form includes a location ...
1
vote
2answers
111 views

Multiple methods of navigating backwards from a web app's detail page

I've got a situation where there's a list, and each item in the list contains a detail page. Lets say it's a list of users in a table or something, and clicking on a user brings you to a page with ...
6
votes
7answers
2k views

Is it good practice to ask date of birth and gender from users or Avatars can suffice?

I am building a system where I need user explicit data like Age, Gender, Preference towards a category(fashion/Gadgets/...). I came up with 2 solutions for Age & Gender: Ask user these ...
5
votes
2answers
200 views

When trying to stick to right aligned form label pattern, how do you handle multi-line labels?

I'm using 2 column right-aligned labels/left aligned input fields. For 99% of my app, it's great. It follows one of Luke Wroblewski's quickest path to completion patterns. The problem is while trying ...
3
votes
4answers
281 views

Is it appropriate or wise to merge two similar search inputs together?

I have an application team that is building a simple search component in which there are two fields. Both accept a number only value that represents primary keys in two different tables. Would it be ...
1
vote
2answers
198 views

How should I show a field is filled when they are not allowed to view the content?

I am saving Twitter keys in a database. The 4 fields needed are in a place where more than one (at least semi trusted) person is able to add the required keys. However, it is suggested that you should ...
4
votes
2answers
92 views

Is it really much helpful for users to provide them multiple options to sign-up or sign-in?

I had created account on a website some months ago and today to wanted to login again but I now I don't remember which method I had used first time to create account. If I would try the option ...
1
vote
3answers
128 views

Button or link for new item form

I'm quite decided to use links to indicate that the user will be taken to page with content, and to use button, when the user takes some action. There is pretty clear distinction between those, so it ...
0
votes
1answer
151 views

UI to manage Products with variants

I'm developing an ecommerce solution where the products may have variants in some properties that doesn't qualify them as different products. Consider this mockup for the costumer UI: download ...
0
votes
2answers
84 views

Designing a Geographic Form with Multiple Input Fields

I have a form that allows the user to input their geographic origin. The origin is broken down into 4 specific categories: City, State, Province, Country. The province input field would apply more ...
1
vote
2answers
79 views

help redesigning table options

I've been asked to look at the design of a table that has buttons at the end (highlighted) Obviously these options should be at the head of the table where they can be seen straight away by the ...
0
votes
2answers
196 views

Bad error message for required field: “Please enter value”

I just watched someone struggle with a form. The form was part of a normal online shop. It had reloaded after submitting, annotating the required field for the phone number with a red text above, ...
4
votes
2answers
149 views

Change Password Form

When allowing a user to change their password is it necessary to add a confirm password field? as follows: Current Password New Password Password Strength Meter Confirm New Password (Is this field ...
9
votes
4answers
902 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 ...
4
votes
1answer
163 views

Attaching files other than pictures to a mobile form

Client has a desktop-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. ...
16
votes
10answers
2k views

Multiple vs single field capture for phone number form input

Working on a form dealing with phone numbers, I've seen two methods to capture user input . In past practices example 2 (image below) has proved effective in controlling phone number lengths on ...
2
votes
1answer
55 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
85 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
77 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
2answers
131 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
3answers
422 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 (WPF) that has many textboxes contained in a dialog that need to be ...
0
votes
1answer
58 views

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

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
332 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 ...
1
vote
2answers
234 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
50 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
4answers
117 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
5answers
203 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
1k 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 ...
2
votes
3answers
456 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
110 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
69 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
3answers
215 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
107 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
58 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
77 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 ...
38
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
3answers
293 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
199 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
142 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 ...