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)

0
votes
0answers
17 views

ebook download - automatic download or button to download on confirmation page?

I have a site at work that is offering a free ebook download after submitting a form. Right now the process is as follows: Click the “download this ebook” button that takes you to the ebook ...
6
votes
5answers
143 views

How to tackle a form with 50+ fields?

(I'm not 100% sure this is the place I should be posting this but I do need help on the UI part of the problem) We have an ASP.Net MVC5 application. It has one page for profile information and that ...
0
votes
2answers
28 views

Best way to set up reporting/flagging interface

I'm building a website where users review courses. I want to set up an interface so that users can report/flag reviews for objectionable content. Administrators will then have an interfacee where they ...
0
votes
1answer
49 views

Report/SQL Builder - Nested conditions

I'm working on a project which will let a user create reports by building up numerous rules, so they can see the data they're interested in. The UI needs to be powerful yet simple. The Balsamiq's ...
0
votes
0answers
25 views

Registration Forms: One Long Form vs Many Short Forms. Who wins? [duplicate]

The answers I've seen to this question all have to do with the Wizard Pattern. Sure this works for some people, but When it comes down to it, whether you are hand-holding or not. I'd like to know ...
1
vote
1answer
53 views

What is the best way to design a date/time picker that requires an input for minutes and seconds?

I’m working on a Date/Time picker that I’d to get feedback on. See my 2 ideas below. This design is based off of Google Cal. (I know Google throws a lot of $$$ at UX so I figured this would be a good ...
1
vote
3answers
114 views

form save progress indication

In our app, when you save/submit a form, two things happen submit button greys out(becomes disabled) there's a progress bar running at the top of the page(similar to medium.com), which is an ...
0
votes
0answers
10 views

what time use : in form [duplicate]

In my form I have lable and cross it Textbox . like as > FirstName : TextBox or Sex : RadioButton my coworker says :cant use : because its not accepted from UX .
0
votes
1answer
50 views

Cleanest method for images in form

I have a editable page that acts as a form, and was wondering how to incorporate images into it. Currently, it looks like this: Clicking on the spriteId or name fields that have a darker background ...
0
votes
2answers
79 views

Should disabled elements ever have pointer events?

Modern browsers have a CSS property called pointer-events which has a possible value of none. This value makes it so that no JavaScript listeners nor CSS pseudo classes fired by events (:hover, ...
2
votes
1answer
87 views

Are forms with infield top aligned labels better than left aligned forms that provide a clear scan line?

This article came out a couple of days ago about infield top aligned labels. http://uxmovement.com/forms/why-infield-top-aligned-form-labels-are-quickest-to-scan/ I like the infield top aligned ...
2
votes
2answers
75 views

Form with multiple languages

I need to make a form for registering content. However, my client want the same content in multiple languages. Before confirming the registration Which layout strategy use without much impact the ...
14
votes
8answers
2k views

Should I provide errors when client-side validation was bypassed?

I have a form. My JS confirms the field values are valid before the form can be submitted. If invalid, it is highlighted red, focused, and given a tooltip with the reason. Moreover, the Javascript ...
3
votes
3answers
115 views

Design for rapid time entry on web and mobile

What is the most efficient way for users to enter a hh:mm time in a web interface and a mobile interface? In this case users would be entering time more than 40 x per hour. Context: This is for ...
2
votes
1answer
68 views

Is it bad UX to reload a page during signup?

During a sign up process for my web app, a full page reload is necessary after some processing that happens in AJAX (the user sees a loading animation for a few seconds, then the reload happens). ...
1
vote
0answers
22 views

Any studies comparing Inertia Motion vs Value Selection in form data?

The Scenario: We're developing this new app which uses a selection slider to select some value (in this case, weight). Now, coming dev time, the client wants this slider to have an inertia scroll ...
2
votes
4answers
100 views

What is the preferred iOS input for a year entry field?

What is the better input type for a year entry field: A scrollable “flipper” or a numerical keyboard?
2
votes
2answers
56 views

Denoting multiple values for the same checkbox or radiobutton

I have a screen where the user can select multiple students and can click on edit. When he clicks on edit, the following happens - All users have the same value for a field, so that value is shown ...
4
votes
2answers
89 views

What's the best practice for limiting text length in a field?

I have a field on a form that I want to limit to 55 characters due to some constraints with an integration platform we use. I've searched both Google and UX.SE and haven't found any good resources ...
3
votes
5answers
180 views

How to signal the user must add a minimum number of images to continue?

I'm making a utility where users rate images from favorite to least favorite. In the creation flow, the user must add at least two images, and is given the option to provide a title or description. ...
1
vote
5answers
194 views

How can I make a login form seem more trustworthy?

We have a web app where the user has to log in at the beginning. The login shows our company logo, the name of the product incl. logo of the product and the login form: I showed this app to a test ...
0
votes
1answer
48 views

Best way to align controls in different sections of a form that has different controls and layout

I'm having a hard time designing a simple form to make it look neat. Below is the snapshot of my form which has different sections in the form. Each section is having different combination of ...
2
votes
3answers
132 views

What's the best title for Web Application pages?

In a typical Web Application we use the CRUD model to manipulate objects in a data store. The user will see a list of the objects on an index page, create a new object on the new page, edit an ...
7
votes
3answers
162 views

Is address line 1 + address line 2 an anti-pattern? [duplicate]

The typical address block on a form contains two fields for address: Address ------------------------------- | | ------------------------------- Address Line 2 ...
0
votes
2answers
90 views

Should I add more colors? [closed]

I'm developing an UI for my application and since we're in 2015 a lot of people really like flat/minimal UIs. Take a look at the screenshot of my UI and tell me if I should change it, I think there's ...
4
votes
4answers
82 views

'Same as billing address' checkbox - Ticked or unticked by default?

I'm working on a subscription user journey. Most of the subscriptions are for digital products. However, a few of them may have a print included in the package and we would need a delivery in this ...
1
vote
2answers
302 views

Form validation and disabled buttons [duplicate]

Allowing a user to submit and find errors is likely optimal compared to the cognitive load of searching a form to see why the button's disabled. However, this could be avoided by providing real-time ...
4
votes
2answers
105 views

What is the best way to display empty fields in a user card?

I'm creating a user widget for dashboard. What is the best way to fill the empty fields here? I can't hide the labels here if they are empty. And if I use "No information available" does it seems ...
0
votes
0answers
31 views

Loading Time on Mobile Phone

I have a mobile feature where a user enters data into one form then hits send. We then load data to return back to the user. The big variable is the user's connection based on their mobile phone. ...
2
votes
3answers
124 views

What makes a form field mandatory?

In a Web form I have a question to which an answer needs to exist, so that a result can be shown to the user. It's about the users family status (single, family). Because there is a majority of users ...
4
votes
3answers
156 views

How should form input fields on a landscape tablet be positioned? Stacked or side by side?

I designed the login form input fields stacked on an landscape tablet app, because that's the usability recommendation I know for forms. It's easier on the user's eyes. But the client is asking to ...
0
votes
2answers
48 views

Should the user's password field be included (with all the hassle) on the settings page?

What is the best implementation of changing user settings with respect to the password change? I have a rails app, and if a user goes to the "update profile" page, the password field has to be ...
1
vote
2answers
64 views

Web version of a complex business form

I have a seen some examples of bootstrap forms that actually look like a tax/complex printed document: I seem to not be able to find it now and was curious if anyone can point me to an example or ...
3
votes
2answers
87 views

Do you still mark prefilled input fields as required?

I'm creating a form in which a user downloads an analytics report. There are multiple fields that are technically required for submission, but we prefill certain fields so that it's less work for ...
1
vote
1answer
82 views

Should form inputs expand to full width on smaller viewports?

When a viewport approaches smaller sizes, my first thought is to linearize and grow each form input, giving each input a full-width. This removes the UI hinting of the larger viewport, but arguably ...
3
votes
2answers
78 views

Adding new address in tabs

In a web application I am building, I need to allow users to add multiple contact addresses to their account. The form for adding one address is quite long and I would like to avoid modals for this. ...
0
votes
2answers
59 views

Is the any design principle that would help to decide which screen, or steps, should go first in a two-steps form to create an event?

In order to create an event, there are two types of information to complete, divided already in two screens. One screen is to fill out details about the people going to the event, the reason of it, ...
0
votes
1answer
53 views

Single-Field Credit Card Payment. Experience or Published Data?

I'm currently attempting to employ the single-form credit card input solution similar to the one on Brad Frost's website (link below) but I'm facing some reluctance from others on this project due to ...
1
vote
1answer
79 views

Are there any references for 10-key data entry (enter vs. tab) to move to the next form field?

A client has requested a data entry form in which the users enter data with a 10-key number pad. When we developed the screen we used the tab button to transition from field to field as is common in ...
1
vote
2answers
351 views

How to set an indicator for selection in drop down on UI

I have a drop down on which multiple selections can be made. Here is the demo. Now, if you see the example, I can select multiple options, but when I close the drop down, I don't know what have I ...
1
vote
3answers
83 views

What would be a good way to present a choice between a text form and file upload?

I need some text to be entered, either through a textarea form or by uploading a file - but obviously, not both. What would be the best way to present this? This is what I have at the moment, but I'm ...
5
votes
1answer
129 views

Wizard inside a Wizard?

I am a UI designer, working on a webapp that deals with lot of user data and grids. The base portion where the user enter their personal details has been split up into a wizard. Here the user may be a ...
5
votes
3answers
96 views

What should be the approach to show coupons?

We have a system where user can see all the coupons from his account which can be used by him. This number can range from 0 to 8 coupons. The no of coupons are exposed to user 2-3 places in the system ...
2
votes
5answers
177 views

Soft “required” form field?

Has anyone ever seen or heard of this approach to a signup page? So the idea is the "Phone number" is not required, however when trying to submit the empty field you would get this message/option ...
0
votes
1answer
53 views

How to display two similars fields with possibly identical content? [duplicate]

I currently work on a subcontracting tool in which I have to register a direct client (billing) and a final client (work) with the address of the final client (work place). The direct client is just ...
2
votes
1answer
79 views

Any studies on how styling standard UI elements affect the experience?

I´m interested in understanding how a customized form affect usability and the learning curve on operating an interface. Sure, we have some guesses that users are used to standard UI,and native ...
2
votes
4answers
134 views

How to prevent users from submitting a form with no changes made

I would like to prevent users from being able to submit a form where the selection hasn't been changed from its original state. Example: In the wireframe above, when the user sees this form, the ...
1
vote
1answer
87 views

Very Long Form in modal box?

I have long form around 25 form fields in web application and it covers 2 whole page. currently it is showing in the same page and cancelling the form goes back to main page. How much lengthy a form ...
0
votes
2answers
86 views

Form design for editing 3 co-dependent values

I have 3 values that depend on each other. For example: pace, distance, time, and pace = time/distance (note: pace is speed inverted). The user can edit any of them and one of the values should be ...
1
vote
1answer
55 views

Start/end dates automation

Let's say that a user has to enter a start date and an end date for some activity, and that activity usually requires a known (default) amount of time (period). To help the user out, let's go ahead ...