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
27 views

Security questions: Text being trimmed by screen edge – iOS, Android [on hold]

I have a set of security questions wrapped in a select menu. They are questions such as: What is your mother's maiden name? What is your dog's name? Etc. On iOS and Android small screens, the text ...
0
votes
1answer
39 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 ...
0
votes
0answers
19 views

Big matrix, does not fit viewport [on hold]

User interface, result of filling multiple forms, must be visible as big sheet with different cells, sometimes merged rows and columns. I'm searching for ideas how make it no so simple as Excell ...
2
votes
3answers
108 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
134 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
79 views

Should I add more colors? [on hold]

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
71 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
264 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
100 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
26 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. ...
1
vote
3answers
114 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
1answer
75 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
45 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
59 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
78 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
75 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
66 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
56 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
49 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
65 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
336 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
76 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
119 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
94 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
167 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
73 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
122 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
78 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
84 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
52 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
0answers
58 views

How to display custom or advanced 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
145 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
169 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
85 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
60 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
83 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
91 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
36 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
273 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
239 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
61 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
155 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
78 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
83 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
19 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
118 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
100 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
31 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 ...