-
Recent Posts
Categories
Tags
Accessibility actions Activity Indicators Alert content disability Error errors example font Fonts forms Graphics h1 header help Hide Icons idx Images inline inputs Interaction ixd labels Layout links Lists messaging Navigation page header Pagination path Photography Processesing Product Names Progress bar Site standards success text ux validation Visual Design writing tipsArchives
Tag Archives: forms
Forms
Description Web forms are tools to enter data that will be processed through a server. They are interactive online forms that contain text fields that users complete and checkboxes or radio buttons that users select. Characteristics Basic principles for designing … Continue reading
Last modified: August 6, 2010 at 5:04 pm.
Posted in Style Tagged content, data, form fields, forms, input field, Processesing, survey, transaction, Visual Design Leave a commentSelection-Dependent Inputs
Page-level selection-dependent inputs are probably your best bet when the number of additional options for each initial choice is large. Though you need to webpages to break up the form, the dynamic hiding and showing of additional inputs won’t confuse … Continue reading
Last modified: August 3, 2010 at 9:57 pm.
Posted in Design Principles Tagged forms, inputs, ixd, ux Leave a commentAdditional Inputs
Additional inputs can be used to provide added or advanced options to the people who need them without getting in the way of people who don’t. You should map additional inputs to prioritized customer needs. Primary use cases should be … Continue reading
Last modified: August 3, 2010 at 9:57 pm.
Posted in Design Principles Tagged forms, inputs, ixd, ux Leave a commentUnnecessary Inputs
Carefully examine all the questions being asked in your form for opportunities to elimiate unnecessary inputs. Look for patterns in how people answer questions that allow you to infer answers accurately. Be mindful not to complicate questions for the sake … Continue reading
Last modified: August 3, 2010 at 7:21 pm.
Posted in Design Principles Tagged forms, inputs, ixd, ux Leave a commentInput Fields
Use the right input field for the type of question you are asking: Does it require a yes or no answer; a selection from mutually exclusive options; etc.? Where possible, ensure that field lengths provide meaningful affordances that help people … Continue reading
Last modified: August 3, 2010 at 7:14 pm.
Posted in Design Principles Tagged forms, inputs, ixd, ux Leave a commentLabels
Web form labels should use succinct, natural language and consistent capitalizations to make answering the questions they pose as easy as possible. When you are trying to reduce completion times or if you need flexible label lengths for localization, consider … Continue reading
Last modified: August 3, 2010 at 7:13 pm.
Posted in Design Principles Tagged forms, ixd, labels, ux Leave a commentForm Organization
Take the time to evaluate every question you are adding to your forms. Be vigilant about removing everything that isn’t necessary. Strive for succinctness in all the questions (labels) you ask in your forms. When succinct lables may be misinterpreted, … Continue reading
Last modified: August 3, 2010 at 7:12 pm.
Posted in Design Principles Tagged forms, ixd, ux Leave a commentDesign Principles
Below is a series of design principles which should be observed in all decisions regarding the user experience. Form Organization Path to Completion Labels Input Fields Actions Help Text Errors and Success Inline Validation Unnecessary Inputs Additional Inputs Selection-Dependent Inputs