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
2answers
28 views

Integrate lookup and edit functionality

I've looked at a few of the other similar questions, but I don't think they are the same kind of problem. I am trying to design to link a person to an item. The page supports free text entry for the ...
2
votes
2answers
66 views

Locking input form fields, does it make sense?

In certain views of our web-application, all information is usually presented as input fields as they can be modified. Now, because of our rights and roles system, for some people, several input ...
1
vote
2answers
72 views

Required field asterisk color

In common practice we put an asterisk to signify a field as required. The color of the asterisk should always be red, or we can use any other color ? How to show it effectively, when all buttons ...
0
votes
0answers
33 views

How to handle complex preferences form [on hold]

I'm working on a new feature for an application. The results of a form determine the user preferences which are used to match product buyers with potential brands. For each metric, the buyer can say ...
2
votes
2answers
118 views

I'm seeing a new instant email-validation tool on registration forms — is it new? And what is it? [on hold]

I've started to see something in the last few months that I don't remember having seen before and want to know just what it is and how it works. When I'm required to register for some BS site (but ...
1
vote
1answer
75 views

Single page app - user abandons form

I am developing an AngulrJs single page app with a permanent set of buttons for navigation. Among other things, the user can add some data or edit existing data. What should I do if he pushes a ...
0
votes
3answers
72 views

Input Numbers on Mobile

Some context first. I'm working on a mobile application for law enforcement agencies to track suspects in a real-time manner. When launching a track session, users need to specify how often the ...
1
vote
2answers
52 views

How to show disabled textfields on a form?

I have an HTML form with some textfields and datetime fields. Some elements should be shown readonly for a user group. Unfortunately, site's base color is gray so I could not use that color for the ...
2
votes
0answers
43 views

Best way to ask the user how much something costed approximately?

TL; DR; version: Users are given the possibility to write stories about certain activities they took part in. The price of these activities can vary, so it would be a good idea to give them the option ...
1
vote
0answers
24 views

What's the effect of color on responses to a Likert scale? [migrated]

We're implementing comment cards on our site that contain a simple Likert-type scale that uses colored buttons (red, orange, yellow, light green, green), to denote the range of negative to positive ...
4
votes
5answers
124 views

Is it best to add or remove functionality when using checkboxes?

Suppose there's a system where the user can make a blog post. This user can choose to allow or disable comments to their posts. He's going to make this choice for every post he creates. Now, the ...
0
votes
1answer
109 views

Customers with multiple locations

We've been creating an admin portal; the user of the portal would only be the staff at the company as this will be an internal tool. The issue we've run into is that we have conflicting opinions on ...
1
vote
1answer
53 views

Is it problematic to have dropdown selector options expand above the field instead of below?

I'm designing a product-based website, and I have a dropdown selector at the bottom of one of the pages near the footer. When I went to review development, I noticed that the way the dropdown selector ...
4
votes
4answers
155 views

Is required validation possible on a switch/toggle control?

Scenario I want to make sure a user has made a selection on a switch input. On page load it is either on (1 - in image) or off (2 - in image) depending on what state it is set to in the code. ...
44
votes
10answers
6k views

How can I make it extremely clear that the user needs to take one last action?

I am developing a new checkout wizard for my company's website, and I've added a "confirm your selections" panel as the last step in the wizard: From my perspective as the designer, I feel that I ...
4
votes
2answers
160 views

Enormous and unwieldy Windows Form

I have this ugly interface in WinForms that is both character-limited and slow. The basic idea is that it needs to be a dynamically sizeable 2D array. Each position in the array can be set ...
2
votes
1answer
57 views

What is the best way to label placeholder call-to-actions?

I'm creating a search input where the user can search for: restaurants, dishes, and cuisines. I was wondering when it comes to placeholder text what is the most proper way to label this ...
0
votes
1answer
37 views

What's the best way to present NPS survey questions to users on phones?

NPS surveys generally take the format of: The touch area of each selection seems to be pretty tight when I put my mockup on a phone... Is there a better design pattern that I could be using here ...
1
vote
0answers
24 views

Daily- weekly-hourly temperature planner [closed]

i'm working on a project where i need to assign different temperature settings for times of the day. There are 4 options that i can assign to an hour. they need to have different colors on the ...
1
vote
1answer
34 views

Do I still need to keep my “Submit” or “Search” button? [duplicate]

Many sites now provide a search bar without the buttons, and everyone (?) understands that you press enter afterwards anyway. Is it beneficial to keep the Search button for this case? Do I gain or ...
-2
votes
0answers
29 views

Can my aria-describedby be placed before the input element? [migrated]

I have a form with aria-describedby attributes on the input alements, followed by a span tag with a description/example of the desired input. It also has class to only display for screenreaders ...
4
votes
1answer
121 views

Search field with or without a button?

I can see two broad patterns as far as the design of the search field is concerned. One like we see on Google has a button that the user can hit to initiate Search. (They could also hit enter to do ...
1
vote
2answers
64 views

Redundant : enter user id again for forgot password

Many a times, I use forgot password link after trying a password that I think is correct but doesn't work. In other words I have already provided my userid/email address. Since the password is ...
7
votes
3answers
219 views

“Floating labels” vs “Fixed small labels” on the the web?

On devices with small screens floating labels can improve readability, since the size of the placeholder's text tends to be considerably bigger than the one in the small labels and the latter just ...
1
vote
1answer
75 views

Create new record and add (lengthy) details in one step? (Accordion Forms)

I was hoping to solve this data entry problem with an accordion form, but now I'm not so sure if this is the right way to do it. I am concerned that information might get lost if I place the save ...
2
votes
1answer
58 views

Mobile proof input control for long list of options with a lot of text

I'm letting users choose one option from a set of choices. My data set is much like a list of countries: many options (about 50 - 200) the user will know what options are there because of the ...
3
votes
1answer
42 views

Persisting form field error messages in a fixed header

I'm currently redesigning an onboarding flow and i've come to this question with an engineer about designing an error message form field box that persists in our fixed header. This would of course ...
1
vote
3answers
77 views

Social sign up or a short field?

hi, I have a very simple form to get users signed up. My MD (not the brand stakeholder) wants to use social sign-in as he thinks it's easier. I feel that because this is a small form, users are ...
8
votes
4answers
157 views

Canadian Postal Code Input field

The Canadian postal codes is formed from 6 letters and 6 numbers, interposed. Example: M1K 3H7 The Canadian postal code is quite tricky for a user to enter into an input form field, especially on ...
3
votes
2answers
145 views

Mobile Web: Remember Me Checkbox?

For many desktop sites, the Remember Me checkbox is a very useful and important part of signing into a site. And, it is unchecked by default (there is a lot about this on several UX-based sites). On ...
2
votes
2answers
105 views

Need better terminology for 'Save Form' and 'Submit Form' [closed]

It is a Registration page for a Hackathon event. Please have a look at the wireframe below. Team leads can register there team and save the form before the final submission. The "Save changes" button ...
2
votes
1answer
29 views

Postscript/note/additional info in a form

In most ordinary forms, there is some addition information or notes that the form owner want to tell users. For example, * Required / Staff only I have seen different sets of symbol used in ...
1
vote
2answers
64 views

How to make it clear that two related forms submit separately?

I'm adding reviews functionality to a website. Currently, the form where users can enter a review and/or rating looks like this; When the user clicks one of the rating stars, the page makes an ajax ...
3
votes
1answer
117 views

Can sign up/log in be unified in one button?

I'm working a form at the moment and was consider merging sign in and sign up but thought it might be confusing. Is there any precedent for this? Example download bmml source – ...
3
votes
1answer
97 views

Why does google separate out its sign in process to 2 pages now? Is that bad UX or just unconventional? [duplicate]

Firstly: Enter my email address, then hit enter takes me to: Feels like it's unnecessarily staggered, but maybe I'm missing something? This is a relatively new occurrence as well
3
votes
1answer
125 views

Multi page vs single page to complete a form? (not for ecommerce checkout)

How to create a form with ~15 fields for a buying used clothes site, single or multi page? I saw other debates & older forums, but im not still convinced. Im leaning towards one page, or maybe ...
4
votes
4answers
263 views

Best way to show “more info”, Tooltip vs no tooltip?

Which is the best way to display more info next to an option while completing a form in a minimal way & little space? the "i" icon which can be clicked or hovered over & a tooltip appears ...
3
votes
6answers
269 views

Checkboxes or Radio buttons: Only one or zero choices

I'm building a quiz-type web application in which the user must answer a series of multiple-choice questions. I need to decide whether to use radio buttons or checkboxes. I'm familiar with the ...
0
votes
0answers
44 views

Does Unisex gender need to include in form? [duplicate]

We can't deny that in this world, the human can be classified as male, female or unisex. I design a form for registration. Does it really make senses to put all gender or just male or female only? ...
4
votes
5answers
247 views

Should editing a password be 2 step process or all in one form?

We have a web application whereby a user's profile screen uses a card-based layout. One of the cards allows users to update their password. Our team is split on how the password card should be laid ...
1
vote
2answers
80 views

Combining select field with freeform entry

I have a "university/college" field in a web form. In the interests of data normalisation I want users to select their university from a dropdown. However, if their uni is not there they should enter ...
1
vote
1answer
85 views

Form image selection (upload / gallery / default)

There is an image (1 img) selection option within a form with 3 choices: 1- User uploads the image from computer. 2- User can select an image from pre uploaded images. 3- User selects a default image. ...
2
votes
2answers
102 views

Reset button for calculator forms

it's usually bad practice including a reset button in your forms. Some reasons for this are outlined in various other questions: Submit and Reset button, what's the best order? Is a cancel ...
1
vote
2answers
116 views

With 2 types of users: should I provide 2 separate forms or use the same one for both?

I am working on a platform with 2 type of users, transporters and those sending their goods. Our biggest concern is the user experience, reason why everyone is opting for what we call "one profile". ...
0
votes
2answers
136 views

What's the best way to highlight errors in an unconventional form?

Over at UXswitch we created a WYSIWYG form for posting a new UX job. Have a look http://www.uxswitch.com/post-job. Our job adverts are like an infographic and they are built on the fly. Problem is, ...
1
vote
2answers
84 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
0
votes
2answers
193 views

Web GUI pattern: How to design complicated multi-level nested forms in an ERP system

I am on designing an ERP application. We have many forms with nested objects inside and many form elements. I tried to design the form like this example. But it seems that showing nested forms and ...
1
vote
1answer
58 views

Giving an option to go back from the 'Save draft' page

For a multi-page online form our developers disable browser back options and have included a back button on every page of the form. However most pages have a 'save draft' option. The 'Save draft' ...
1
vote
1answer
130 views

Are users more likely to capitalize their names in name input fields?

I have a registration form where users are required to provide their first and last name. I've been contemplating implementing some sort of auto-capitalization callback but after reading this post I ...
1
vote
2answers
103 views

styling of required fields

I've been asked to build a form that captures a name and address of a user. This should be easy: just name field, then address field. Name and address are required. But client wants name to be a ...