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)

53
votes
12answers
4k views

Should read-only text appear as plain text or in a read-only textbox?

Should I use labels for read-only information, or should I use read-only text boxes to maintain the look of the fields? It seems to me that if something is in a textbox it implies there is some way ...
1
vote
2answers
85 views

Can I replicate the layout of a paper form online?

A system submits planning applications but we've observed the online system takes users much longer to complete than the paper version. This is because the paper version has all form fields ...
2
votes
1answer
119 views

Handling lack of support for HTML5 [closed]

I've made a client-side JS script that runs when the Register button is clicked for the current version of a site, but want to implement real-time validation on the client. How do I handle some ...
2
votes
2answers
97 views

Should a register page contain every field at once?

I am redesigning an application, and part of that is making the UX a bit better. However, the application requires the user to fill in a lot of information. Would it be better to have them fill out ...
2
votes
3answers
141 views

Terse or chatty field labels?

Field labels generally fall into one of 2 camps, either terse or chatty, such as 'Name' versus 'What is your name?'. Typically there is a broad correlation between the expertise or focus of the user: ...
1
vote
3answers
183 views

Less contrast of text cursor over dark input box

We all know dark UI looks damn sexy. The problem is that, when the pointer hovers over a dark input box, the default black cursor has low contrast. Since this could confuse users, what might be the ...
4
votes
2answers
507 views

Should I put the label before or after the input element?

For visually impaired users using a screen reader does it matter if the label for an input control be placed before or after the input? For example, is there a difference (as far as the screen reader ...
15
votes
5answers
4k views

Is a “Login Successful” Message Necessary?

On an informational/forum website (say, similar to a StackExchange site), is it necessary to show a "login successful" message? Clarification: On the site in question, the users can log in by ...
3
votes
2answers
227 views

Fitting a Huge Real Life Insurance Form in a 7 Inch Tablet

I'm consulting a Life Insurance company who plan to go mobile with their procedures on signing up for an Insurance product. This will be mobile on a 7" Tablet device, say Nexus 7 with 1920×1200 pixel ...
0
votes
2answers
122 views

How to improve billing address pattern?

I'm trying to find the best pattern to use in a sales service flow where some employers will be using an app to sale products in local stores. They will keep in touch with many clients so they need ...
2
votes
2answers
98 views

Control that changes state automatically and needs to be a part of a form. Any ideas?

I need an example of a control that changes its state automatically once a condition has been satisfied. I need to use such a control to allow admins to set a flag at the user level that would ask ...
2
votes
3answers
135 views

Natural language format for user input

We are experimenting with using a natural language form for user input. This is the information we are collecting from the user: color (x2) font size font weight accessibility level Normally, ...
0
votes
1answer
184 views

How to hide additional rarely used checkboxes?

I'm building a form in which there is one input with checkboxes. The list comprises of 3 or 4 popular options, and about 10 rarely used ones: I think I've seen ways in which websites hide the ...
1
vote
2answers
101 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 ...
4
votes
3answers
454 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
144 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 ...
3
votes
2answers
171 views

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

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
91 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
5answers
207 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
65 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
2answers
210 views

Best way to ask the user how much something cost, 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 ...
4
votes
5answers
157 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
142 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
95 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
256 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. ...
46
votes
11answers
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
168 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
99 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 ...
1
vote
2answers
115 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
27 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
59 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 ...
5
votes
1answer
184 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
80 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
334 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
101 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
171 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
63 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
85 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
240 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 ...
4
votes
2answers
203 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
110 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
2answers
50 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
69 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
150 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
133 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
213 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
414 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
440 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
50 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
287 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 ...