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)

3
votes
3answers
72 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
61 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
20 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
90 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
55 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
83 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
173 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
189 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
47 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
127 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
158 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
89 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
79 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
285 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
122 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
148 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
82 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
79 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
75 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
58 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
52 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
71 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
347 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
79 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
123 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
95 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
173 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
77 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
129 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
83 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
54 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
91 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
147 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
181 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
87 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
65 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
98 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
38 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
312 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
281 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
62 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
164 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 ...