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)

2
votes
1answer
82 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 ...
1
vote
3answers
126 views

Encourage users to add comments to questions. Is it good UX to show a toggle button or is there a better way?

I want to encourage users to add comments but all the questions show up on one page so having all the comment boxes visible takes up too much vertical space. Is it good UX to show them on clicking a ...
0
votes
2answers
155 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
1answer
56 views

Reason behind placement of email opt in/TOC's at bottom of form?

Looking for any data on placement of email opt in's & TOC's within user registration forms. Common placement is prior to the form action: I believe the main reasoning to be that interrupting ...
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
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 ...
2
votes
3answers
277 views

floating versus inline alerts

I personally am a fan of floating alerts such as Toasts. I am thinking of using them for the form validation and feedback. I find the inline movement of content terrible, though it seems to be the ...
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 ...
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 ...
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 ...
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 ...
7
votes
1answer
185 views

Shipping address layout

Is there any layout recommended for shipping/mailing addresses for an ecommerce website? Currently I have all the shipping addresses out on 1 page along with the account details of the user, which ...
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 ...
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 ...
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. ...
1
vote
2answers
469 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
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 ...
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 ...
1
vote
1answer
101 views

Supporting International Billing Addresses, when they are a small % of user base

Our site is expanding internationally. During our checkout process, we ask customers to give us billing information such as Address, City, State, & Zip Code. This is used both for fraud prevention ...
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 ...
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. ...
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 ...
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 ...
0
votes
3answers
403 views

What are some ways to manage more data on single page without scrolling?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
1
vote
2answers
396 views

Using a modal to display information

I am working on a dashboard to display menus. Throughout the site, we use modals to display important or separate information that prompts user action. Now, there is possible design for a modal to ...
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 ...
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, ...
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
6answers
520 views

Where to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering where to place call to action buttons. 1 option: big blue call to action is placed under the text fields focus on the first text field - we display ...
1
vote
1answer
85 views

Loading message

I have page that contains a list of tenants that are currently active. To add a new one, there is a link to a full page form that adds the new client to the list of active tenants. This operation ...
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 ...
1
vote
3answers
133 views

How display multiple date fields inside a form?

I am developing a web application for a soccer Association. One requirement is the possibility to enter and modify registration periods, that is the time ranges (2 per year) where the association can ...
0
votes
1answer
93 views

How 'similar' should names be to qualify as possible duplicates?

This is with reference to this question about possible duplicates. The question now arises is, how similar should these names be to mark them as possible duplicates? For example, Rajan Electricals ...
0
votes
1answer
119 views

Using mixed radio and checkbox buttons - is there any efficiency or usability gain in the design?

I have noticed that many online forms and surveys these days are starting to use a mixture of radio and checkbox buttons for the same question, that is, for a question that gives the person a number ...
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 ...
13
votes
4answers
6k views

What are the advantages and disadvantages of multi-window functionality vs single-window functionality?

I am considering porting a windows application to a web application for one of my clients. The windows application is an MDI app (multiple forms open at once), but obviously the web app would be much ...
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 ...
0
votes
2answers
341 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 ...
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 ...
1
vote
2answers
181 views

Selecting an item from a hierarchical tree

First and foremost this is a web application. Basically I'm looking at the concept of editing a record. Each record is tied to a tree node path. I'm kind of at a loss as far as what would be the ...
1
vote
1answer
172 views

Is a wizard the best design pattern for this problem?

So my web app lets users charge monthly subscriptions for email newsletters. In my next update, I am completely retooling the user experience and need some advice. Users can create multiple plans for ...
1
vote
2answers
86 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 ...
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 ...
1
vote
4answers
314 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
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
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 ...