Tagged Questions

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
5answers
924 views

Is it good practice to ask date of birth and gender from users or Avatars can suffice?

I am building a system where I need user explicit data like Age, Gender, Preference towards a category(fashion/Gadgets/...). I came up with 2 solutions for Age & Gender: Ask user these ...
3
votes
2answers
48 views

When trying to stick to right aligned form label pattern, how do you handle multi-line labels?

I'm using 2 column right-aligned labels/left aligned input fields. For 99% of my app, it's great. It follows one of Luke Wroblewski's quickest path to completion patterns. The problem is while trying ...
0
votes
0answers
23 views

Modern rich text editor? [on hold]

I've been using CKEditor for my project up until now, however, it is extremely heavy and takes far too long to load. What are some modern rich text editor that are available, as I haven't been able ...
3
votes
4answers
233 views

Is it appropriate or wise to merge two similar search inputs together?

I have an application team that is building a simple search component in which there are two fields. Both accept a number only value that represents primary keys in two different tables. Would it be ...
1
vote
2answers
162 views

How should I show a field is filled when they are not allowed to view the content?

I am saving Twitter keys in a database. The 4 fields needed are in a place where more than one (at least semi trusted) person is able to add the required keys. However, it is suggested that you should ...
3
votes
2answers
71 views

Is it really much helpful for users to provide them multiple options to sign-up or sign-in?

I had created account on a website some months ago and today to wanted to login again but I now I don't remember which method I had used first time to create account. If I would try the option ...
0
votes
3answers
103 views

Button or link for new item form

I'm quite decided to use links to indicate that the user will be taken to page with content, and to use button, when the user takes some action. There is pretty clear distinction between those, so it ...
0
votes
1answer
104 views

UI to manage Products with variants

I'm developing an ecommerce solution where the products may have variants in some properties that doesn't qualify them as different products. Consider this mockup for the costumer UI: download ...
0
votes
2answers
56 views

Designing a Geographic Form with Multiple Input Fields

I have a form that allows the user to input their geographic origin. The origin is broken down into 4 specific categories: City, State, Province, Country. The province input field would apply more ...
1
vote
2answers
67 views

help redesigning table options

I've been asked to look at the design of a table that has buttons at the end (highlighted) Obviously these options should be at the head of the table where they can be seen straight away by the ...
0
votes
2answers
123 views

Bad error message for required field: “Please enter value”

I just watched someone struggle with a form. The form was part of a normal online shop. It had reloaded after submitting, annotating the required field for the phone number with a red text above, ...
4
votes
2answers
120 views

Change Password Form

When allowing a user to change their password is it necessary to add a confirm password field? as follows: Current Password New Password Password Strength Meter Confirm New Password (Is this field ...
9
votes
4answers
867 views

Street address confirmation

I'm trying to design the best way for an existing customer to confirm their street address and these are the two designs I have come up with. Method A I like this because it's easy to read and they ...
4
votes
1answer
75 views

Attaching files other than pictures to a mobile form

Client has a desktop-only website that is migrating to be responsive. Contact us form has a button to attach a file (not necessary a picture). My thought is: attaching a file with a phone is arduous. ...
15
votes
10answers
2k views

Multiple vs single field capture for phone number form input

Working on a form dealing with phone numbers, I've seen two methods to capture user input . In past practices example 2 (image below) has proved effective in controlling phone number lengths on ...
2
votes
1answer
41 views

How to handle default inputs than can be overruled?

Here is a problem I have been struggling with for a while... Consider the following 2 input forms (don't worry, these are just mockups, not real screenshots). When the user opens the forms, all ...
2
votes
1answer
75 views

When to remove error color from field? On change or on focus?

I have a form. When the user puts in wrong information or an error shows up, the field color changes. Now, I'm confused as to when I should change the color back; should it be when the user focuses ...
0
votes
2answers
73 views

How do i display a button that is selected with two options?

Industry Experience has both a Target Value and an actual value (what the person scored) Attached is an example where the actual value is not the target value. How should it be displayed when the ...
2
votes
2answers
72 views

Crash dialog - motivating user to explain what they were doing

In my application (a browser), there are two types of crashes which can occur: Python exceptions, i.e. I can handle the crash just when it happens and display a crash dialog immediately. Segfaults ...
3
votes
2answers
100 views

Best practice for desktop application input validation

I've been reading through some of the other questions tagged with validation and similar. We have a Windows desktop application that has many textboxes contained in a dialog that need to be validated, ...
0
votes
1answer
51 views

What is the good wording and place for file size error message? [closed]

What would be a good wording and place on the form for file type error message? I am especially interested in the case when a user may not understand clearly the difference between file types.
0
votes
1answer
136 views

Web UI design for CRUD modules

In the past, I mainly programmed desktop applications. When I created an administrative app for a store, I did the following for CRUD modules. Let's say I need to add new articles to my store, the ...
0
votes
1answer
72 views

Where is the best position for a FORM on a landing page?

i am working on a long landing page (at the moment the design is about 9000px long) for the hotel/travel industry. I was wondering what was the best place to put the request form, right now i am ...
0
votes
1answer
42 views

indication of mandatory states

I have a questionnaire that engineers can complete. The questionnaire can either be mandatory or non mandatory. In the mandatory Q all questions are mandatory. In the non mandatory Q no questions are ...
2
votes
4answers
108 views

Indicate recently answered question

I am working on an web-application form which represented as table rows. These table rows hold item information and can be checked or unchecked. When saved, all checked items are set to be seen by ...
0
votes
4answers
85 views

Displaying a hierarchy in a dropdown

I have a dropdown in my application that allows users to select a location in a hierarchy. Currently, I am showing each level in the hierarchy as a tree-type layout, with the lower items intended and ...
4
votes
6answers
972 views

How to show remaining time?

I'm developing a Q&A product. Answering form works like this: Each question has 2 answer slots. If you're writing an answer, you can take your time, but after a few seconds of not writing, a ...
1
vote
3answers
315 views

Using radio buttons responsively

I am working on a project with form design - giving users a choice of 7 options. With prototyping (in Axure), I have found that users using mobile phones seem to have some difficulty selecting radio ...
2
votes
2answers
74 views

Radio button group confusing to user?

I have a page where the user is asked to choose one of two options so more information can be provided. I used a radio button group (bootstrap) which has no default option selected (see mock below). ...
0
votes
2answers
46 views

Why does verizon have me confirm my authorization code when adding a device? [closed]

What purpose does the second entry serve? Why are they making us go through the hassle of entering in a random character string twice, when we can clearly see it the first time we type it in?
2
votes
3answers
170 views

How to present a long form with optional sections

I have a long form that will require the user to print it out and mail it in (the signature is legally required and submitting it online isn't an option at this point). The form is to change various ...
2
votes
5answers
101 views

How to indicate that one set of checkbox answers will result in an AND search, wheras an other one will be an OR

I have a search form that contains two sets of checkboxes (along with other elements). One set will result in an OR search (Item has checkedbox1 OR checkedbox2) - the second will result in an AND ...
0
votes
2answers
54 views

Choosing the right 3rd Party Login Services for your app

I'm building a desktop/mobile app and in addition to the standard login I wanted to provide a way for users to be able to login to from services such as Google, Facebook, etc. The difficult part in ...
0
votes
1answer
61 views

How should I display more clearly long text/options/answers on a mobile form (currently its a dropdown)?

I am working on a mobile form and some questions have dropdowns with long input text. Users can't read the entire answers and I can't reduce the text more than I already did. Unfortunately, I have ...
36
votes
15answers
4k views

Slider control when there is no maximum value

I'm trying to design a control where the user can enter a figure that has no maximum value. For example, how many miles that person wants to travel that year. There's a text field there for direct ...
0
votes
2answers
90 views

Best practice for design CRUD Split-form UX which have “associate with user's task” mode

I've been searching for how we design Split CRUD form UX which have "associate with user's task" mode. I have a Master-Detail CRUD web-based form. Basically, my form has 1 fields-form, 1 datagrid, 5 ...
0
votes
2answers
120 views

UX for faceted filtering?

The Swedish website "Prisjakt" - a website used for price comparisons - has a very nice set of form elements that dynamically update to indicate matching elements based on applied filters. See link ...
1
vote
2answers
138 views

How should the form control buttons be arranged?

Where is the best place to show form actions in a system (CRUD buttons*)? I have currently placed them in a sticky header that follows a user down the page so as to always show the controls, which is ...
0
votes
2answers
90 views

How to show facts & forms in first fold of the browser?

I am working on a form page. In which first their is a page heading comes then facts related to form & then form comes. My project manager wants facts & form comes in the first fold of the ...
1
vote
1answer
131 views

What is the best way to switch between views?

I am designing a web page for regular drafts.(regular drafts are kind of drafts which are periodic)It means you can define amount of money to transfer from your account to another account in some ...
0
votes
1answer
85 views

What is the best way to display many multiple selection of US states?

I am currently working on a project to create a "wizard" for users to customize dashboard. One step is to select the states they are interested in. There are so many states, but I don't want to split ...
1
vote
3answers
128 views

Mandatory field without default value

While designing a GUI, on the form where I am administering the users, when I add a user I want to be able to select the role among 3 choices and I want the administrator to make a choice. So I ...
0
votes
3answers
83 views

Textfield validation - persist, ignore, correct or delete?

I'm working on a desktop application that has text fields and other form elements scattered on various pages. A global save button saves all inputs from all pages. Since the textfield format/error ...
0
votes
1answer
126 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 ...
1
vote
2answers
176 views

Long web form, use multiple “pages” or one long scrollable form?

Do most users find filling out a form to be less frustrating when form chunks are separated into pages (essentially tab navigation), or do they find that annoying and prefer it to be one long ...
0
votes
2answers
47 views

What is the best way to show labels on filters with sliders?

I need to design a filters column to fit in safe area (650px) and I need to understand how to deal with labels. In order to shrink the design I decided to put labels into input boxes and using ...
1
vote
1answer
74 views

Distinguish between a log file and a file logged in the log file

This form has a file upload element which is used to upload a log file, and a drop down to select files that are 'logged' in the log file. The users of this will be familiar with what a log file is ...
0
votes
2answers
86 views

Types of tool tips [closed]

I'm designing a checkout flow for an e commerce website and I need to come up with a set 3 kind of tool tips. while they will look similar they will have variations for the following for providing ...
1
vote
4answers
224 views

Does it make sense to have an “All” option in a filter?

I'm working on an effort to create a set of filters for search results. One of the UX issues I'm currently working out is whether or not to place an "All" option as an item in the filters. For ...
0
votes
2answers
70 views

Male Female Selection [duplicate]

I am building a form. What is the best practice to ask a gender of a person in a form. In a dropdown? In radio buttons? or in some other forms? Please also tell some techniques to style these fields. ...