Forms - sample collection data
Location | Effort to convert into PL | Form Layout | Alignment | Label location | Tooltips | Placeholder text | Validation | Location of validation | Advance input fields | Semantic HTML | Links | Action buttons | Submit | Screenshots |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Location: how can I get to this form?
Effort into making into pattern library: t-shirt size estimate
Order placement: inline, stack, both
Alignment: left align, center, etc
Label location: above, left, none
Tooltips
Placeholder content/text
Validation: inline, summary, etc
Location of validation: top, bottom, left, right
Advance input fields (e.g. date pickers, sliders, toggles, popups, etc)
Semantic use of HTML form elements (fieldset, legend, new HTML5 elements, etc)
Links: default, hover, active, visited
Action buttons: default, hover, active
Submit: what happens after the form is submitted
Screenshots