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
1answer
38 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 ...
0
votes
1answer
19 views

Searching in whole site or subsection

We have a search form in a sidebar that currently looks like this: Now, we'd like to add an option to this to let the user choose whether he wants to search the entire site, or only the section ...
2
votes
1answer
28 views

Order of keyboard tab navigation within a form with help links

Situation: I am supporting some old web forms and each input box has an icon next to it that opens up a description section directly below the field. Right now, tabbing through the form alternates ...
3
votes
3answers
100 views

How should I place 3 equally important CTA buttons?

This is an airport transfer quotation form I've created. The user will first select the pick up, destination and number of passengers. Then, they will retrieve the type of vehicle, price and ...
4
votes
3answers
158 views

How should one communicate invalid/valid telephone numbers?

When filling in a form with real time validation and contextual help, how should one communicate the logic behind the telephone number validation? For example, then contextual help would give hints ...
2
votes
2answers
95 views

How to avoid that “Path to Completion” results in “Previous” becoming the next logical action?

Here's my current situation: download bmml source – Wireframes created with Balsamiq Mockups It's a typical wizard that follows this Path to Completion advice. However, regardless of how ...
0
votes
0answers
26 views

Partial date/offset picker

There is list of records with partial date (y/m/d, y/m, y, null). User enters record to start edit it's content (real interface is not english, so don't point to rough "offset" word): User can ...
0
votes
2answers
52 views

Minimum or ideal amount of information gathered in a purchase form

On a web store I have a purchase form that only asks for email, credit card #, expiration date & CCV (security). This is the minimum requirement to make a transaction. However, my instinct is ...
5
votes
4answers
184 views

Why do registration flows ask for anything at all?

Why not let the user in right away and trust them implicitly? They can always register later, once they know they are in the right place and want to save their stuff longer term. This would be a ...
1
vote
3answers
94 views

Is it ever useful to show the Password Requirements on page load?

I have a hypothesis that I have no idea how to test other than lots of observational testing, but perhaps someone has covered this already. On signing up to a new service and being presented with the ...
2
votes
2answers
43 views

How can an admin edit questions on questionnaire after it has been submitted?

I'm working on an app where each user has a profile with questions about themselves to fill out. The questions are things like "Tell us about yourself." and "If you could meet one person from history, ...
2
votes
2answers
71 views

Accuracy of a text field VS ease of buttons

Our users complete coding challenges. Each of these challenges has an estimated duration. For example, "Build a CSS Robot" is estimated to take 60 minutes. All of our challenges are designed to be ...
2
votes
3answers
90 views

How can I determine the optimal number of items to show in the visible window of a list box?

Is there a way of deciding how large to make a listbox, based on the items that it contains? Take this example, listing a load of philosophers. Here there could be up to 300 items in the list. That ...
0
votes
2answers
87 views

What is the most effective way of starting a sales email conversation with a potential customer?

I was reading this test from GoodUI when I had an idea. Rather than having someone enter a ton of information on a web form, why not let the user just write a normal email in their preferred email ...
5
votes
4answers
251 views

Help tooltips and screen-readers

I have an input form that contains help tooltips for many of the field labels (usually more meaningful than the example). download bmml source – Wireframes created with Balsamiq Mockups ...
3
votes
4answers
310 views

Why do web designers force users to enter credit card numbers without hyphens or spaces?

Credit card numbers on the cards themselves seem to follow a pattern--four clusters of digits separated by spaces. This seems to comport with "human factors engineering" that I think shows people have ...
0
votes
0answers
49 views

How to structure complex wizard form

I have a complex form am modelling using Wizard pattern and this is the flow of the form. Add a organization supply information, how many items were delivered and how many were used. after that, you ...
1
vote
1answer
106 views

What are the most common mistakes people make when entering their e-mails in a form?

I want to write some quite specific error messages for an e-mail form field in order for people to find out what they did wrong more quickly. – What are the most common mistakes people make when ...
0
votes
3answers
124 views

Auto-saving when editing a form?

In this scenario, I have a user returning to form and pressing an edit button, then the form is editable a modal window. Should the user have to hit the save button? Any downside to auto-saving after ...
3
votes
4answers
74 views

Would leaving a due date field blank mean “No due date” to a user?

I am being questioned whether a user will intuitively know that leaving a Due date field blank (and is not required), will mean there is no due date. Any thoughts for an explanation or other ...
0
votes
4answers
67 views

When should an input's validation message show on a form that has already been submitted?

So let's say that we have a form. This form has multiple inputs, many of which are required fields. Understandably, we should not turn a required input red and show a validation message before the ...
1
vote
2answers
89 views

Does logical program flow make a program more compatible with the human mind?

I recently began to wonder if a more logical program was more 'compatible' with the human mind, as in being more natural to use, and making the user feel more in control. Is this necessarily true? ...
0
votes
1answer
62 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 ...
1
vote
3answers
95 views

How to tell a user that they are looking at an example? “for example”, “sample”, “i.e.”, “eg”

I'm looking for a universal way of showing a user that the text they are looking at is an example of a valid input. I'd like it to be as concise as possible and universally understood (i.e. 'For ...
4
votes
3answers
336 views

Formatting a Login Screen

I am designing a login page for my school's network. I'd like to display the logo of our school next to the login form. I've created two prototypes: In the first design, the image+form is ...
0
votes
3answers
75 views

Is there any convention about iOS forms

I've been searching for a while now and didn't find the right answer for my question about iOS forms, that is: Studying some iOS forms, I discovered 02 main styles for forms's title and placeholders. ...
1
vote
2answers
102 views

How to edit forms that have been completed in steps?

I have restructured one big form into 5 steps (progressive enclosure) like checkout process on eCommerce sites. At the last step we show preview of all the fields along with a submit button. This ...
1
vote
2answers
80 views

Possible ethical ways to prevent user leaving last “confirm” stage

I am designing a form having multiple stages where user 'Confirms' the quotation at the last stage. While thinking about how to prevent user leaving this last confirmation page (before he actually ...
0
votes
1answer
101 views

The most efficient solution for breaking this form into multiple tabs

INTRODUCTION AND RELEVANT INFORMATION I am software developer who must create application for managing contracts. I am very "clumsy" regarding UX, so I am not satisfied with what I have made so far. ...
1
vote
1answer
140 views

Improve design for master-detail interface

INTRODUCTION AND RELEVANT INFORMATION I am programming application that writes data about contracts into database. It is similar to banking software. Contract is very complex data, so let me ...
0
votes
2answers
132 views

Is it necessary placing exit/cancel/close button if there are 'x' (close button) at the pop up window

My dekstop application use a lot of .showdialog to open new form. Then it's necessary placing some method for the user who want close the popup form. I already using 'x' (close form, near minimize and ...
23
votes
2answers
1k views

What value does :focus CSS state add for buttons?

We all know that :hover is required if you want to create sophisticated user experience. It allows users to recognize a click option on an element. I wonder what value does :focus add for buttons? ...
0
votes
4answers
170 views

Better Approach for 4-level Tree Structure

I have a 4-level radio button list which is like: On page load, only the 1st level options are shown (Alpha/Beta/Gamma/Delta). Based on the value selected in the 1st level, the corresponding 2nd ...
0
votes
1answer
68 views

Whether to use checkbox or radio button to distinguish an item

On my site, CodeHive we have a thing called Boards. Boards are used to either share a programming tip or ask a question. Currently we don't have a way to flag a Board to differentiate between a tip or ...
0
votes
5answers
144 views

Responsive form design

Is it better to break a responsive screen into 2 steps? Having a long form like this attached image, Is it bad for UX or is it better to break into 2 steps?
1
vote
2answers
74 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 ...
1
vote
2answers
66 views

Manage big form view without javascript [closed]

I have a big form composed of one thousand input checkboxes (divided in group of about 100 checkbox) and more inputs of various type. When the form is completely visible it is very ugly and ...
0
votes
0answers
9 views

Empty input fields after submission? [duplicate]

What's "best practice" after submitting successfully a form? Should the fields get cleared or should the keep their values? Currently I keep them but some users may get confused (even seeing a ...
1
vote
1answer
68 views

short vs long message - input placeholder

I'm working on a profile update form, it got me wondering - what's the pros&cons of displaying a short placeholder vs a long placeholder? First candidate: Current Password Second candidate: ...
13
votes
4answers
374 views

What do you call a form that changes based on users answers?

I am looking for what to call the UX idea of a form that changes based on the answers a user has entered. For example a web form that asks: Are you satisfied with your purchase? If you answer ...
0
votes
2answers
115 views

Where should I put an Add button in a Bootstrap Modal dialog?

I have a UI like this designed at the moment with Bootstrap modal: I was thinking the "Add Shift" button looks misplaced. Would there be any better placement for the button so it doesn't look so ...
0
votes
2answers
55 views

Repeated Form Filling

Imagine you're operating a machine doing several jobs a day. Each time you start a job, you have to look at a screen to check and possibly change the machine settings. I know that, from force of ...
2
votes
3answers
300 views

Improve form design for more efficient editing/browsing through data

INTRODUCTION: I am asking for advice to properly redesign the GUI so user can have the best possible user experience. Although I am generally satisfied how things turned out for entering data into ...
1
vote
1answer
108 views

intuitive multiple directory (like file input) selection design (pic)

Anyway, I'm a developer by trade, but do most of my own design work. The program I'm currently developing requires that the user "configure" several directories in which several 3rd party executable ...
1
vote
3answers
65 views

User's availability calendar - what is the most intuitive way to allow them to complete this?

I need to allow users to complete an availability calendar. Very basically, they'll either be available or unavailable on a given day. I don't need to go any deeper than days. However, I'd like them ...
0
votes
1answer
70 views

Can not design window to be used both for inserting and reading data from database

I am working on a financial software which has a lot of data to be entered into database. I have managed to design user interface for entering data on my own, and my employers are satisfied. ...
1
vote
1answer
202 views

Research/Data on mobile interactions vs. desktop forms?

I'm trying to find some usability studies or even anecdotal commentary on the difference in user preferences of interacting with a select list UI on the desktop vs. mobile. Traditionally, on the ...
7
votes
4answers
241 views

Add new field to the form as user focuses on the field

I'd like to hear opinions and pros/cons for the following approach to handling HTML forms http://jsfiddle.net/FsY7y/6/ (this is a simple demo). As user focuses on a field, a new field is added in case ...
15
votes
5answers
1k views

Should I use two steps or one when users change password?

I currently have a page dedicated to changing passwords. There are 2 options: A 2 step option: download bmml source – Wireframes created with Balsamiq Mockups download bmml ...
24
votes
6answers
4k views

Should label and field be separated with colon?

When you have a form with fields and captions for these fields, should you do it like that: Field1: [ ] Field2: [ ] or like that: Field1 [ ...