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
3answers
95 views

Are mathematical symbols easier to understand than text?

I'm creating a dialog and presenting a list of mathematical comparison options to choose from. e.g. [attribute] [>] [value] I'm wondering if there's any research as to whether it's more intuitive to ...
0
votes
3answers
87 views

Multi-page form with lots of fields - displaying validation messages

We have a multipage web application (a flow with lots of forms). The forms have lot of fields. Our client wants us to validate the fields on "Next" but allow the user to continue. This introduces a ...
0
votes
1answer
26 views

Related information or different information on the right

I am looking at designing a information sheet that will 99% of the time be printed out. I am scratching my head a little over a simple choice I have. Thinking about it there are three main layout ...
0
votes
1answer
56 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 ...
9
votes
5answers
437 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
51 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
2answers
105 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
31 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
107 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
134 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
11 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
69 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
106 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, ...
4
votes
1answer
230 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
92 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 ...
15
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
127 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
86 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
1answer
44 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
136 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
73 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
110 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
193 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
211 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
58 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
156 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
252 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
95 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 ...
5
votes
4answers
124 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
394 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
121 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
42 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
134 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
208 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
52 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
80 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
105 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
113 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
85 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
63 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
90 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
129 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
379 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
102 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
150 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
99 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
190 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
57 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
85 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
180 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 ...