Dynamic titles must not jitter so hard they break tab scanning
Aliases: title flicker · unread count in title · tab title animation
What it is
document.title may change with state: unread counts, download progress, “Saving.” Change it too often, or flip between two strings, and those few characters on the tab become a blinking patch. Jitter breaks scanning: tabs are used for recognition, and recognition needs a stable string. Flicker pulls attention to “something is moving” without making readable which tab it is or what it is called now. An unread count may live in the title; it must not rewrite on every message, and it must not alternate (3) Inbox and Inbox to steal a fixation.
Why it happens
Scanning the tab strip is a short visual search whose target is a stable string shape. If the shape changes mid-search, the current fixation is void and search restarts. Animation and flicker also capture peripheral attention and pull the eyes off the tab being read—which is exactly why some sites flash the title as an “unread” alert, and why that alert harms identification. On some platforms a screen reader treats title changes as a new page or a notification; frequent updates become noise. If the browser writes a history row for every title change, history fills with progress percentages.
Reasonable dynamics are sparse, one-way, and meaningful: “Draft” becomes “Saved” once; unread goes from none to a number, then merges on a throttle (at most once a minute, or when the window blurs). Unreasonable: polling rewrites, every 1% of progress, emoji flashes. An SPA that uses a placeholder title until data arrives, then the object name, is identity landing, not jitter; it should not jump again after that.
Studying it
In a multi-tab setup, have people find a named tab while another tab changes title at different rates (still, every second, every message, a throttled unread count).
- Dependent variables: time to the target, misses onto the flashing tab, verbal irritation, whether a screen reader continually announces title.
- Independent variables: update rate, whether two strings alternate, whether the change alters object identity or only a count.
- Methodological note: a flashing tab in the lab becomes the centre of the stimulus, overestimating “alert success” and underestimating “the neighbour cannot be found.” The task must be to find a different, still tab. Do not use unread flashing that staff are habituated to; outsiders do not have that habit.
Where it stops holding
A downloading file tab with a rising percentage is accepted as moving because identity is unchanged and what moves is progress. A monitoring dashboard whose window is designed as live data does not have the tab title as its main surface. Never updating would keep “Saved” off the tab forever; change when the change is real, just do not loop. The OS “now playing” indicator is an operating-system surface, not document.title’s job.
Applying it
- Do not alternate two title strings as an alert. Unread is a stable numeric prefix, updated on a throttle or when the window blurs.
- Progress writes should not be finer than the time to read a line; switch to the final name when complete.
- Route landing may jump once from placeholder to object name, then stay until the object or task actually changes.
- Verify: several tabs side by side, one of them updating title under the product’s current logic; ask someone to scan for a named still tab. If the eyes are pulled away or a screen reader is continually interrupted, the rate is too high. As a counter-example, flip
● Inbox / Inboxevery second; identification should clearly worsen.
Related
- Within the group: G4.09.1 The document title should name this page, not repeat the site name · G4.09.2 The title is how tabs, history, and bookmarks recognize a page · G4.09.3 Duplicate titles make same-site tabs impossible to tell apart · G4.09.4 The document title should match the in-page heading, or people suspect the wrong page
- Adjacent: A5.07 Attentional capture · H5.05 Badges and unread counts · I4.01 Debounce and throttle
- Search terms:
document.title·title flicker·tab scanning
Cards in the same group
- G4.09.1The document title should name this page, not repeat the site name
- G4.09.2The title is how tabs, history, and bookmarks recognize a page
- G4.09.3Duplicate titles make same-site tabs impossible to tell apart
- G4.09.4The document title should match the in-page heading, or people suspect the wrong page