-
Notifications
You must be signed in to change notification settings - Fork 16
/
UX_forms.theory.txt
30 lines (25 loc) · 2.5 KB
/
UX_forms.theory.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
UX_FORMS
SLOWNESS TO FILL ==> #Fast to fill:
# - prefilling:
# - using autocomplete
# - using custom logic
#Lessen slow to fill inconvenience:
# - provide progress bars:
# - if multiple parts
# - showing labels of all next|previous parts in a bar (as opposed to just percentage)
# - save function
INSTRUCTIONS ==> #General:
# - use <label>
#Input:
# - use <datalist> or combo box libraries
# - placeholders should show expected input (e.g. YYYY-MM)
# - use right input type
#Validation:
# - can use HTML validation
# - use CSS validation pseudo-class for styling
# - provide realtime validation
SIMPLE TO FILL ==> # - user-select: none:
# - on elements that should be interacted with but where copying the text is unlikely (e.g. some buttons)
# - to avoid selecting instead of interacting