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)

4
votes
3answers
183 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
66 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
95 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
91 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
79 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
69 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
90 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
358 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
90 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
136 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
183 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
54 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
80 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
144 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
101 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
87 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
60 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 ...
1
vote
1answer
116 views

Displaying custom vs default settings

In many interfaces, there is a set of default settings and then a need for the user to be able to override those with custom settings. Do you have any examples of how to handle this well in an ...
0
votes
3answers
152 views

How can I communicate the user, that the refresh button must be clicked to refresh the content?

In an web app the user can restrict the timeinterval of an chart via a min, and a max date. When the two desired dates are set, the user has to click on the refresh button. Observated users hastiated. ...
1
vote
3answers
220 views

Form design for CRUD actions

Should CRUD actions such as Add a new item, Update an existing item and View item details be on the same form? what's the preferred approach to let the user know "where is he \ what is he currently ...
0
votes
3answers
95 views

What is the best way of handling image uploads

I am working on a new project built on Bootstrap 3 and ASP.Net MVC 5. The layout of a project is heavily dependent on image entities (e.g. paintings). Like so: So registered users would create new ...
0
votes
0answers
26 views

Required fields - Red asterisk vs label 'all fields are mandatory' [duplicate]

I'm working on a registration form. This form has 8 fields (email, password, first name, last name, country, company name, position, phone number). All fields are mandatory and I'm wondering what is ...
1
vote
2answers
83 views

Complex Data Input form with random amount of fields - how to lay out

I have a need to design complex research data web input form. The specification is such, that I have about 7-10 obligatory fields (inputs, dropdowns, etc), and unspecified optional fields. Let's say ...
2
votes
1answer
131 views

Pop ups VS Collapse blocks for adding new info

when i want to add a new field for an existing entity, to add a new field it is required to submit a 3 fields form. is it better to open the form in a pop up and disable the background or is it also ...
2
votes
2answers
95 views

Post Action Confirmation / Next Steps Page

In the application I am working on, a user would create a new entity (e.g. a topic) which will remain hidden until it is checked by a moderator. once approved, child entities can then be added to that ...
-2
votes
2answers
43 views

About Navigation Breadcrumb Blogspot…? [closed]

How important are breadcrumbs? I understand it is important for navigation but I'm not certain how important it is for SEO? Are there use cases where breadcrumbs do not help SEO - and therefore is not ...
3
votes
2answers
476 views

Material Design required field

Has anyone seen in Material Design how they present a required field? at the moment it seems to either hide the (e.g. submit) button until required fields are populated, or throws an error on submit. ...
2
votes
2answers
376 views

Material Design experience incosistent when interfacing input forms

The past 6 months I've been slowly studying Google's Material Design guidelines. I've been involved in a number of hybrid apps during this time and have loved the concepts behind MD, it inherently ...
2
votes
1answer
68 views

How to insert a long list of sorted data within a form

I'm working on a ticketing interface. In a word users will be able to open a request (a ticket), describe the problem they are experiencing and then they'll submit their request. It's a very simple ...
4
votes
1answer
221 views

Submit button of form in material design

There is no description for submit buttons in material design. The most closest by meaning are floating action buttons. The buttons are located in top part of screen, but I don't see any sense in this ...
4
votes
2answers
84 views

Keyboard Dismissal On Non-Interaction of Input Field

We're having a debate at the office. One of my developers is adamant in having the keyboard dismiss when there is any interaction with anything on screen that is not an input field. In other words ...
1
vote
2answers
86 views

Is use of disabled option on select a good approach for showing existing invalid value?

Sample scenario to illustrate the type of problem I'm trying to solve: Online store has orders and in the order it refers to a product. Users can edit existing unsubmitted orders and one of the ...
0
votes
0answers
21 views

Disabling main call to action on signup form [duplicate]

I am working on a sign up form that contains 5 fields - I am sorry, it's too much but those are the business requirements.. I though a good option to keep an optimal UX is to display errors as the ...
5
votes
2answers
144 views

Form validation - When should error messages be triggered?

I'm working on a registration form with real-time inline validation. I'm wondering when we should trigger error messages: before, when the field is in focus and until the user has entered a valid ...
1
vote
2answers
107 views

Single user registration vs multiple users registration form

I'm working on a registration process and have wireframed a single user registration process (see below my wireframes). We want to promote our product and encourage users to invite others. In a first ...
2
votes
1answer
39 views

Adding multiple products to an enquiry and the submitting once [closed]

I am working on a website that has 200 products. It is NOT an e-commerce site so the user cannot purchase the products on the site. The idea that I am exploring is that the user can add multiple ...
2
votes
1answer
82 views

Should you autofill a textbox if there's only one possibility? What about a minimum?

We have a UI to allocate resource: In the UI, users must check a box to enable the textbox. They can then enter any integer between 1 and the amount remaining. If the box is checked, the user must ...
1
vote
2answers
103 views

What is best practice for driving users to a web form?

Our website's #1 goal is getting people to fill out a form. What is the best practice to achieve that type of conversion? Popup that links to form page Popup that asks for basic info and then sends ...
3
votes
3answers
105 views

Progressive Disclosure on Credit Card Form

I'm toying with the idea of completely hiding the submit button on a credit card form until the user enters valid card info (checksummed number, expiration date, security code). As soon as invalid ...
0
votes
1answer
46 views

Is it advisable to have a countdown for a limited free account in a register form?

This is a register form, it offers free account for the first 50 users, I wonder if it's good or common to put an account countdown for it.
0
votes
1answer
58 views

Arranging a tall narrow rectangle with a short wide one

One of the hardest UI things I tend to encounter is fitting a tall narrow rectangle with a short wide one. (In my current situation each rectangle is a sheet of controls.) It seems to be impossible to ...
1
vote
1answer
98 views

One interface for adding users to groups and groups to users

So I'm struggling with coming up with a way to do this. Basically, right now, there are two interfaces: One allows you to create and manage groups, and the other allows you to create and manage users. ...
1
vote
2answers
156 views

Guiding the user through a multi-step form

We are building a kind of wizard driven by rules which will assist the user to complete a number of stages each consisting of a set of steps - I asked a question about this earlier on a different ...
2
votes
1answer
184 views

Show submit button only after the form has been validated?

I'm building a store-like site and users can publish their own ads and I was wondering if not showing the submit button until the form has been completeley validated is a good idea, for example if the ...
2
votes
2answers
72 views

what is the best way to show required fields for different actions on the same page?

I have a page to create orders on which the users can take any one of two actions - send to design and send for invoicing. Different groups of users take these actions in different order. The fields ...
2
votes
2answers
80 views

Save/cancel or automatically save on long settings page. Especially on email notifications settings.

Sometimes on long list one might miss the buttons after clicking edit or opening an accordion to see more details and then make changes. There's a dilemma what to do on long profile settings. The ...
3
votes
5answers
206 views

Should icons be used to represent “name” and “surname” in a form?

Maybe I'm wrong, but it seems to me that the use of icons inside form fields is becoming very popular, especially in signup and login forms: Now, for email and password fields, I can see that the ...