E2.07.1input mask separator insertiondesignresearch

A mask that inserts separators reduces typing load

Aliases: input mask · auto hyphen · phone mask

What it is

An input mask lets people type only the significant characters while the system inserts spaces, hyphens, or parentheses at fixed positions—three groups of a phone number, four groups of a card. Nobody has to remember “a dash after digit N.” What drops is the memory and keying load of separators, not caret chaos after paste, and not every regional variant.

Why it happens

In a formatted string, digits or letters are the content; separators are structural marks. Asking people to type those marks stacks a layout task on the content task: count to a position, change punctuation, choose half-width or full-width. The mask removes layout from the keystrokes; working memory keeps only “the next character is a digit.” Visible slots (___-___) also externalize remaining length and cut over- and under-typing. The load falls only if the inserted marks match the structure people expect; the wrong mark brings the load back as “I have to delete the dash the system just added.”

Studying it

Compare free typing with format-on-submit, insertion-while-typing, and visible slots without insertion. Record time, missed or wrong separators, and looks back at instructions. Factors: whether grouping matches local habit, whether a numeric keypad is used. Outcomes: first-submit legality, backspaces per string. Eye tracking can show whether people still count cells. Lab studies often use a familiar domestic number and overestimate the benefit; an unfamiliar ID number shows more clearly whether memory load actually left.

Where it stops holding

When people already have muscle memory for “eleven digits straight,” insertion breaks the rhythm and backspace becomes a fight with the system over separators. Short alphabetic codes, and values people always paste whole, gain no relief from insertion. Passwords and one-time codes must not have symbols inserted; that would change the submitted value. Screen readers that speak each inserted hyphen as content rather than as format make listening noisier than unmasked typing.

Applying it

  • For values everyone writes in one stable grouping (domestic landline, bank card), insert separators while typing so people only enter significant characters.
  • Draw the groups in the empty state so remaining cells can be counted; do not spring a dash halfway through.
  • Define whether the separators the person sees are also submitted, so a dashed display and a dashless backend do not fail a visual check.
  • Verify by filling a string from the keyboard alone, with no instruction copy. If people still count “should I type a hyphen,” separator load was not removed.

Related

  • Within the group: E2.07.2 Masks interfere with paste and caret movement · E2.07.3 A mask must not forbid legal format variants
  • Adjacent: E2.06 Format hints and examples · E2.13 Date pickers
  • Search terms: input mask separator insertion · input mask · auto-formatting

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/E2.07.1