Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Living wiki of UI design patterns and best practices built with Fumadocs, Next.js, and Base UI components.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
rules/ux-doherty-under-400ms.md
1---2title: Respond Within 400ms3impact: CRITICAL4tags: ux, doherty, latency, response-time5---67## Respond Within 400ms89Interactions must respond within 400ms to feel instant. Above this threshold, users notice delay.1011**Incorrect (no feedback during loading):**1213```tsx14async function handleClick() {15const data = await fetchData();16setResult(data);17}18```1920**Correct (immediate optimistic feedback):**2122```tsx23async function handleClick() {24setResult(optimisticData);25const data = await fetchData();26setResult(data);27}28```2930Reference: Doherty, W. J. (1979). Managing VM/CMS systems for user effectiveness.31